@font-face {
     font-family: 'dejavu_sansbook';
     src: url('../fonts/dejavusans-webfont.woff2') format('woff2'), url('../fonts/dejavusans-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: 'condimentregular';
     src: url('../fonts/condiment-regular-webfont.woff2') format('woff2'), url('../fonts/condiment-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'poppinslight';
     src: url('../fonts/poppins-light-webfont.woff2') format('woff2'), url('../fonts/poppins-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: '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: 'robotothin';
     src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto-thin-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;
}
 @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;
}
body{
    overflow-x: hidden;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
    /*vertical-align: baseline;
    */
     font-family: 'robotoregular';
}
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 body {
     line-height: 1;
     height: auto;
}
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
     display: none !important;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 a:focus,a:active,a:focus,button:hover,button:focus,button:active{
     text-decoration: none;
     outline: none;
}
 a,a:hover,a:after,.transition,button,button:hover{
     text-decoration: none;
     -webkit-transition: all ease-in-out 0.3s;
     -moz-transition: all ease-in-out 0.3s;
     -ms-transition: all ease-in-out 0.3s;
     -o-transition: all ease-in-out 0.3s;
     transition: all ease-in-out 0.3s;
}
 .no_transition{
     -webkit-transition: all ease-in-out 0s !important;
     -moz-transition: all ease-in-out 0s !important;
     -ms-transition: all ease-in-out 0s !important;
     -o-transition: all ease-in-out 0s !important;
     transition: all ease-in-out 0s !important;
}
 .font_10{
     font-size:10px;
}
 .font_11{
     font-size:11px;
}
 .font_12{
     font-size:12px;
}
 .font_13{
     font-size:13px;
}
 .font_14{
     font-size:14px;
}
 .font_15{
     font-size:15px;
     line-height: 1.5
}
 .font_16{
     font-size:16px;
}
 .font_17{
     font-size:17px;
}
 .font_18{
     font-size:18px;
}
 .font_19{
     font-size:19px;
}
 .font_20{
     font-size:20px;
}
 .font_21{
     font-size:21px;
}
 .font_22{
     font-size:22px;
}
 .font_23{
     font-size:23px;
}
 .font_24{
     font-size:24px;
}
 .font_25{
     font-size:25px;
}
 .font_26{
     font-size:26px;
}
 .font_27{
     font-size:27px;
}
 .font_28{
     font-size:28px;
}
 .font_29{
     font-size:29px;
}
 .font_30{
     font-size:30px;
}
 .font_31{
     font-size:31px;
}
 .font_32{
     font-size:32px;
}
 .font_33{
     font-size:33px;
}
 .font_34{
     font-size:34px;
}
 .font_35{
     font-size:35px;
}
 .font_36{
     font-size:36px;
}
 .font_37{
     font-size:37px;
}
 .font_38{
     font-size:38px;
}
 .font_39{
     font-size:39px;
}
 .font_40{
     font-size:40px;
}
 .font_41{
     font-size:41px;
}
 .font_42{
     font-size:42px;
}
 .font_43{
     font-size:43px;
}
 .font_44{
     font-size:44px;
}
 .font_45{
     font-size:45px;
}
 .font_50{
     font-size:50px;
}
 .font_57{
     font-size:57px;
}
 .font_60{
     font-size:60px;
}
 .font_70{
     font-size:70px;
}
 .uppercase{
     text-transform:uppercase;
}
 .capitalize{
     text-transform:capitalize 
}
 .white{
     color:#fff 
}
 .black{
     color:#000 
}
 .grey{
     color:#717171 
}
 .yellow{
     color:#F9BB06 
}
 .yellowLink{
     color:#F9BB06;
}
 .yellowLink:hover{
     color:#000;
}
 .bolder{
     font-weight: bolder;
}
 .bold{
     font-weight: bold;
}
 .justify{
     text-align:justify 
}
 .bold_font{
     font-family: 'robotobold';
}
 .light_font{
     font-family: 'robotolight';
}
 .thin_font{
     font-family: 'robotothin';
}
 .medium_font{
     font-family: 'robotomedium';
}
 .blue_dark{
     color: #244384;
}
 .greay{
     color: #b5b5b5;
}
 .light_gray_bg{
     background: #f9f9f9;
}
 .relative{
     position: relative;
}
 p{
     line-height: 1.5;
}
/* homepage */
 .mainContentWrapper {
     margin-top: 114px;
     min-height: 400px;
}
 .headerMianWrapper{
     width: 100%;
     float: left;
}
 .headerLogoWrapper {
     float: none;
     position: relative;
     padding: 5px 0;
     margin: 0 auto;
     display: block;
     background: #e3f5f9;
}
 .scrolled .headerLogo img{
     height: 35px;
}
 .countBadge{
     transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
     -ms-transition: all ease 0.3s;
     -webkit-transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
}
 .scrolled .countBadge{
     transform: translateY(-25px);
     -moz-transform: translateY(-25px);
     -webkit-transform: translateY(-25px);
     -ms-transform: translateY(-25px);
     -o-transform: translateY(-25px);
}
 .headerRightSection{
    /*right: 0;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
    */
    /*padding: 0 15px;
    */
     text-align: right;
     text-transform: capitalize;
}
 .cartUser ul>li{
     display: inline-block;
    /*padding: 0 0 0 30px;
    */
     vertical-align: middle;
     padding: 0 10px;
}
 .cartUser ul>li:first-child{
     padding-left: 0;
     border-color: transparent;
}
 .cartUser ul>li:last-child{
     padding-right: 0;
}
 .cartUser ul>li.navigationDivider{
     width: 1px;
     height: 100%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     top: 50%;
     position: absolute;
     padding-left: 30px;
     border-left: 1px solid #000;
}
 .countBadge{
     position: absolute;
     top: -10px;
     right: -10px;
     background: #264584;
     height: 19px;
     width: 19px;
     border-radius: 50%;
     color: #fff;
     line-height: 1.5;
}
 #navigationCover{
     position: relative;
     margin-top: 18px;
}
 .megaMenuWrapper{
     position: absolute;
     top: 100%;
     left: 0;
     right: auto;
    /*width: 100vw;
    */
     width: 100%;
     background: rgba(255, 255, 255, 1);
    /*height: 45vh;
    */
     overflow: hidden;
    /*left: 50%;
    */
    /*transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
    */
    /*-webkit-box-shadow: 0px 0px 25px 0px #929292;
     box-shadow: 0px 0px 25px 0px #929292;
    */
     visibility: hidden;
     z-index: -999;
     opacity: 0;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     border: solid 1px #eee;
     padding: 15px 0;
}
 .megaMenuWrapper_small {
     left: 20%;
     text-align: center;
     padding: 15px 0;
     width: 241px;
     height: auto;
     right: 0;
     border: solid 1px #eee;
     transform: none;
     -moz-transform: none;
     -webkit-transform: none;
     -ms-transform: none;
     -o-transform: none;
}
 .aboutNavWrap li{
     border-left: solid 1px #666;
}
 .menuLinks li:hover a{
     color: #F9BB06;
}
 .megaMenuWrapper .mainLinks{
     width: 20vw;
     float: left;
     overflow-y: auto;
     overflow-x: hidden;
     height: 100%;
}
 .mainLinks::-webkit-scrollbar {
     display: none;
}
 .mainLinks::scrollbar {
     display: none;
}
 .megaMenuWrapper .mainLinks .menuMainLink{
    /*padding: 20px 0 20px 15px;
     width: 100%;
     float: left;
     border-bottom: 1px solid #e0e0e0;
     border-right: 1px solid #e0e0e0;
     color: #000;
     background: #F3F2F8;
     position: relative;
    */
}
 .menuLinks{
     text-align: left;
}
 .menuLinks li:first-child a{
    /*font-weight: bold;
    */
}
 .menuLinks li{
     margin: 10px auto;
}
 .menuLinks a{
     margin: 5px auto;
     color: #333;
}
 .megaMenuWrapper .mainLinks .menuMainLink:hover,.megaMenuWrapper .mainLinks .menuMainLink.active{
     background: #fff;
     color: #F9BB06;
     border-right: 1px solid transparent;
}
 .mengaMenuRightSectionWrapper{
    /*position: absolute;
     background: #fff;
     height: 100%;
     float: right;
     width: calc(100vw - 20%);
     right: 0;
     top: 0;
     opacity: 0;
     z-index: -999;
    */
}
 .mainProCatWrap.open .mengaMenuRightSectionWrapper{
     opacity: 1;
     z-index: 9;
}
 .mengaMenuRightSection{
     position: absolute;
     width: 100%;
     height: 100%;
     padding:2em 4em;
     display: inline-block;
     left: 0;
}
 .megaMenuWrapper_small .mengaMenuRightSection {
     padding: 0;
     position: initial;
     float: left;
}
 .megaMenuWrapper .mainLinks .menuMainLink i{
     margin: 3px 0px 0 0;
     color: transparent;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 10px;
}
 .megaMenuWrapper .mainLinks .menuMainLink:hover i,.megaMenuWrapper .mainLinks .menuMainLink.active i{
     color: #F9BB06;
}
 .mengaMenuRightLinks{
     width: 100%;
     float: left;
    /*text-align: center;
    */
}
 .mengaMenuRightLinks>.mengaMenuLink>a, .mengaMenuRightLinks .mengaMenuLink>a{
     margin:15px 0;
     width: 100%;
     display: inline-block;
     color: #676767;
     line-height: 1.3;
     display: block;
     line-height: 1.5;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .megaMenuWrapper_small .mengaMenuRightLinks>.mengaMenuLink>a, .megaMenuWrapper_small .mengaMenuRightLinks .mengaMenuLink>a {
     margin: 0;
    /*padding: 13px 20px;
    */
     padding: 5px 15px;
     width: 100%;
     display: inline-block;
    /*color: #676767;
    */
    /*line-height: 1.3;
    */
    /*background: #F3F2F8;
    */
     float: left;
     position: relative;
    /*border-bottom: 1px solid #e0e0e0;
    */
}
 .mengaMenuLink a{
     color: #333;
}
 .mengaMenuLink .brand_icon,.category_icon{
     width: 30px;
     float: left;
     border-radius: 50%;
     overflow: hidden;
    /*box-shadow: 1px 1px 1px 1px #ccc;
    */
     border: solid 1px #eee;
}
 .NoproductsMenuAbsoulute{
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     left: 50%;
}
 .mengaMenuLink_smal_sub .brand_name,.category_name{
     position: absolute;
     top: 50%;
     left: 60px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .mengaMenuRightLinks .mengaMenuLink>a:hover, .mengaMenuRightLinks .mengaMenuLink>a:active, .mengaMenuRightLinks .mengaMenuLink>a.active{
     color: #284386;
     background: #fff;
     font-weight: bold;
}
 .mengaMenuLink{
     display: inline-block;
     width: calc(100% / 4);
     float: left;
     padding: 0 15px;
}
 .megaMenuWrapper_big {
     width: 700px;
     left: -100px;
}
 .mengaMenuLink.mengaMenuLink_smal_sub{
     display: block;
     width: calc(100%);
     float: none;
     padding: 0;
}
 .mengaMenuRightSectionWrapper .loader{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: #fff;
     z-index: 9;
}
 .mengaMenuRightSectionWrapper .loaderImage{
     position: absolute;
     top:50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .mengaMenuRightSectionWrapper .loaderImage img{
     width: 40px;
}
 .active.megaMenuWrapper{
     visibility: visible;
     opacity: 1;
     z-index: 99;
}
 .cartUser ul>li:nth-child(3){
    /*padding:0 30px;
    */
}
 .cartUser ul>li>a {
     color: #000;
     position: relative;
     float: left;
     text-align: center;
     font-family: 'robotomedium';
     line-height: 1.2;
}
 .cartUser ul>li>a:hover, .cartUser ul>li>a.active{
     color: #284386;
     font-weight: bold;
}
 .cartUser .dashboardMenu ul>li>a{
     color: #666;
}
 .cartUser .dashboardMenu ul>li>a:hover{
     color: #F9BB06;
}
 .subHeaderWrapper{
    /*width: 100%;
     float: left;
     display: inline-block;
     background: #F9BB06;
    */
     padding: 16px 0;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}
 .subHeaderBlockLink{
    /*width: calc(100% / 4);
    */
    /*border-right: 1px solid #fff;
    */
    /*float: left;
    */
    /*border-bottom: 1px solid transparent;
     border-top: 1px solid transparent;
    */
     padding: 0 13px;
     display: inline-block;
    /*position: relative;
    */
}
 .mainBannerWrapper.productListingBg.brandStoreBg{
     background: #ccc;
}
 .storeBannerOverlay{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.7);
     z-index: 1;
}
 .bannerImageStore{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .subHeaderBlockLink:last-child{
     border: 0px;
}
 .subHeaderBlockLink>a {
     padding: 0 0 13px 0;
     display: inline-block;
     width: 100%;
     color: #000;
     font-family: 'robotoregular';
}
 .subHeaderBlockLink>a:hover,.subHeaderBlockLink>a.active{
     color: #284386;
     font-weight: bold;
}
/*#navigationCover .subHeaderBlockLink{
     border-left: solid 1px #666;
}
*/
 #navigationCover .subHeaderBlockLink:first-child{
     padding-left: 0;
     border-color: transparent;
}
 #navigationCover .subHeaderBlockLink:last-child{
     padding-right: 0;
}
 .img{
     max-width: 100%;
     width: 100%;
     float: left;
}
 .rowCustom{
     margin-right: -15px;
     margin-left: -15px;
}
 .bannerContentWrapper{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     text-align: center;
     width: 90%;
     z-index: 2;
}
 .centerContent h2{
     line-height: 1.3;
}
 .shopToContribute h2{
     margin-bottom: 20px;
     display: inline-block;
}
 .bannerTagLines span{
     font-family: 'condimentregular';
     font-weight: 400;
}
 .bannerTagLines{
     line-height: 1.2;
}
 .sub_title:after {
     content: '';
     width: 100px;
     height: 3px;
     background-color: #264586;
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
}
 .sub_title_left:after {
     content: '';
     width: 100px;
     height: 3px;
     background-color: #264586;
     position: absolute;
     bottom: -30px;
     left: 0;
}
 .sub_title_gray:after {
     content: '';
     width: 60px;
     height: 2px;
     background-color: #c5ced5;
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
}
 .commonBtn.yellowBtn a,.commonBtn.yellowBtn a:focus{
     border-color: #332702;
     background: transparent;
     border-radius: 30px;
     border: 2px solid;
     padding: 12px 28px;
     color: #F9BB06;
     display: inline-block;
}
 .commonBtn.yellowBtn a:hover{
     border-color: #F9BB06;
     background: #F9BB06;
     color: #000;
}
 .joinUsNow{
     margin:30px 0 0 0;
}
 .commonBtn a {
     position: relative;
}
 .commonBtn a::after{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     opacity: 0;
     background-color: rgba(255,255,255,0.25);
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transform: scale(0.5,0.5);
     transform: scale(0.5,0.5);
     border-radius: 30px;
     z-index: -999;
}
 .commonBtn a:hover::after{
     opacity: 1 ;
     -webkit-transform: scale(1,1);
     transform: scale(1,1);
}
 .sectionPadding{
     padding:5em 0;
     display: inline-block;
     width: 100%;
     float: left;
}
 .homeSecSecondbg{
     background: url('../images/homepage/secTwobg.jpg')center center no-repeat;
     background-size: cover;
     float: left;
     width: 100%;
}
 .homeSecThirdbg{
     background: url('../images/homepage/secThreebg.png')center center no-repeat;
     background-size: cover;
     float: left;
     width: 100%;
    /*min-height: 60vh;
    */
}
 .testimonialBg{
     background: url('../images/homepage/testimonial.jpg')center center no-repeat;
     background-size: cover;
     float: left;
     width: 100%;
     background-color: #333;
}
 .causesBlockWrapper{
     width: 84%;
     margin:0 auto;
     border-radius: 15px;
     overflow: hidden;
     background: #fff;
}
 .homePageCausesMainWrapper{
     padding:30px 0;
     display: inline-block;
     width: 100%;
}
 .causesBlockContentWrapper{
     width: 100%;
     padding: 20px 25px 30px 25px;
     display: inline-block;
}
 .causesTitle{
     padding:0 0 15px 0;
     min-height: 65px;
}
 .causesTitle a{
     color: #000;
     font-family: 'poppinslight';
     font-weight: 600;
     display: block;
    /* or inline-block */
     text-overflow: ellipsis;
     word-wrap: break-word;
     overflow: hidden;
     max-height: 2.6em;
     line-height: 1.3em;
}
 .causesTitle a:hover{
     color: #F9BB06;
}
 .causesBy{
     width: 100%;
     float: left;
}
 .causesByImage{
     width: 100%;
     padding-right:90%;
     position: relative;
}
 .causesByImg{
     border: solid 1px #9E9C9D;
     background: #fff;
     width: 27px;
     height: 27px;
     border-radius: 50%;
     overflow: hidden;
}
 .causesByName{
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 85%;
     right:0;
}
 .causesDescription{
     position: relative;
    ;
     float: left;
     width: 100%;
     margin: 15px 0;
}
 .causesDescription p{
     line-height: 1.3;
     min-height: 16em;
     overflow: hidden;
}
 .productAvail .causesDescription p{
     line-height: 1.3;
     min-height: 3.9em;
     overflow: hidden;
}
 .progressBar .progress{
     height: 5px;
}
 .progressBar .progress{
     box-shadow: inset 0px 1px 4px 0px rgb(64, 64, 64);
     -webkit-box-shadow: inset 0px 1px 4px 0px rgb(64, 64, 64);
     margin-bottom: 10px;
}
 .progressBar .progress-bar{
     background-color: #F9BB06;
}
 .progressBarValue{
     width: 100%;
     float: left;
}
 .progressBarValueLeft{
     width: 50%;
     float: left;
}
 .progressBarValueLeft p{
     line-height: 1.3;
}
 .shopToContributeBtn .commonBtn.yellowBtn.greyBtn a{
     color: #929292;
}
 .shopToContributeBtn .commonBtn.yellowBtn.greyBtn a:hover{
     color: #000;
}
 .shopToContributeBtn .commonBtn{
     margin: 15px 0 0 0;
     display: inline-block;
}
 .causesProductWrapper{
     width: 100%;
     float: left;
}
 .causesProductBlock{
     width: 33.33%;
     padding:0 10px;
     margin: 0 0 15px 0;
     float: left;
}
 .bannerImage{
     width: 100%;
     float: left;
}
 .headerMianWrapper {
     width: 100%;
     float: left;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 99999;
     background: #fff;
     transform: translateY(0px);
     transition: all ease-in-out 0.5s;
}
 .headerLogoWrapper .headerLogo img{
     -webkit-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     transition: all ease-in-out 0.5s;
     width: 270px;
}
/*.scrolled .headerLogoWrapper .headerLogo img{
     width: 170px;
}
*/
 .scrolled .headerLogoWrapper{
     padding: 5px 0;
}
 .scrolled .subHeaderBlockLink>a{
     padding: 10px 0;
}
/*.cartUser ul>li>a img{
     width: 16px;
}
*/
 .scrolled .cartUser ul>li>a img{
     width: 16px;
}
 .causesProductBlockImg{
     border: solid #929292 1px;
     width: 75px;
     height: 70px;
     margin:0 auto;
     border-radius: 7px;
     overflow: hidden;
     position: relative;
}
 .productCausesCount{
     position: absolute;
     width: 100%;
     text-align: center;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .productCausesCount{
     color: #929292;
}
 .productCausesCount:hover{
     color: #000;
}
 .prodcutBlockCauses .causesTitle{
     text-align: center;
}
 .causesMinHeight{
     min-height: 116px;
}
 .homepageProductsWrapper .productImage{
     width: 100%;
     position: relative;
     overflow: hidden;
     border-radius: 15px;
}
 .homepageProductsWrapper{
     padding:0 15px;
     display: inline-block;
     width: 100%;
}
 .homepageProductsWrapper .productsTitle{
     width: 100%;
     margin:15px 0;
     float: left;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .homepageProductsWrapper .productsTitle a{
     color: #F9BB06;
}
 .homepageProductsWrapper .productsTitle a:hover{
     color: #000;
}
 .productHomeCartBtn{
     position: absolute;
     top: 10px;
     right: 10px;
     height: 40px;
     width: 40px;
     background: #fff;
     border-radius: 50%;
}
 .productHomeCartBtnInner{
     position: relative;
     width: 100%;
     height: 100%;
}
 .productHomeCartImg{
     position: absolute;
     top: 50%;
     left: 50%;
     width: 25px;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .viewAllBtn{
     margin:20px 0;
     display: inline-block;
     width: 100%;
}
 .viewAllBtn .commonBtn.yellowBtn.blackBtn a{
     color: #000;
}
 .homePageProductMainWrapper .swiper-container{
     width: calc(100% - 40px);
     margin:0 auto;
}
 .homepageCategoryWrapper{
     width: 100%;
     float: left;
     padding: 0 35px;
}
 .homepageCategoryBlock{
     width: calc(100% / 6);
     float: left;
     padding:10px;
}
 .homepageCategoryBlockInner{
     background: #F9BB06;
     width: 100%;
     height: 100%;
     position: relative;
}
 .homepageCategoryNameImage{
     position: absolute;
     width: 100%;
     top: 50%;
     text-align: center;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .catImage{
     width: 25%;
     margin:0 auto;
}
 .catName h4{
     font-style: italic;
     line-height: 1.3;
     padding:20px;
     color: #000;
}
 .homepageCategoryBlock{
     -webkit-transition:all ease-in-out 0.5s;
     -moz-transition:all ease-in-out 0.5s;
     -ms-transition:all ease-in-out 0.5s;
     -o-transition:all ease-in-out 0.5s;
     transition:all ease-in-out 0.5s;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}
 .homepageCategoryBlock:after{
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     top: 95%;
     left: 5%;
     height: 8px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     -webkit-transition:all ease-in-out 0.5s;
     -moz-transition:all ease-in-out 0.5s;
     -ms-transition:all ease-in-out 0.5s;
     -o-transition:all ease-in-out 0.5s;
     transition:all ease-in-out 0.5s;
}
 .homepageCategoryBlock:hover{
     -webkit-transform: translateY(-8px);
     -ms-transform: translateY(-8px);
     -moz-transform: translateY(-8px);
     -0-transform: translateY(-8px);
     transform: translateY(-8px);
}
 .homepageCategoryBlock:hover:after {
     opacity: 1;
     -webkit-transform: translateY(8px);
     transform: translateY(8px);
     -moz-transform: translateY(8px);
     -0-transform: translateY(8px);
     transform: translateY(8px);
}
 .homePageCategoryWrapper{
     padding: 3em 0;
     display: inline-block;
     width: 100%;
}
 .viewAllBtn .commonBtn.yellowBtn.darkYellowBtn a{
     color: #6A4F0A;
}
 .footer_full_wraper{
     width: 90%;
     margin: 0 auto;
}
 .footerMainWrapper {
     background: url(../images/homepage/footer_bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 3em 0 2em 0;
     float: left;
     width: 100%;
     position: relative;
     z-index: 9;
}
 .footerLogo .white_logo {
     width: 56%;
     margin: 0 0 10px 0;
}
 .app_icons{
     padding: 30px 0;
}
 .app_icons img:first-child{
     padding-right: 20px;
}
 .footerLink a{
     font-weight: lighter;
     color: #fff;
     position: relative;
}
 .footerLink>ul>li{
     margin: 10px 0;
}
 .footerLink a:hover, .footerLink a.active {
     color: #e4d773;
}
 .quick_links{
     margin-bottom: 25px;
}
 .social_icons li{
     padding-right: 10px;
}
 .social_icons{
     padding: 8px 0;
}
 .social_footer_wraper{
     display: inline-block;
     width: 100%;
     float: left;
     padding: 30px 5% 0 5%;
}
 .social_icons li a{
     position: relative;
     display: inline-block;
}
 .social_icons li a:after{
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     bottom: 0%;
     left: 5%;
     height: 8px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(ellipse at center, rgba(255, 255, 255, 0.78) 0%, rgba(179, 179, 179, 0.07) 80%);
     background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.78) 0%, rgba(179, 179, 179, 0.07) 80%);
     -webkit-transition: all ease-in-out 0.3s;
     -moz-transition: all ease-in-out 0.3s;
     -ms-transition: all ease-in-out 0.3s;
     -o-transition: all ease-in-out 0.3s;
     transition: all ease-in-out 0.3s;
}
 .social_icons li a:hover{
     webkit-transform: translateY(-8px);
     transform: translateY(-8px);
     -moz-transform: translateY(-8px);
     -0-transform: translateY(-8px);
     transform: translateY(-8px);
}
 .social_icons li a:hover:after{
     opacity: 1;
     webkit-transform: translateY(8px);
     transform: translateY(8px);
     -moz-transform: translateY(8px);
     -0-transform: translateY(8px);
     transform: translateY(8px);
}
/*.footerLink a:after{
     position: absolute;
     content: "";
     width: 100%;
     text-align: center;
     height: 1px;
     background: transparent;
     opacity: 0;
     left:0%;
     bottom: -3px;
}
 .footerLink a:hover:after{
     left: 0%;
     opacity: 1;
     background: #000;
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
}
*/
 .footerPlayStore{
     width: 86%;
     position: relative;
}
 .socialLinksFooter{
     width: 100%;
     margin: 20px 0 0 0;
     display: inline-block;
}
 .socialLinksFooter>ul>li{
     width: calc(100% / 4);
     float: left;
     text-align: center;
}
 .socialLinksFooter>ul>li>a{
     height: 35px;
     width: 35px;
     background: #fff;
     border-radius: 50%;
     position: relative;
     display: inline-block;
     color: #000;
}
 .socialLinksFooter>ul>li>a:hover{
     -webkit-transform: translateY(-8px);
     transform: translateY(-8px);
     -moz-transform: translateY(-8px);
     -0-transform: translateY(-8px);
     transform: translateY(-8px);
}
 .socialLinksFooter>ul>li>a>i{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .socialLinksFooter>ul>li>a:after{
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     bottom: 0%;
     left: 5%;
     height: 8px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     -webkit-transition:all ease-in-out 0.3s;
     -moz-transition:all ease-in-out 0.3s;
     -ms-transition:all ease-in-out 0.3s;
     -o-transition:all ease-in-out 0.3s;
     transition:all ease-in-out 0.3s;
}
 .socialLinksFooter>ul>li>a:hover:after{
     opacity: 1;
     -webkit-transform: translateY(8px);
     transform: translateY(8px);
     -moz-transform: translateY(8px);
     -o-transform: translateY(8px);
     transform: translateY(8px);
}
 .homepageTestimonialBlock p,.homepageTestimonialBlock h4{
     line-height: 1.5;
     font-family: 'poppinslight';
}
 .homepageTestimonialWrapper{
     margin:0 auto;
     width: 75%;
     border: solid 1px #fff;
     border-radius: 15px;
}
 .homepageTestimonialBlock{
     padding: 3em;
}
 .homepageTestimonialBlock p{
     margin: 0 0 2.5em 0;
}
/* homepage end */
/* product listing page */
 .productBLock{
     width: 100%;
     float: left;
     margin: 0 0 40px 0;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
     border: solid 1px #eee;
     padding: 10px;
     transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
     -webkit-transition: all ease 0.3s;
     -ms-transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
}
 .productBLock:hover{
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     border: solid 1px #eee;
}
 .productImageWrapper{
     position: relative;
     width: 100%;
    /*padding: 20px;
     */
    /*border: solid 1px #e2e2e2;
    */
     display: inline-block;
     overflow: hidden;
}
 .productImageWrapper img{
     transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
     -webkit-transition: all ease 0.3s;
     -ms-transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
}
 .productBLock:hover .productImage img{
     transform: scale(1.1, 1.1);
}
 .productOverlayWrapper{
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.75);
     top: 0;
     left: 0;
     opacity: 0;
     display: none;
}
 .box {
     position:relative;
     vertical-align: middle;
     z-index: 1;
     display: inline-block;
     height:100%;
     width:100%;
     text-align: center;
     transition: 0.5s;
     -webkit-transition:0.5s;
     cursor: pointer;
     border: 2px solid transparent;
}
 .box:hover {
     border: 2px solid transparent;
}
 .box::before, .box::after {
     width: 100%;
     height:100%;
     z-index: 3;
     content:'';
     position: absolute;
     top:0;
     left:0;
     box-sizing: border-box;
     -webkit-transform: scale(0);
     transition: 0.5s;
}
 .foo::before {
     border-bottom: 5px solid #F9BB06;
     border-left: 5px solid #F9BB06;
     -webkit-transform-origin: 0 100%;
     transform-origin: 0 100%;
}
 .foo::after {
     border-top: 5px solid #F9BB06;
     border-right: 5px solid #F9BB06;
     -webkit-transform-origin: 100% 0%;
     transform-origin: 100% 0%;
}
 .box:hover::after, .box:hover::before {
     -webkit-transform: scale(1);
}
 .productOverlayContent{
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     -webkit-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .productOverlayContent .progress{
     width: 100px;
     height: 100px;
     line-height: 150px;
     background: none;
     margin: 15px auto;
     box-shadow: none;
     position: relative;
}
 .productOverlayContent .progress:after{
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 5px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
}
 .productOverlayContent .progress > span{
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
}
 .productOverlayContent .progress .progress-left{
     left: 0;
}
 .productOverlayContent .progress .progress-bar{
     width: 100%;
     height: 100%;
     background: none;
     border-width: 5px;
     border-style: solid;
     position: absolute;
     top: 0;
}
 .productOverlayContent .progress .progress-left .progress-bar{
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     border-left: 0;
     -webkit-transform-origin: center left;
     transform-origin: center left;
}
 .productOverlayContent .progress .progress-right{
     right: 0;
}
 .productOverlayContent .progress .progress-right .progress-bar{
     left: -100%;
     border-top-left-radius: 80px;
     border-bottom-left-radius: 80px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
}
 .productOverlayContent .progress .progress-value{
     border-radius: 50%;
     background: transparent;
     font-size: 24px;
     color: #fff;
     line-height: 4;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
}
 .productOverlayContent .progress.blue .progress-bar{
     border-color: #F9BB06;
}
 .productOverlayContent .progress.blue .progress-left .progress-bar{
     animation: loading-2 1.5s linear forwards 1.8s;
}
 @keyframes loading-1{
     0%{
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100%{
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
    }
}
 .productCausesPercent p,.raiseingProuctsCount p{
     font-family: 'poppinslight';
     line-height: 1.3;
}
 .raiseingProuctsCount{
     width: 100%;
     margin: 20px 0 0 0;
}
 .raiseingProuctsCountLeft{
     width: 50%;
     float: left;
     text-align: center;
}
 .productAddToCart a,.productAddToCart button{
    /*color: #a6afb7;
    */
     color: #000;
     padding: 10px 15px;
     background: #F9BB06;
     border-radius: 4px;
     display: inline-block;
     box-shadow: none;
     border: 0;
     font-family: inherit;
     border: solid 1px transparent;
}
 .productAddToCart p{
     position: relative;
     float: right;
}
 .productAddToCart a:hover,.productAddToCart button:hover,.applySocialFilterBtn a{
    /*background: #F9BB06;
     color: #000;
    */
     background: #000;
     color: #fff;
     border-color: transparent;
}
 .productCartHover{
     position: relative;
     width: 17px;
     float: left;
     margin: -2px 0 0 0;
}
 .productCartHover img{
     position: absolute;
     top: 0;
     left: 0;
}
 .productCartHover .mainImg{
     opacity: 1;
}
 .productAddToCart a:hover .productCartHover .mainImg{
     opacity: 0;
}
 .productCartHover .hoverImg{
     opacity: 0;
}
 .productAddToCart a:hover .productCartHover .hoverImg{
     opacity: 1;
}
 .productDetailsMainWrapper{
     width: 90%;
     margin: 35px auto;
}
 .mainBannerWrapper{
     position: relative;
     float: left;
     width: 100%;
     z-index: 9;
}
 .productListingBg{
     background: url('../images/product_listing/listing_banner.jpg')center center no-repeat;
     background-size: cover;
     background-color: #929292;
}
 .productListingBg.postBg{
     background: url('../images/postBanner.jpg')center center no-repeat;
     background-size: cover;
     background-color: #929292;
}
 .cartBg,.productListingBg,.faqbg{
     height: 40vh;
}
 .cartBg{
     background: url('../images/cart_bg.jpg')center center no-repeat;
     background-size: cover;
     background-color: #929292;
}
 .faqbg{
     background: url('../images/faq_banner.jpg')center center no-repeat;
     background-size: cover;
     background-color: #929292;
}
 .searchBoxWrapper{
     width: 25%;
     display: inline-block;
     border: solid 1px #fff;
     border-radius: 5px;
     position: relative;
     margin: 20px 0 0 0;
}
 .inputBox{
     width: 90%;
     float: left;
}
 .inputBox input,.inputBox input:focus{
     width: 100%;
     padding: 15px;
     border: 0;
     border-right: 1px solid #fff;
     background: transparent;
     color: #fff;
     outline: none;
     font-family: inherit;
}
 .inputBox input::placeholder{
     color: #fff;
}
 .searchBtn{
     width: 10%;
     position: absolute;
     right: 0;
     height: 100%;
}
 .searchBtn button{
     height: 100%;
     width: 100%;
     background: transparent;
     border: 0;
     color: #fff;
}
 .searchBtn button:hover{
     color: #F9BB06;
}
 .productBLock.active .productOverlayWrapper,.productBLock.active .buyProductBtn{
     opacity: 1;
}
 .buyProductBtn{
     position: relative;
     text-align: center;
     margin: -10px 0 0 0;
     z-index: 9;
     opacity: 0;
     display: none;
}
 .buyProductBtn a{
     background: #F9BB06;
     padding: 10px 40px;
     border-radius: 4px;
     color: #000;
}
 .productNameWrapper{
     width: 100%;
    /*margin: 30px 0 0 0;
    */
     margin: 10px auto;
}
 .productName{
     width: calc(100% - 42px);
    /*float: left;
    */
     display: inline-block;
}
 .productName a{
    /*color: #F9BB06;
    */
     color: #333;
     display: block;
     line-height: 1.5;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .productName a:hover{
     color: #F9BB06;
}
 .productWishList{
     width: 30px;
     float: right;
}
 .productWishList a{
     color: #C3C3C3;
}
 .productWishList a.active{
     color: #F9BB06;
}
 .productWishList a:hover{
     color: #000;
}
 .productPriceWrapper{
     margin: 8px 0;
    /*width: 100%;
    */
     display: inline-block;
}
 .filterTitle p {
     position: relative;
     display: inline-block;
     background: #fff;
     line-height: 1.3;
     vertical-align: -webkit-baseline-middle;
}
 .filterTitle p:after {
     position: absolute;
     left: 110%;
     width: 400px;
     top: 50%;
     content: "";
     height: 1px;
     background: #e2e2e2;
}
 .filterWrapper{
     overflow: hidden;
}
 .filterLink>ul{
     margin: 10px 0 0 0;
}
 .filterLink>ul>li{
     width: 100%;
     position: relative;
     border-top: solid 1px #e2e2e2;
     padding: 5px 0;
     display: inline-block;
     width: 100%;
}
 .filterLink>ul>li.noBorder,.cartRowWrapper.noBorder{
     border: 0px;
}
 .disabled{
     cursor: not-allowed;
}
 .filterLink>ul>li>a{
     padding: 10px 0;
     width: 100%;
     display: inline-block;
     color: #2b2b2b;
}
 .filterLink>ul>li>a:hover,.filterLink>ul>li>a.active{
     color: #F9BB06;
}
 .customCheckbox {
     display: block;
     position: relative;
     padding-left: 20px;
     margin-bottom: 0px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     line-height: 1.3;
}
 .customCheckbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     margin: 0;
     left: 0;
     top: 0;
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 15px;
     width: 15px;
    /*background-color: rgba(249, 187, 6, 0.52);
    */
    /*background-color: #dadada;
    */
     border: solid 1px #666;
     border-radius: 1px;
}
 .customCheckbox:hover input ~ .checkmark {
    /*background-color: #f9bb06;
    */
     border-color: #f9bb06;
}
 .customCheckbox input:checked ~ .checkmark {
    /*background-color: #f9bb06;
    */
     border-color: #f9bb06;
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .customCheckbox input:checked ~ .checkmark:after {
     display: block;
}
 .customCheckbox .checkmark:after {
     left: 5px;
     top: 1px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .md-toast{
     z-index: 999999999999;
     position: fixed;
}
 .sideBar.open{
     right: 0;
}
 .sideBar{
     position: fixed;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     background: #F6F6F6;
     right: -410px;
     top: 0;
     width: 400px;
     z-index: 999999;
}
 .overlaySidebar{
     position: fixed;
     opacity: 0;
     top: 0;
     left: 0;
     visibility: hidden;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     z-index: 99999;
}
 .overlaySidebar.open{
     opacity: 1;
     visibility: visible;
}
 .sidebarInnerWrapper{
     position: relative;
     width: 100%;
     height: 100%;
     float: left;
}
 .colseSidebarSec p{
     width: 100%;
     float: left;
}
 .colseSidebarSec{
     padding:15px 20px;
     display: inline-block;
     width: 100%;
     background: #F9BB06;
     position: relative;
}
 .colseSideBar{
     position: absolute;
     right: 0;
     background: #7b7b7b;
     height: 100%;
     top: 0;
     width: 35px;
     color: #fff;
     cursor: pointer;
}
 .colseSideBar:hover{
     background: #000;
}
 .colseSideBar i{
     top: 50%;
     position: absolute;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 100%;
     left: 0;
}
 .sidebarMainProductWrapper{
     padding:20px;
     display: inline-block;
     width: 100%;
}
 .optionValueBtn{
     background: #fff;
     padding: 10px 15px;
     display: inline-block;
     margin: 0 5px 8px 0;
     position: relative;
     border:1px solid #848484;
     border-radius: 30px;
     cursor: pointer;
}
 .productCampaignWrap {
     margin: 30px auto;
     background: #f9bb06;
     border-radius: 15px;
     padding: 15px;
}
 .attributeName{
     margin: 20px 0 5px 0;
}
 .variationBtn{
     position: absolute;
     left: 0px;
     top: 0px;
     opacity: 0;
     width: 100%;
     height: 100%;
     margin: 0px !important;
}
 label.optionValueBtn < {
     border: solid 1px #000;
}
 :checked + span {
     border: solid 1px #f9bb06;
     background: #f9bb06;
}
 .variationPriceSidebar{
     position: relative;
     width: 100%;
     float: left;
     margin: 15px 0;
}
/* product listing page end */
 .loading{
     width:100vw;
     height:100vh;
     position:fixed;
     top:0;
     left:0;
     overflow:hidden;
     background:rgba(255, 255, 255, 0.95);
     z-index:98999999;
     display: block;
     opacity: 0;
     visibility: hidden;
}
 .loading.active{
     opacity: 1;
     visibility: visible;
}
 #loading-image{
     width:100px;
     position:absolute;
     top:calc(50% - 50px);
     left:calc(50% - 50px);
     top:50%;
     left:50%;
     transform:translate(-50%,-50%);
}
 body.opensidebar{
     overflow: hidden;
}
 .cartItemBlock{
     width: 100%;
     float: left;
     padding: 10px 0;
     border-bottom: 1px solid #e2e2e2;
}
 .cartItemBlockImg{
     width: 20%;
     float: left;
     border: solid 1px #e2e2e2;
     padding:10px;
     height: 80px;
}
 .cartItemBlockImg img{
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 .cartItemBlockDetails{
     width: 80%;
     float: left;
     padding:0 15px;
     position: relative;
}
 .cartSidebarName{
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 1.5;
     display: block;
     width: 100%;
}
 .cartSidebarName:hover{
     color: #f9bb06;
}
 .cartItemBlock:last-child{
     border-bottom:none;
}
 .sidebarCartAttribute span{
     display: inline-block;
}
 .sidebarCartAttribute,.sidebarCartPrice{
     line-height: 1.3;
}
 .totalRow>p{
     width: 100%;
     float: left;
     padding: 8px 0;
     border-bottom: 1px solid #e2e2e2;
}
 .totalRow>p.grand_total{
     border-top: 1px solid #000;
     border-bottom: 0px solid #000;
}
 .dividerCart{
     margin: 10px 0;
     width: 100%;
     float: left;
}
 .cartSidebarRemove{
     height: 20px;
     width: 20px;
     text-align: center;
     background: grey;
     border-radius: 50%;
     overflow: hidden;
     top: 0;
     right: 0;
     position: absolute;
}
 .cartSidebarRemove:hover{
     background: #000;
}
 .cartSidebarRemove i{
     line-height: 1.7;
}
 .noItemsInCart{
     margin: 15px 0;
     display: inline-block;
     text-align: center;
     width: 100%;
}
 .checkoutBtn{
     margin: 40px 0 0 0;
}
 .m30 {
     margin: 30px auto;
}
 .separator {
     position: relative;
     display: block;
     text-align: center;
}
 .separator span {
     background: #fff;
     display: inline-block;
     padding: 0 7px;
     position: relative;
     z-index: 1;
}
 .separator:after {
     position: absolute;
     top: 50%;
     left: 5%;
     width: 90%;
     height: 1px;
     background-color: #C0C1C3;
     content: "";
}
 .btn-facebook {
     color: #fff;
     background-color: #3b5998;
     border-color: rgba(0,0,0,0.2);
     display: block;
     width: 100%;
     position: relative;
}
 .btn-social>:first-child {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 32px;
     line-height: 34px;
     font-size: 1.6em;
     text-align: center;
     border-right: 1px solid rgba(0,0,0,0.2);
}
 .fa-facebook-f:before, .fa-facebook:before {
     content: "\f09a";
}
 .btn-google {
     color: #fff;
     background-color: #dd4b39;
     border-color: rgba(0,0,0,0.2);
     display: block;
     width: 100%;
     position: relative;
}
 .btn-google:hover,.btn-google:focus {
     color: #fff;
     background-color: #c23321;
     border-color: rgba(0,0,0,0.2);
}
 .btn-facebook:hover,.btn-facebook:focus {
     color: #fff;
     background-color: #2d4373;
     border-color: rgba(0,0,0,0.2);
}
 .greyBG{
     background: #e2e2e2;
     float: left;
     width: 100%;
     padding:40px 0;
}
 .forgotPassword{
     color: #6d6d6d;
}
 .forgotPassword:hover{
     color: #000;
}
 .formWrapper{
     width: 100%;
     float: left;
     background: #fff;
     padding: 20px;
     float: left;
     -webkit-box-shadow: 0px 5px 29px 11px #d6d6d6;
     box-shadow: 0px 5px 29px 11px #d6d6d6;
}
 .tags input:focus{
     outline: none;
}
 .form-control,.tags input {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     height: 45px;
     padding: 12px 13px;
     margin: 0 0 0px 0;
     font-family: inherit;
}
 .form-control:focus,.tags input:focus{
     outline: none;
     border-color: #ccc;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .customCheckbox input:checked ~ .radiomark {
     background-color: #f9bb06;
}
 .productCampaignWrap .customCheckbox input:checked ~ .radiomark {
     background-color: #000;
}
 .customCheckbox .radiomark {
     position: absolute;
     top: 0;
     left: 0;
     height: 16px;
     width: 16px;
    /*background-color: #c5c5c5;
    */
     border-radius: 50%;
     border: solid 1px #c5c5c5;
}
 .productCampaignWrap .customCheckbox .radiomark {
    /*background-color: #fff;
    */
}
 .customCheckbox :checked + span {
     border: solid 1px transparent;
}
 .customCheckbox .radiomarkInner {
     position:relative;
     width: 100%;
     height: 100%;
     float: left;
}
 .customCheckbox .radiomarkInner:after {
     top: 50%;
     left: 50%;
     width: 50%;
     height: 50%;
     border-radius: 50%;
     background: white;
     content: "";
     position: absolute;
     display: none;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .customCheckbox input:checked ~ .radiomark .radiomarkInner:after{
     display: block;
}
 .genderWrapper{
     margin: 15px 0;
     width: 100%;
     float: left;
}
 .privacyPolicy {
     margin: 5px 0 15px 0;
     display: block;
     width: 100%;
     float: left;
}
 .privacyPolicy a{
     color: grey;
}
 .privacyPolicy a:hover{
     color: #000;
}
 .control-group{
     margin: 0 0 10px 0;
     float: left;
     width: 100%;
}
 .customForm .form-control[disabled], .customForm .form-control[readonly], .customForm fieldset[disabled] .form-control{
     background: inherit;
}
 button.disabled{
     cursor: not-allowed;
}
 .cartPagecartItemBlockDetails .cartSidebarName{
     color: #F9BB06;
}
 .cartPagecartItemBlockDetails .cartSidebarName:hover{
     color: #000;
}
 .cartPageName{
     width: calc(100% - 50px);
     float: left;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .cartPageWish{
     width: 50px;
     float: left;
}
 .padding0{
     padding:0;
}
 .cartMainWrapper{
     padding:0 0px;
     float: left;
     width: 100%;
}
 .cartTitle{
     padding: 15px 20px;
     float: left;
     width: 100%;
     border-bottom: 1px solid #e2e2e2;
}
 .cartTitle>p{
     font-family: 'poppinslight';
     font-weight: 600;
     margin: 10px 0 0 0;
}
 .formWrapperCoupon{
     width: 250px;
     border: solid 1px #e2e2e2;
     height: 40px;
}
 .couponInput{
     width: calc(100% - 50px);
     float: left;
     height: 100%;
}
 .couponInput input,.couponButton button{
     width: 100%;
     height: 100%;
     background: transparent;
     border: 0px;
}
 .couponButton button i{
     background: #bbb;
     padding: 7px;
     font-size: 16px;
     border-radius: 50%;
}
 .couponInput input{
     padding: 0 10px;
     display: inline-block;
     font-family: inherit;
}
 .couponInput input:focus,.couponInput input:active{
     outline: none;
}
 .couponButton{
     width: 50px;
     float: left;
     height: 100%;
}
 .couponButton button{
     color: #fff;
}
 .couponButton button:hover i{
     background: #F9BB06;
}
 .cartImg{
     padding: 0;
     width: 100%;
     height: 110px;
}
 .cartImg img{
     height: 100%;
     width: 100%;
     object-fit: contain;
}
 .cartPagecartItemBlockDetails{
     width: 100%;
     float: left;
}
 .cartRowWrapper{
     padding: 20px 0;
     width: 100%;
     float: left;
     border-bottom: solid 1px #e2e2e2;
}
 .cartImgWrapper{
     width: 10%;
     float: left;
}
 .cartContetnWrapper{
     width: 30%;
     float: left;
}
 .cartQtyWrapper{
     width: 30%;
     float: left;
}
 .cartPriceWrapper{
     width: 25%;
     float: left;
}
 .cartRemoveItem{
     width: 5%;
     float: left;
     position: relative;
}
 .cartRemoveItem .cartSidebarRemove{
     background: #bbb;
     height: 24px;
     width: 24px;
}
 .cartRemoveItem .cartSidebarRemove:hover{
     background: #000;
}
 .cartRemoveItem .cartSidebarRemove span{
     height: 100%;
     width: 100%;
     position: relative;
     float: left;
}
 .cartQtyWrapper .cartQtyInput{
     width: 30px;
     background: transparent;
     border: 0;
     text-align: center;
     padding: 0;
     display: inline-block;
     height: auto;
     vertical-align: super;
}
 .cartQtyWrapper .qtyButton{
     width: 26px;
     height: 26px;
     border-radius: 50%;
     background: #f9bb06;
     display: inline-block;
     position: relative;
     color: #000;
}
 .cartQtyWrapper .qtyButton:hover{
     background: #000;
     color: #fff;
}
 .cartQtyWrapper .qtyButton i,.cartRemoveItem .cartSidebarRemove span i{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .checkOutpageWrapper{
     width: 90%;
     margin: 0 auto;
}
 .checkOutpageWrapper .cartImgWrapper{
     width: 25%;
}
 .checkOutpageWrapper .cartContetnWrapper{
     width: 70%;
}
 .checkOutpageWrapper .cartTotal{
     width: 100%;
}
 .checkOutpageWrapper .finalTotalRow{
     padding-bottom: 10px;
     padding-top: 10px;
}
 .paddingTop0,.paddingBottom0{
     padding-bottom: 0;
     padding-top: 0;
}
 .checkOutAccordionWrapper{
     width: 100%;
     float: left;
}
 .accordionTitle{
     width: 100%;
     padding:15px 30px;
}
 .accordionTitle .titelText{
     margin: 8px 0 0 0;
}
 .accordionTitle p,.accordionTitle .checkOutUserName{
     font-family: 'poppinslight';
}
 .accordionTitleInner{
     width: 100%;
     padding: 0 0 0 40px;
     position: relative;
}
 .padding0{
     padding: 0;
}
 .accordionTitleInnerIcon{
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 18px;
}
 .checkOutUserName{
     color: #F9BB06;
}
 .checkOutUserName:hover{
     color: #000;
}
 .checkoutAccordionContentWrapper{
     border-top: 1px solid #e2e2e2;
     padding: 25px 30px;
     width: 100%;
     float: left;
}
 .openAccordion,.addNewAddressFormWrapper{
     max-height: 0px;
     overflow: hidden;
     float: left;
     width: 100%;
}
 .openAccordion.open,.addNewAddressFormWrapper.open{
     max-height: unset;
     overflow: auto;
}
 .checkOutpageWrapper .formWrapper.padding0{
     margin: 0 0 20px 0;
}
 .checkoutSelectedValue{
     padding: 15px 30px;
     border-top: 1px solid #e2e2e2;
}
 .checkoutSelectedValue p{
     line-height: 1.4;
}
 .addressBlockWrapper{
     width: 100%;
     position: relative;
     float: left;
}
 .addressBlock{
     width: 100%;
     float: left;
     position: relative;
     margin: 20px 0 0 0;
}
 .selectAddressLine{
     line-height: 1.3;
}
 .addressLine{
     line-height: 1.3;
     margin: 10px 0;
}
 .editAddress{
     position: absolute;
     top: 0;
     right: 0;
}
 .marginRight10{
     margin: 0 0 0 10px;
}
 .updateAddressFormCheckout{
     padding:15px;
     width: 100%;
     float: left;
     box-shadow: 0px 0px 12px 1px #ccc;
}
 .useAsShippingAddress a{
     font-family: 'poppinsmedium';
     color: rgba(0,0,0,.87);
}
 .useAsShippingAddress{
     padding: 15px 0 0 0;
     float: left;
     width: 100%;
     border-top: 1px solid #e2e2e2;
     margin: 15px 0;
}
/*.placeOrderButton .productAddToCart a{
     background:#F9BB06;
     color: #000;
}
*/
/*.placeOrderButton .productAddToCart a:hover{
     background: #bbb;
}
*/
 .paymentMethodBlock{
     margin: 15px 0 0 0;
}
 .swiperThumb{
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     background: rgba(0, 0, 0, 0.72);
     padding: 3px 10px;
     z-index: 2;
     cursor: pointer;
}
 .swiperThumb.pull-left{
     left: 10px;
}
 .swiperThumb.pull-right{
     right: 10px;
}
 .productDetailsImageWrapper{
     width: 100%;
     float: left;
}
 .productDetailsFirstSec{
     padding: 30px 0;
     width: 100%;
     background: #fff;
     float: left;
     position: relative;
}
 .productDetailsMainImageWrapper{
     background: #fff;
     width: 100%;
     position: relative;
     margin: 0 0 0px 0;
     float: left;
}
 .productDetailsMainImageWrapper .swiper-container,.galleryThumbsWrap .productDetailsThumb{
     float: left;
    /*box-shadow: 2px 2px 12px 1px #c5c5c5;
    */
     width: 100%;
     border: solid 1px #eee;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}
 .detailsSwiperWrapper{
     padding: 10px;
     width: 100%;
     float: left;
}
 .galleryThumbsWrap{
     position: relative;
     width: 100%;
     float: left;
     padding: 20px 0 0 0;
}
 .productDetailsWrapperRight{
     width: 100%;
     float: left;
}
 .productsDetailsBreadCrump{
     margin: 20px 0;
     width: 100%;
     float: left;
}
 .breadcrumbLink a{
     color:#717171;
}
 .breadcrumbLink a:hover,.breadcrumbLink a.active{
     color:#F9BB06;
}
 .productMainTitle h2{
    /*white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
    */
     line-height: 1.3;
}
 .productDetailsPrice p {
     margin-bottom: 0;
     float: left;
}
 .yellowLink a{
     color: #F9BB06;
}
 .yellowLink a:hover,.yellowLink a:focus{
     color: #000;
}
 .productDetailsAddtoCartBtn a,.productDetailsBuyNowBtn a{
     border-radius: 30px;
     padding: 10px 25px;
     background: #A5A5A5;
     color: #fff;
     display: inline-block;
}
 .productDetailsCartBuyBtnWrapper{
     margin: 30px 0 0 0;
}
 .productDetailsCartBuyBtnWrapper .productDetailsBuyNowBtn a{
     color: #000;
     background: #F9BB06;
}
 .productDetailsCartBuyBtnWrapper .productDetailsBuyNowBtn a:hover,.productDetailsCartBuyBtnWrapper .productDetailsBuyNowBtn a:focus{
     color: #fff;
     background: #A5A5A5;
}
 .productDetailsBuyNowBtn,.productDetailsAddtoCartBtn{
     float: left;
}
 .productDetailsBuyNowBtn{
     margin: 0 0 0 10px;
}
 .productDescriptionMain{
     width: 100%;
     border-top: 1px solid #e2e2e2;
     border-bottom: 1px solid #e2e2e2;
     margin: 25px 0;
     float: left;
     padding: 15px 0;
}
 .productDescriptionText p{
     line-height: 1.5;
}
 .sellerNameProductDetails{
     margin: 15px 0 0 0;
}
 .productDetailsProgress .progressBar .progress-bar{
     position: relative;
}
 .productDetailsProgress .progressBar .progress-bar .progressPercent p{
     line-height: 1.5;
     vertical-align: top;
     top: 50%;
     position: absolute;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: center;
     width: 100%;
}
 .productDetailsProgress .progressBar .progress-bar .progressPercent{
     position: absolute;
     top: 50%;
     right: -15px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 40px;
     width: 40px;
     background: #F9BB06;
     border-radius: 50%;
}
 .productDetailsProgress .progress{
     overflow: visible;
     box-shadow: none;
     background: #dedede;
}
 .productDetailsProgress{
     margin: 20px 0;
     width: 100%;
     float: left;
}
 .productDetailsPrgressPrice{
     margin: 10px 0 0 0;
}
 .productDetailsPrgressPrice p{
     line-height: 1.3;
}
 .detailsReviewFormWrapper{
     padding: 25px;
     width: 100%;
     float: left;
     border: solid 1px #e2e2e2;
}
 .reviewFor h2{
     display: inline-block;
}
 .my-custom-stars .star-button.star-on .material-icons {
     color: #F9BB06;
}
 .my-custom-stars .star-button.star-off .material-icons {
     color: #a5a5a5;
}
 .ratingStartsWrapper{
     margin: 10px 0 0 0;
}
 .ratingStartsWrapper p{
     display: inline-block;
     vertical-align: top;
     line-height: 2;
}
 .my-custom-stars{
     display: inline-block;
}
 .ratingStartsWrapper .my-custom-stars .button .material-icons{
     font-size: 25px;
}
 .productDetailsReviewsWrapper{
     width: 100%;
     margin: 50px 0 0 0;
     float: left;
     width: 100%;
}
 .productDetailsTitleReviews{
     width: 100%;
     float: left;
     border-top: 1px solid #e2e2e2;
     border-bottom: 1px solid #e2e2e2;
}
 .productDetailsTitleReviews>a{
     display: inline-block;
     padding: 15px 30px;
     color: #000;
     position: relative;
}
 .productDetailsTitleReviews>a:after{
     position: absolute;
     content: "";
     left: 0;
     bottom: 0;
     height: 1px;
     width: 100%;
     background: transparent;
}
 .productDetailsTitleReviews>a.active:after{
     background: #F9BB06;
}
 .reviewContentWrapper{
     padding: 40px 30px;
     width: 100%;
     float: left;
}
 .productDetailsTabDescription p{
     line-height: 1.5;
}
 .reviewUserImg{
     margin: 0 auto;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     overflow: hidden;
     background: #F9BB06;
     box-shadow: 3px 3px 6px 1px #c5c5c5;
}
 .reviewuserName {
     margin: 0 0 15px 0;
}
 .reviewBlock p{
     line-height: 1.5;
}
 .reviewMainSingleBlock{
     padding: 20px 0;
     width: 100%;
     float: left;
     border-bottom: 1px solid #e2e2e2;
}
 .reviewMainSingleBlock:last-child{
     border-color: transparent;
}
 .thereAreNoReview p,.loginTitle{
     line-height: 1.5;
}
 .thereAreNoReview a{
     color: #F9BB06;
}
 .thereAreNoReview a:hover{
     color: #000;
}
 .thereAreNoReview{
     padding: 20px 0;
     width: 100%;
     float: left;
     border-bottom: 1px solid #e2e2e2;
}
 .reviewLoginForm form{
     padding: 25px 0;
     display: inline-block;
     width: 100%;
}
 .reviewLoginForm{
     width: 100%;
     max-height: 0px;
     opacity:0;
     overflow: hidden;
}
 .reviewLoginForm.open{
     opacity: 1;
     max-height: 800px;
}
 .cancelBtn{
     margin: 0 0 0 10px;
     display: inline-block;
}
 .loadingDetails{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255,255,255,0.9);
     z-index: 9;
     opacity: 0;
     visibility: hidden;
}
 .loadingDetails.open{
     opacity: 1;
     visibility: visible;
}
 .loaderImg{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 150px;
}
 .swiperThumb.swiper-button-disabled{
     display: none;
}
 .galleryThumbsWrap img{
     box-shadow:2px 2px 11px -1px #a0a0a0;
}
 .shareBtnWrapper{
     position: absolute;
     top: 30px;
     right: 30px;
     z-index: 2;
}
 .shareBtnWrapper>ul>li{
     margin: 0 5px;
     height: 35px;
     width: 35px;
     position: relative;
     padding: 5px;
     background: #e2e2e2;
     display: inline-block;
     border-radius: 50%;
}
 .shareBtnWrapper>ul>li>a,.shareBtnWrapper .share>li>a{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .shareBtnWrapper>ul>li>a:hover,.shareBtnWrapper>ul>li>a.active,.shareBtnWrapper>ul>li>a.active:focus{
     color:#F9BB06;
}
 .shareBtnWrapper>ul>li>a:focus{
     color:#717171;
}
 .shareBtnWrapper .share{
     position: absolute;
     top: 100%;
     left: 8%;
}
 .shareBtnWrapper .share>li{
     margin: 4px 0;
     height: 30px;
     width: 30px;
     background: #e2e2e2;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     position: relative;
     opacity: 0;
     visibility: hidden;
}
 .shareBtnWrapper .share>li>a.facebook:hover{
     color: #4867AA;
}
 .shareBtnWrapper .share>li>a.twitter:hover{
     color: #1DA1F2;
}
 .shareBtnWrapper .share>li>a.whatsapp:hover{
     color: #189D0E;
}
 .share>li:nth-child(1){
     transform: translateY(-20px);
}
 .share>li:nth-child(2){
     transform: translateY(-40px);
}
 .share>li:nth-child(3){
     transform: translateY(-60px);
}
 .share.open>li:nth-child(1),.share.open>li:nth-child(2),.share.open>li:nth-child(3){
     transform: translateY(0px);
     opacity: 1;
     visibility:visible;
}
 .postImageWrapper{
     position: relative;
     width: 100%;
     float: left;
     overflow: hidden;
}
 .postBlockWrapper{
     width: 100%;
     float: left;
    /*box-shadow: 2px 2px 15px -1px #9e9e9e;
    */
     border-radius: 5px;
     overflow: hidden;
     margin: 0 0 30px 0;
     border: solid 1px #eee;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    */
}
 .postBlockWrapper:hover{
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     border: solid 1px #eee;
}
 .postImg img{
     float: left;
}
 .postProgressbarWrapper{
     position: absolute;
     z-index: 2;
     width: 100%;
     bottom: 0;
}
 .blockPost.initiative .postProgressbarWrapper .productDetailsProgress .progressBar .progress-bar .progressPercent,.blockPost.initiative .postProgressbarWrapper .progressBar .progress-bar{
     background: #FA565D;
}
 .blockPost.initiative .favouriteBtn.active,.blockPost.initiative .postType p,.blockPost.initiative .postFavouriteWrapper a:hover,.blockPost.initiative .postTitle a:hover,.blockPost.initiative .pricePost{
     color: #FA565D;
}
 .blockPost.events .postProgressbarWrapper .productDetailsProgress .progressBar .progress-bar .progressPercent,.blockPost.events .postProgressbarWrapper .progressBar .progress-bar{
     background: #9164BF;
}
 .blockPost.events .favouriteBtn.active,.blockPost.events .postType p,.blockPost.events .postFavouriteWrapper a:hover,.blockPost.events .postTitle a:hover,.blockPost.events .pricePost{
     color: #9164BF;
}
 .blockPost.archive .postProgressbarWrapper .productDetailsProgress .progressBar .progress-bar .progressPercent,.blockPost.archive .postProgressbarWrapper .progressBar .progress-bar{
     background: #369EF3;
}
 .blockPost.archive .postType p,.blockPost.archive .postFavouriteWrapper a:hover,.blockPost.archive .postTitle a:hover,.blockPost.archive .pricePost{
     color: #369EF3;
}
 .postNameWrapper{
     width: 100%;
     float: left;
}
 .postDetailsShortBLockWrapper{
     padding: 20px 15px;
     float: left;
     width: 100%;
     background: rgba(255, 255, 255, 0.66);
}
 .postTitle a {
     margin: 15px 0;
     width: 100%;
     line-height: 1.3;
     display: -webkit-box;
     overflow: hidden;
     height: 2.6em;
     line-clamp: 2;
     -webkit-line-clamp: 2;
     box-orient: vertical;
     -webkit-box-orient: vertical;
}
 .postProgressbarWrapper .productDetailsProgress{
     margin: 0;
}
 .postProgressbarWrapper .productDetailsProgress .progressBar .progress-bar{
     box-shadow: none;
}
 .postProgressbarWrapper .productDetailsProgress .progress{
     margin: 0;
     border-radius: 0;
     height: 8px;
     background: #fff;
}
 .postFavouriteWrapper a{
     color: #b9b9b9;
}
 .filterWrapper.postFilterWrap {
     overflow: visible;
     padding: 10px;
    /*border: 1px solid #dadada;
     box-shadow: 5px 5px 12px -2px #9e9e9e;
    */
     border: 1px solid #eee;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     background: #fff;
}
 .noPostFoundWrapper{
     height: 40vh;
     width: 100%;
     background: #fff;
     position: relative;
     text-align: center;
}
 .noPostFound{
     position: absolute;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     top: 50%;
     left: 50%;
     width: 250px;
}
 .productPostSwipperWrapper{
     min-height: 100px;
    /*padding: 0 0 0 30px;
    */
    /*margin: 0 0 15px 0;
    */
     padding: 0 15px 10px 15px;
}
 .buyAndContribute{
     padding: 10px 0;
     width: 100%;
     display: inline-block;
}
 .buyAndContribute{
     margin: 15px 0 0 0;
     border-top: solid 1px #e2e2e2;
     padding: 10px 0;
}
 .productPostSwipperWrapper img.productThumbpost{
     border: solid 1px #e2e2e2;
     float: left;
}
 .accordionFilter{
     margin: 15px 0;
     float: left;
     width: 100%;
     overflow: hidden;
}
 .filterTitle {
     overflow: hidden;
     margin: 0 0 10px 0;
}
 .accordionFilter .accordionBlock{
     width: 100%;
     float: left;
     border: solid 1px #e2e2e2;
}
 .accordionFilter .filterAccordionTItle a{
     width: 100%;
     padding: 10px 10px;
     float: left;
     line-height: 1.3;
     background: #e2e2e2;
     color: #000;
}
/*.applySocialFilterBtn a:hover{
     background: #F9BB06;
     color: #fff;
}
*/
 .accordionFilter .accordionContent{
     border-top: 0px solid transparent;
     padding : 0px 10px;
     width: 100%;
     float: left;
     max-height: 0px;
     opacity: 0;
     visibility: hidden;
     overflow: hidden;
     display: inline-block;
}
 .accordionFilter .accordionContent.open{
     border-top: 1px solid #e2e2e2;
     max-height: 400px;
     opacity: 1;
     visibility:visible;
     overflow: auto;
     padding : 10px 10px;
}
 .accordionFilter .accordionContent .filterLink>ul{
     margin: 0;
}
 .accordionFilter .accordionContent .filterLink>ul li{
     padding: 8px 0;
     border-top: solid 1px #e2e2e2;
}
 .accordionFilter .accordionContent .filterLink>ul>span:first-child li{
     border-color: transparent;
}
 .initiativesTimeFilter{
     padding: 0 0px;
     display: inline-block;
     width: 100%;
}
 .initiativesTimeFilter label{
     margin: 4px 0;
     display: inline-block;
     width: 100%;
}
 .filterDateRangeWrapper input{
     margin: 0 0 15px 0;
     height: 38px;
}
 .postFilterWrap .filterDateRangeWrapper table th{
     vertical-align: top;
}
 .postFilterWrap .filterDateRangeWrapper table tbody{
     margin: 8px 0;
}
 .filterAccordionTItle a>.fa.fa-angle-down {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .filterAccordionTItle a.open>.fa.fa-angle-down{
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
}
 .accordionFilter .accordionContent .filterLink>ul li.noBorder{
     border : 0px;
}
 .socialSerachDomain{
     margin: 0 0 10px 0;
     float: left;
     width: 100%;
}
 .filterCategory:first-child {
     margin : 0 0 10px 0;
}
 .filterLink .form-group {
     margin-bottom: 0;
}
 .emoji_list li{
     display: inline-block;
     width: 20%;
     margin-top: 10px;
     padding: 10px;
}
 .emoji_list.small li{
     margin-top: 0px;
     padding: 5px 3px;
}
 .emoji_list.small li img{
     height: 26px;
     width: auto;
}
 .emoticonIcon{
     display: inline-block;
     height: 22px;
     width: 22px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
 .emoticonIcon.small{
     height: 17px;
     width: 17px;
     margin: 0!important;
     padding: 0!important;
}
 .emoticonIcon.love{
     background-image: url('../images/emoticons/love.png');
}
 .emoticonIcon.haha{
     background-image: url('../images/emoticons/haha.png');
}
 .emoticonIcon.sad{
     background-image: url('../images/emoticons/sad.png');
}
 .emoticonIcon.wow{
     background-image: url('../images/emoticons/wow.png');
}
 .emoticonIcon.angry{
     background-image: url('../images/emoticons/angry.png');
}
 .emoji_list li img{
     transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
     -webkit-transition: all ease 0.2s;
     -ms-transition: all ease 0.2s;
     -o-transition: all ease 0.2s;
}
 .emoji_list li:hover img, .emoji_list li.active img{
     transform: scale(1.25, 1.25);
     -moz-transform: scale(1.25, 1.25);
     -webkit-transform: scale(1.25, 1.25);
     -ms-transform: scale(1.25, 1.25);
     -o-transform: scale(1.25, 1.25);
}
 .commentReply{
     position: relative;
     right: 15px;
}
 .postPara{
     line-height: 1.5;
     padding: 10px 0;
     border-top: solid 1px #e2e2e2;
     margin: 10px 0 0 0;
     border-bottom: 1px solid #e2e2e2;
}
 .upload-photo {
     border: 1px solid #ccc;
     border-top: none;
     padding: 5px 10px;
}
 #comment_file {
     display: none;
}
 .upload-photo i {
     color: #ccc;
     font-size: 25px;
     margin: 0 7px;
     cursor: pointer;
}
 label.comonFileClip {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: 700;
     vertical-align: super;
}
 .sendButtonComment{
     margin: 5px 0 0 0;
}
 .leaveComment{
     margin: 0 0 5px 0;
}
 .commentImage{
     margin: 15px 0 0 0;
     width: 100%;
     float: left;
}
 .postCommentImageWrap{
     width: 100%;
     height: 150px;
}
 .postCommentImageWrap img{
     width: 100%;
     height: 100%;
     object-fit: contain;
     border: solid 1px #e2e2e2;
}
 .docs_attach{
     color: #F9BB06;
}
 .docs_attach:hover{
     color: #000;
}
 .commentReply .productAddToCart>a,.commentReply .productAddToCart>button{
     padding: 5px 10px;
     color: #000;
}
 .commentForm .closeBtn{
     color: #000;
}
 .postByName{
     margin: 0 0 10px 0;
}
 .postByName a{
     color: #000;
}
 .overlayBanner{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     z-index: 1;
}
 .eventInfo .linkInfo{
     color: inherit;
     line-height: 1.3;
}
 .postTags{
     margin: 15px 0 0 0;
     float: left;
     width: 100%;
}
 .postTags>ul>li{
     display: inline-block;
     margin: 0 7px 10px 0;
}
 .wrodWrap{
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
}
 .parentPostWrapper .productDetailsWrapperRight .postTags>ul>li>a{
     padding: 2px 6px;
     background: #ececec;
     border-radius: 5px;
}
 .parentPostWrapper.initiative .productDetailsWrapperRight .postTags>ul>li>a:hover{
     background: rgba(250, 86, 93, 0.6);
}
 .events.parentPostWrapper .productDetailsWrapperRight .postTags>ul>li>a:hover{
     background: #ececec;
}
 .events.parentPostWrapper .productDetailsWrapperRight .postTags>ul>li>a:hover,.parentPostWrapper.initiative .productDetailsWrapperRight .postTags>ul>li>a:hover{
     color:#000;
}
 .postInfoWrapper .infoTitle{
     position: relative;
     width: 100%;
     padding: 0 0 0 30px;
}
 .postInfoWrapper .infoTitle .infoIcon{
     position: absolute;
     left: 0;
     top: 0;
     width: 14px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     top: 50%;
}
 .postInfoWrapper .eventInfo{
}
 .postInfoWrapper .rowMargin{
     margin: 0 0 15px 0;
     width: 100%;
     display: inline-block;
}
 .parentPostWrapper .productDetailsPrgressPrice{
     margin: 25px 0 0 0;
}
 .parentPostWrapper.events .loadMoreComments.productAddToCart button:hover,.parentPostWrapper.initiative .loadMoreComments.productAddToCart button:hover{
     color: #fff;
}
 .postShareBtnContributeWrapper{
     position: relative;
     width: 100%;
     float: left;
     margin: 35px 0 0 0;
}
 .postShareBtnContributeWrapper .shareBtnWrapper{
     right: 0;
     top: 0;
}
 .shopToContribute.productDetailsBuyNowBtn a{
     padding: 15px 25px;
}
 .parentPostWrapper.initiative .shopToContribute.productDetailsBuyNowBtn a:hover,.parentPostWrapper.events .shopToContribute.productDetailsBuyNowBtn a:hover{
     background:#000;
}
 .productDetailsBuyNowBtn.shopToContribute{
     margin: 0;
}
 .shareBtnWrapper>ul>li>a>i{
     vertical-align: top;
     line-height: 1;
}
 .postShareBtnContributeWrapper .share>li:nth-child(1) {
     transform: translateY(60px);
}
 .postShareBtnContributeWrapper .share>li:nth-child(2) {
     transform: translateY(40px);
}
 .postShareBtnContributeWrapper .share>li:nth-child(3) {
     transform: translateY(20px);
}
 .postShareBtnContributeWrapper .share.open>li:nth-child(1),.postShareBtnContributeWrapper .share.open>li:nth-child(2),.postShareBtnContributeWrapper .share.open>li:nth-child(3){
     transform: translateY(0px);
}
 .postShareBtnContributeWrapper .shareBtnWrapper .share{
     bottom: 100%;
     top: auto;
}
 .commentsCount{
     margin: 0 0 15px 0;
}
 .commentBlockImg{
     border-radius: 50%;
     overflow: hidden;
     box-shadow: 2px 2px 3px 0px #a4a4a4;
     width: 100px;
     height: 100px;
     background: #e2e2e2;
}
 .commentBlock{
     padding: 15px 0;
     border: 1px solid #cecece;
     margin: 0 0 10px 0;
     box-shadow: 2px 2px 4px 0px #cccccc;
     position: relative;
}
 .commentBlockImg img{
     float: left;
}
 .loadMoreComments{
     width: 100%;
     margin: 0 0 15px 0;
     float: left;
}
 .commentFormTemplateWrapper{
     margin: 30px 0 0 0;
     float: left;
     width: 100%;
}
 .coverPostCreateImage{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     object-fit: cover;
}
 .mainFormWrapper .bannerContentWrapper{
     right: 20%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 40%;
     left: auto;
     text-align: left;
}
 .mainFormWrapper .postTitle:focus{
     outline: none;
}
 .wordLength{
     margin: 15px 0 10px 0;
}
 textarea {
     resize: none;
}
 .formSocialDomain{
     margin: 5px 0;
     float: left;
     width: 100%;
}
 .socialDomain_check input[type="checkbox"], .socialDomain_check input[type="radio"] {
     display: none;
}
 .selectedDomain {
     cursor: pointer;
}
 .selectedDomain span {
     font-size: 40px;
     width: 70px;
     height: 70px;
     background: #d7d7d7;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
     line-height: 70px;
     color: #000;
     font-weight: normal;
     text-align: center;
}
 .selectedDomain h4 {
     line-height: 1.43;
     margin: 10px 0 0 0;
}
 .social_icon_wrapper.socialDomain_check{
     margin: 15px 0;
     float: left;
     width: 100%;
     padding: 10px;
     min-height: 150px;
     border:solid 1px #e2e2e2;
}
 .selectedDomain:hover span, .socialDomain_check input[type=checkbox]:checked + .selectedDomain span {
     color: #fff;
}
 .clearfixafter4:nth-child(4n+1),.meta_thumb:nth-child(4n+1){
     clear:both;
}
 .clearfixafter3:nth-child(3n+1){
     clear:both;
}
 .clearfixafter2:nth-child(2n+1){
     clear:both;
}
 .documentIconDetails{
     margin: 0 0 10px 0;
}
 .borderDomainForm{
     border: solid 1px #cccccc;
     margin: 15px;
     float: left;
     width: calc(100% - 30px);
     padding: 15px;
}
 .formMainContainerWrapper{
     padding: 50px 0;
     width: 100%;
     float: left;
}
 .formMainContainerWrapper tags-input .tags .tag-item {
     margin: 2px 2px 5px 2px;
     padding: 5px 10px;
     display: inline-block;
     float: left;
     border: none;
     background: #E3E3E3;
     border-radius: 50px;
     padding-right: 25px;
     position: relative;
}
 .formMainContainerWrapper .tags input{
     width: 100% !important;
     float: left;
     position: relative;
}
 .formMainContainerWrapper .formTitle{
     margin: 15px 0 0 0;
}
 .formMainContainerWrapper tags-input .autocomplete {
     margin-top: 5px;
     position: absolute;
     padding: 5px 0;
     z-index: 999;
     width: 100%;
     background-color: #fff;
     border: 1px solid rgba(0,0,0,.2);
     -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
 .formMainContainerWrapper tags-input .autocomplete .suggestion-list {
     margin: 0;
     padding: 0;
     list-style-type: none;
     max-height: 280px;
     overflow-y: auto;
     position: relative;
}
 .formMainContainerWrapper tags-input .autocomplete .suggestion-item {
     padding: 5px 10px;
     cursor: pointer;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #000;
     background-color: #fff;
}
 .formMainContainerWrapper tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
     color: #222;
     background-color: #CECECE;
}
 .formMainContainerWrapper auto-complete{
     width: 100%;
     float: left;
     position: relative;
}
 .formMainContainerWrapper tags-input .tags .tag-item .remove-button {
     margin: 0 0 0 1px;
     padding: 0;
     border: none;
     background: 0 0;
     cursor: pointer;
     vertical-align: middle;
     font: 700 16px Arial, sans-serif;
     color: #585858;
     line-height: 1;
     width: 17px;
     text-align: center;
     height: 17px;
     border-radius: 50%;
     position: absolute;
     right: 5px;
     background: #b6b3b3;
     top: 4px;
     line-height: 18px;
     font-size: 14px;
     font-family: 'Gotham Rounded Book';
}
 .uploadBoxBorder{
     border:solid 1px #ccc;
     padding: 15px;
}
 .meta_thumb a {
     color: #717171;
}
 .loacationFormatted{
     line-height: 2.5;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}
 .changeLocation{
     position: absolute;
     top: 0;
     right: -10px;
     cursor: pointer;
}
 .changeLocation:hover i{
     color: red;
}
 .changeLocation i{
     position: unset;
     top: auto;
     left: auto;
     width: auto;
     font-size: unset;
     line-height: 1;
}
 .viewOnMap{
     line-height: 1.5;
     color: #000;
     text-align: center;
     width: 100%;
     float: right;
}
 .floatingMenuContentWrapper .submitValunteer input.button:hover,.floatingMenuContentWrapper .submitValunteer input.button:focus{
     color: #fff;
     outline: none;
     background:#000;
}
 .pleaseLogin p{
     line-height: 1.5;
}
 .pleaseLogin a{
     color: #000;
}
 .pleaseLogin a:hover{
     color: #F9BB06;
}
 .postDate{
     margin: 5px 0 0 0;
}
 .viewReplyBtn{
     margin: 15px 0;
     display: inline-block;
     width: 100%;
}
 .childCommentBox{
     margin: 15px 0;
     display: inline-block;
     width: 100%;
}
 .initiativesFloatingMenu .menuHeading{
     position: fixed;
     right: 0px;
     top: 40%;
     z-index: 9999;
     color: #fff;
     padding: 0 0 0 43px;
     margin: 0;
     letter-spacing: 2px;
     height: 210px;
     border: 2px solid #fff;
     border-right: none!important;
     z-index: 9;
}
 .events .menuHeading:hover{
     cursor: pointer;
     background: #000;
}
 .menuHeading .menuHeadingInner {
     position: absolute;
     left: -50px;
     top: 50%;
     cursor: pointer;
     -webkit-transform: translateY(-50%) rotate(270Deg);
     -moz-transform: translateY(-50%) rotate(270Deg);
     -ms-transform: translateY(-50%) rotate(270Deg);
     -o-transform: translateY(-50%) rotate(270Deg);
     transform: translateY(-50%) rotate(270Deg);
     line-height: 1.5;
}
 .initiativesFloatingMenu.open .menuHeading{
     padding: 0px;
     border: 0;
}
 .floatingMenuContent{
     padding: 15px;
     width: 100%;
     float: left;
     border: solid 1px #a5a5a5;
}
 .floatingMenuContentWrapper{
     position: fixed;
     top: 12%;
     right: -310px;
     width: 300px;
     background: #fff;
     z-index: 999999;
}
 .floatingMenuContentWrapper.open{
     right: 0px;
}
 .initiativeActionForm .emoji_list>li{
     margin: 0;
     padding: 5px 10px;
}
 .initiativeActionForm ul{
     float: left;
     width: 100%;
}
 .floatingMenuContentWrapper .filterAccordionTItle .emoticonIcon{
     vertical-align: sub;
}
 .valunteeroption>li{
     padding: 5px 0;
     display: inline-block;
     width: 100%;
}
 .initiativeActionForm .form-group{
     float: left;
     width: 100%;
}
 .submitValunteer input.button{
     border-radius: 15px;
     border: none;
     padding: 7px 20px;
     font-family: inherit;
     color: #fff;
}
/* GFC FORMS */
 .option_remove {
     position: absolute;
     top: 0;
     right: 0;
     color: #8555a3;
     -ms-transition: 0.35s;
     -moz-transition: 0.35s;
     -webkit-transition: 0.35s;
     transition: 0.35s;
     line-height: 33px;
     height: 33px;
     width: 33px;
     text-align: center;
}
 .option_remove:hover {
     background: #8555a3;
     color: #fff;
}
 .checkbox.social_domain label {
     padding: 0px 8px;
     border-radius: 5px;
     -ms-transition: 0.35s;
     -moz-transition: 0.35s;
     -webkit-transition: 0.35s;
     transition: 0.35s;
     border: 2px solid transparent;
}
 .checkbox.social_domain label:before, .checkbox.social_domain label:after{
     display: none;
}
 .checkbox.social_domain label:hover, .checkbox.social_domain input[type=checkbox]:checked + label {
     background: #54abe1;
     color: #fff;
}
 .checkbox.social_domain input[type=checkbox]:checked + label {
     border-color: #99d1f5;
}
 .upload {
     position: relative;
}
 .upload input[type=file]{
     position: absolute;
     opacity: 0;
}
 .upload_file_label {
     font-weight: normal;
     padding: 10px 0;
     width: 100%;
     margin: 0;
     text-align: center;
     background: #eee;
     border-radius: 3px;
     margin-bottom: 5px;
     -webkit-transition: 0.25s;
     -moz-transition: 0.25s;
     -o-transition: 0.25s;
     transition: 0.25s;
     -webkit-box-shadow: 0px 2px 2px #d6d6d6;
     box-shadow: 0px 2px 2px #d6d6d6;
     cursor: pointer !important;
     position: relative;
     z-index: 999;
}
 .upload_file_label:hover {
     background: #DEDEDE;
}
 .upload-photo{
     border: 1px solid #ccc;
     border-top: none;
     padding: 10px;
}
 .upload-photo i {
     color: #ccc;
     font-size: 25px;
     margin: 0 7px;
     cursor: pointer 
}
/* GFC FORMS REVISED */
 .postTitle_wrapper {
     position: absolute;
     bottom: 37%;
     width: 510px;
     right: 250px;
     text-shadow: 1px 1px 1px #000;
}
 .postTitle_form {
     width: 100%;
     background: none;
     border: none;
     border-bottom: 2px solid #9d9d9d;
     color: #fff;
     font-family: 'poppinsmedium';
     padding-right: 40px;
     padding-left: 10px;
     position: relative;
     z-index:3;
     text-shadow: 1px 1px 1px #000;
}
 .postTitle_form ~ .inputPlaceholder {
     position: absolute;
     color: #fff;
     font-family: inherit;
     font-style: normal;
     top: 0;
     left: 0;
     -moz-transform-origin: left;
     -webkit-transform-origin: left;
     transform-origin: left;
     -ms-transition: transform 0.35s;
     -moz-transition: transform 0.35s;
     -webkit-transition: transform 0.35s;
     z-index:1;
}
 .postTitle_form:focus{
     outline: none;
}
 .postTitle_form:focus ~ .inputPlaceholder, .postTitle_form.notEmpty ~ .inputPlaceholder {
     -moz-transform: translateY(-90%) scale(0.6);
     -webkit-transform: translateY(-90%) scale(0.6);
     transform: translateY(-90%) scale(0.6);
     opacity: 0.7;
}
 .postTitle_form::-webkit-input-placeholder{
     color:#fff;
}
 .postTitle_form::-moz-placeholder{
     color:#fff;
}
 .postTitle_form:-moz-placeholder{
     color:#fff;
}
 input.postDateRange {
     width: 0;
     opacity: 0;
     height: 0;
     position: absolute;
}
 .postDateicon {
     position: absolute;
     font-size: 22px;
     bottom: 6px;
     right: 0;
     color: #fff;
     cursor: pointer;
     -moz-transition: 0.25s;
     -webkit-transition: 0.25s;
     transition: 0.25s;
     z-index: 4;
     padding: 0 5px;
}
 .postDateDisplay {
     position: absolute;
     right: 0;
     color: #fff;
     font-style: italic;
     top: 105%;
     line-height: 1.5;
}
 .addCoverImageBtn {
     position: absolute;
     bottom: 50px;
     right: 20%;
     z-index: 9;
}
 .add_cover_image {
     color: #fff;
     font-size: 130%;
}
/*.add_cover_image:hover{
     color: #43c1c9 !important;
}
 .add_cover_image:focus {
     color: #fff !important;
}
 */
 .add_cover_image i {
     position: relative;
     width: 30px;
     height: 30px;
     line-height: 30px;
     border-radius: 50%;
     text-align: center;
     background: #fff;
     color: #000;
     font-size: 80%;
     text-shadow: none;
     -moz-transition: 0.35s;
     -webkit-transition: 0.35s;
     transition: 0.35s;
}
 .add_cover_image:hover i {
     color: #fff ;
}
 tags-input .tags {
     padding: 0px;
     border: none;
    /*border-bottom: 2px solid #d7d7d7;
    */
     -moz-appearance: textfield;
     -webkit-appearance: inherit;
     box-shadow: none;
}
 tags-input .tags:after {
     display: none;
}
 .form-group {
     margin-bottom: 30px;
}
 ::-webkit-input-placeholder{
     font-style: normal;
}
 ::-moz-placeholder{
     font-style: normal;
}
 :-moz-placeholder{
     font-style: normal;
}
 .field_title {
     font-size: 16px;
     font-style: italic;
     font-family: 'Gotham Rounded Medium';
     display: inline-block;
     vertical-align: middle;
     margin: 10px 0;
}
 .field_title.hr {
     border-bottom: 2px solid #d7d7d7;
     padding-bottom: 14px;
     display: block;
     margin-bottom: 10px;
}
 .post-meta-buttons {
     display: inline-block;
     vertical-align: middle;
}
 .post-meta-buttons li {
     display: inline-block;
     vertical-align: middle;
}
 .post-meta-buttons li a{
     color:#000;
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background: #d7d7d7;
     border-radius: 50%;
     display: inline-block;
     margin: 0 7px;
}
 .post-meta-buttons li a:hover, .post-meta-buttons li a.active-action{
     color: #fff !important;
}
 .thumb_remover {
     position: absolute;
     z-index: 99;
     color: #fff;
     top: 5px;
     right: 20px;
     width: 30px;
     height: 30px;
}
 .meta_thumb a{
     opacity: 0.6;
     display: block;
}
 .meta_thumb:hover a{
     opacity: 1;
}
 .thumb_remover i {
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 12px;
     color: #fff;
     text-shadow: 1px 1px 1px #383838;
     opacity: 0;
     margin-top: -5px;
     -moz-transition: 0.35s;
     -webkit-transition: 0.35s;
     transition: 0.35s;
}
 .meta_thumb:hover .thumb_remover i {
     opacity: 1;
     margin-top : 0;
}
 .post_meta {
     position: relative;
     padding-left: 35px;
     border-bottom: 2px solid #d7d7d7;
}
 .post_meta .form-control {
     border: none;
     box-shadow: none;
     height: 40px;
     font-size: 16px;
     padding: 0;
}
 .post_meta i {
     position: absolute;
     left: 0;
     color: #000;
     line-height: 40px;
     top: 0;
     font-size: 150%;
     width: 35px;
     text-align: center;
}
 .radioContainer label {
     opacity: 0.3;
}
 input[type=radio] + label, input[type=checkbox] + label {
     font-size : 16px;
     -moz-transition: 0.35s;
     -webkit-transition: 0.35s;
     transition: 0.35s;
     line-height: 1;
}
 .radioContainer label:before, .radioContainer label:after{
     display: none;
}
 .radioContainer label:hover, .radioContainer input[type=radio]:checked + label {
     opacity: 1;
     color:#8655a4 !important;
}
 .checkboxContainer .checkbox {
     padding:7px 0;
}
 .checkboxContainer label {
     padding-left: 24px;
}
 .checkboxContainer label:after {
     left: -2px;
     top: 1px;
     width: 16px;
     height: 16px;
}
 .checkboxContainer label:before {
     content: "\f00c";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     left: 2px;
     top: -2px;
     width: 14px;
     height: 14px;
     font-size: 15px;
     background: transparent;
}
 .post_details tbody tr {
     background-color: #F7F5F7;
     border-bottom: solid 10px #fff;
     border-top: solid 10px transparent;
     transition: background-color 0.3s ease-in;
     -moz-transition: background-color 0.3s ease-in;
     -webkit-transition: background-color 0.3s ease-in;
     -ms-transition: background-color 0.3s ease-in;
     -o-transition: background-color 0.3s ease-in;
}
 .post_details tbody tr:hover {
     background-color: rgb(220, 220, 220);
}
 .domainNameSmall{
     position: relative;
     padding: 0 0 0 30px;
}
 .absoluteIconDomain{
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .selectedDomain .domainNameSmall h4 {
     line-height: 1.3;
     margin: 0;
}
 .domainNameSmall{
     width: 100%;
     float: left;
     margin: 8px 0;
     color: #000;
}
 .selectedDomain:hover .domainNameSmall, .socialDomain_check input[type=checkbox]:checked + .selectedDomain .domainNameSmall{
     color: #f9bb06;
}
 .relatedProductWrapperPost{
     width: 100%;
     padding: 50px 0;
     float: left;
     background:#F1F0EE;
}
 .buyToContribute{
     margin: 0 0 25px 0;
     float: left;
     width: 100%;
     text-align: center;
}
 .postDetailsProductSwiper{
     float: left;
     width: 100%;
}
 .relatedProductWrapperPost .swiper-button-prev{
     left: -15px;
}
 .relatedProductWrapperPost .swiper-button-next{
     right: -15px;
}
 .relatedProductWrapperPost .swiper-button-next,.relatedProductWrapperPost .swiper-button-prev{
     top:50%;
}
 .postGallery .col-md-3{
     margin: 15px 0;
}
 #gallery .wrapper ,#videos .wrapper{
     display: none;
}
 .fancybox-overlay{
     z-index: 999999;
}
 .postCommentImageWrap{
     width: 100%;
     height: 150px;
}
 .postCommentImageWrap img{
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 .eventDetailsWrapper{
     margin: 50px 0 0 0;
     float: left;
     width: 100%;
}
 .borderTopEventDetails{
     border-top : solid 1px #e2e2e2;
     margin: 50px 0 0 0;
     float: left;
     width: 100%;
}
 .eventDetailsWrapper .text-capitalize{
     line-height: 1.5;
}
 .postInfoWrapper .eventInfo {
     padding: 0 0 0 20px;
     position: relative;
}
 .postInfoWrapper .eventInfo:before{
     content: ":";
     position: absolute;
     left: 0;
     width: 10px;
     height: 100%;
}
 .events.parentPostWrapper .productDetailsWrapperRight .postTags>ul>li>a, .events.parentPostWrapper .breadcrumbLink a:hover, .events.parentPostWrapper .breadcrumbLink a.active, .events.parentPostWrapper .eventInfo .linkInfo:hover, .parentPostWrapper.events .postDetailsFundCount, .parentPostWrapper.events .postByName a:hover, .commentForm .closeBtn:hover, .parentPostWrapper.events .favouriteBtn.active, .parentPostWrapper.events .shareBtnWrapper>ul>li>a:hover, .parentPostWrapper.events .shareBtnWrapper>ul>li>a.active, .parentPostWrapper.events .shareBtnWrapper>ul>li>a.active:focus, .parentPostWrapper.events .documentLinkDetails:focus,.parentPostWrapper.events .documentLinkDetails:hover{
     color:#9164BF;
}
 .events.parentPostWrapper .productDetailsProgress .progressBar .progress-bar .progressPercent, .events.parentPostWrapper .progressBar .progress-bar, .events.parentPostWrapper .productDetailsTitleReviews>a.active:after, .events.parentPostWrapper .shopToContribute.productDetailsBuyNowBtn a, 
/*.parentPostWrapper.events .loadMoreComments.productAddToCart button:hover,*/
/*.parentPostWrapper.events .commentReply .productAddToCart>a:hover,*/
 .parentPostWrapper.events .commentReply .productAddToCart>button:hover, .events .menuHeading, .floatingMenuContentWrapper.events .submitValunteer input.button{
     background: #9164BF;
}
 .parentPostWrapper.events .loadMoreComments.productAddToCart button:hover p,.parentPostWrapper.events .postByName a:hover{
     color: #fff;
}
 .parentPostWrapper.initiative .productDetailsWrapperRight .postTags>ul>li>a, .initiative.parentPostWrapper .breadcrumbLink a:hover, .initiative.parentPostWrapper .breadcrumbLink a.active, .initiative.parentPostWrapper .eventInfo .linkInfo:hover, .parentPostWrapper.initiative .postDetailsFundCount, .parentPostWrapper.initiative .postByName a.commentByName:hover, .commentForm .closeBtn:hover, .parentPostWrapper.initiative .favouriteBtn.active, .parentPostWrapper.initiative .shareBtnWrapper>ul>li>a:hover, .parentPostWrapper.initiative .shareBtnWrapper>ul>li>a.active, .parentPostWrapper.initiative .shareBtnWrapper>ul>li>a.active:focus, .parentPostWrapper.initiative .documentLinkDetails:focus,.parentPostWrapper.initiative .documentLinkDetails:hover{
     color:#FA565D;
}
 .parentPostWrapper.initiative .productDetailsProgress .progressBar .progress-bar .progressPercent, .initiative.parentPostWrapper .progressBar .progress-bar, .parentPostWrapper.initiative .productDetailsTitleReviews>a.active:after, .parentPostWrapper.initiative .shopToContribute.productDetailsBuyNowBtn a, .parentPostWrapper.initiative .loadMoreComments.productAddToCart button:hover, .parentPostWrapper.initiative .commentReply .productAddToCart>a:hover, .parentPostWrapper.initiative .commentReply .productAddToCart>button:hover, .initiative .menuHeading, .floatingMenuContentWrapper.initiative .submitValunteer input.button{
     background: #FA565D;
}
 .marginBtm30{
     margin-bottom:30px;
}
 .postEditDelete{
     position: absolute;
     bottom: 30px;
     right: 50px;
     z-index: 9;
}
 .postEditDelete .shopToContribute.productDetailsBuyNowBtn a {
     padding: 10px 17px;
}
 .socialDomainSliderImg{
     width: 100%;
     float: left;
     position: relative;
     padding: 10px;
}
 .initiative .socialDomainSliderImg{
     border: solid 1px #fa565d;
}
 .events .socialDomainSliderImg{
     border: solid 1px #9164BF;
}
 .socialDomainSliderName{
     position: absolute;
     text-align: center;
     width: 100%;
     -webkit-transform: translate(-50%,-0%);
     -moz-transform: translate(-50%,-0%);
     -ms-transform: translate(-50%,-0%);
     -o-transform: translate(-50%,-0%);
     transform: translate(-50%,-0%);
     top: 50%;
     z-index: 2;
     left: 50%;
     color: white;
     opacity: 0;
}
 .socialDomainSliderName p{
     line-height: 1.3;
}
 .socialDomainOverlay{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 1;
}
 .socialDomainSliderImg:hover .socialDomainOverlay{
     opacity: 1;
}
 .socialDomainSliderImg:hover .socialDomainSliderName{
     opacity: 1;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .initiative .socailDomainBtnWrapper a{
     color: #fa565d;
}
 .events .socailDomainBtnWrapper a{
     color: #9164BF;
}
 .socailDomainBtnWrapper a:hover{
     color: #000;
}
 .initiative .socialDomainOverlay{
     background: #fa565d;
}
 .events .socialDomainOverlay{
     background: #9164BF;
}
 .socailDomainBtnWrapper .social_left, .socailDomainBtnWrapper .social_right {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 9;
}
 .socailDomainBtnWrapper .social_left{
     left: 0;
}
 .socailDomainBtnWrapper .social_right{
     right: 0;
}
 .quick_btn_fix {
     position: fixed;
     bottom: 50px;
     right: 50px;
     z-index: 9999;
     cursor: pointer;
}
 .quick_btn_fix li {
     position: relative;
     width: 60px;
     height: 60px;
     display: block;
}
 .quick_add_btn {
     color: #fff;
     text-align: center;
     display: block;
     position: relative;
}
 .quick_add_btn .quick_add_icon {
     line-height:60px;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
 .quick_add_btn.right{
     position: fixed;
     bottom: 50px;
     left: 50px;
     z-index: 9999;
     cursor: pointer;
}
 .quick_add_btn:hover, .quick_add_btn:focus {
     color: #fff !important;
}
 .quick_add_btn:hover .quick_add_icon{
     color: #fff !important;
     -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
 .quick_btn_sub {
     position: absolute;
     bottom: 100%;
     display: block;
     right: 0;
     visibility: hidden;
}
 .quick_btn_sub li {
     display: block;
     height: auto;
     margin: 10px 0;
     width: 160px;
     background: #fff;
     text-align: right;
     border-radius: 40px;
     -webkit-transition: 0.35s;
     -moz-transition: 0.35s;
     -ms-transition: 0.35s;
     -o-transition: 0.35s;
     -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
     opacity: 0;
     visibility: hidden;
}
 .quick_btn_fix:hover .quick_btn_sub li {
     opacity: 1;
     visibility: visible;
}
 .quick_btn_sub .quick_add_btn {
     text-align: right;
}
 .quick_btn_label {
     position: relative;
     color: #000;
     line-height: 50px;
     transition: 0.35s;
     -webkit-transition: 0.35s;
     -moz-transition: 0.35s;
     -ms-transition: 0.35s;
     -o-transition: 0.35s;
}
 .quick_add_btn:hover .quick_btn_label{
     color: #fff;
}
 .quick_btn_sub .quick_add_icon {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
}
 .quick_add_icon.plus {
     background: #F9BB06;
}
 .quick_btn_sub li.initiative:hover, .quick_add_icon.initiative {
     background: #FA565D;
}
 .quick_btn_sub li.event:hover, .quick_add_icon.event {
     background: #9164BF;
}
 .quick_btn_sub li.archive:hover, .quick_add_icon.archive {
     background: #42c1c8;
}
 .dashboardMenu{
     position: absolute;
     top: 100%;
     left: auto;
     right: 0;
     border-radius: 3px;
    /*-webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
    */
     min-width: 160px;
     background: #fff;
     text-align: left;
     opacity: 0;
     visibility: hidden;
     z-index: 99;
}
 .dashboardMenu.openDashboard{
     opacity: 1;
     visibility: visible;
}
 .dashboardMenu>ul{
     padding: 0;
     width: 100%;
     float: left;
    /*box-shadow: 2px 2px 7px 0px #5d5d5d;
    */
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     border: solid 1px #eee;
     border-radius: 3px;
     padding: 10px 0;
}
 .dashboardMenu>ul>li,.dashboardMenu>ul>li:nth-child(3){
     padding: 0;
     width: 100%;
     float: left;
}
 .dashboardMenu>ul>li>a{
     padding: 10px 15px;
     display: block;
     float: left;
     width: 100%;
     text-align: left;
     background: #fff;
}
 .dashboardMenu>ul>li>a:hover{
    /*background: #F9BB06;
    */
}
 .viewProductEye{
     margin: 0 auto;
     width: 35%;
}
 .iconSidebar{
     width: 35px;
     margin: 0 auto;
}
 .cartItemBlockDetails .notificationLink:hover{
     color: #000;
}
 .cartItemBlock.unread{
     background: #d4d4d4;
}
 .productCampaignWrap .customCheckbox{
     margin: 5px 0;
     display: inline-block;
     width: 100%;
}
 .ordre-details-wraper {
     width: 100%;
     display: inline-block;
     float: left;
     background: #fff;
     padding: 15px 0;
}
 .ordre-details-total{
     width: 100%;
     display: inline-block;
     float: left;
     background: #fff;
}
 .ordre-details-wraper .table>thead>tr>th {
     vertical-align: bottom;
     border-bottom: 1px solid #ddd;
}
 .orderDetailsTable{
     border: 1px solid #F3F2F8;
}
 .header_strip_table{
     background: #F3F2F8;
}
 .suborderDetailsTable {
     border: 1px solid #F3F2F8;
     margin-bottom: 20px;
}
 .payment_table_wraper{
     border: 1px solid #F3F2F8;
     margin-bottom: 20px;
}
 .black_font{
     color: #000 !important;
}
 .margin-bottom-0{
     margin-bottom: 0;
}
 .border_solid{
     border: 1px solid #ddd;
}
 .payment_table_wraper .table tbody tr th{
     border-right: 1px solid #ddd;
     background: #F3F2F8;
}
/* order master */
 .timeline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0;
     margin: 0;
     position: relative;
     margin-left: 20%;
     padding-top: 30px;
}
 .bottom_border td {
     border-bottom: 1px solid #e8e8e8 !important;
}
 .badge_icon.success {
     background: #f9bb06;
}
 .badge_icon {
     width: 1.8rem;
     height: 1.8rem;
     position: relative;
     color: #fff;
     border-radius: 50%;
     z-index: 1;
     background: #c2c2c2;
     margin-bottom: 1rem;
}
 .badge_icon:before {
     content: "";
     position: absolute;
     top: 30%;
     left: 9px;
     width: 10px;
     height: 6px;
     border-left: 2px solid #fff;
     border-bottom: 2px solid #fff;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .timeline_badge{
     color: #000;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     position: relative;
}
 .timeline_badge .badge_line.success {
     border-color: #f9bb06;
}
 .timeline_badge .badge_line {
     height: 1px;
     border: 1px solid #f2f2f2;
     position: relative;
     top: 15px;
     width: 100%;
}
 .timeline_badge:last-child .badge_line {
     display: none;
}
 .user_profile_wrap {
     background: #fff;
     width: 200px;
     height: 250px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
    /*padding: 5px;
    */
}
 .searchResultFor{
     padding: 15px 0;
     display: inline-block;
     width: 100%;
}
 .removeSearch .fa{
     color: red;
}
 .removeSearch .fa:hover{
     color: #000;
}
 .campaignDropDown{
     width: 100%;
     padding: 8px 12px;
     font-family: inherit;
     display: inline-block;
     border-color: #f9bb06;
     border-radius: 10px;
     background: transparent;
}
 .campaignDropDown:focus{
     outline: none;
}
 .campaingNote{
     line-height: 1.5;
}
 .visibleMobile{
     display: none;
}
/* order master */
/* GFC END */
/*mobile media query*/
 .mobileMenuWrapper {
     position: absolute;
     width: 360px;
     height: 100vh;
     left: -365px;
     background: #ffffff;
     top: 0;
     z-index: 9;
     padding: 0px;
}
 .mobileMenuBtn{
     position: absolute;
     top: 50%;
     right: 15px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 2;
}
 .mobileMenuBtn .hamburger:focus{
     outline: none;
}
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,.mobileMenuBtn .hamburger-box{
     width: 30px;
     height: 3px;
}
 .mobileMenuBtn .hamburger-box{
     height: 30px;
}
 .openMobileMenu.mobileMenuWrapper{
     left: 0px;
}
 .mobileMenuOverlay{
     position: absolute;
     width: 100%;
     height: 150vh;
     background: rgba(0,0,0,0.5);
     top: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
}
 .mobileMenuOverlay.is-open{
     opacity: 1;
     visibility: visible;
}
 .mengaMenuRightSection .viewMoreLink{
     position: absolute;
     bottom: 10%;
     right : 6%;
}
 .mengaMenuRightSection .viewMoreLink a{
     color: #676767;
}
 .mengaMenuRightSection .viewMoreLink a:hover{
     color: #000;
}
 .mengaMenuRightSection .viewMoreLink a:hover .viewMoreLinkAngle{
     transform: translateX(10px);
}
 .toggleSection{
     overflow: hidden;
     max-height: 0;
     float: left;
     width: 100%;
     opacity: 0;
}
 .toggleSection.open{
     overflow: visible;
     max-height: 1300px;
     opacity: 1;
}
 .mainBannerWrapper.productListingBg.brandStoreBg{
     background: #ccc;
}
 .storeBannerOverlay{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.7);
     z-index: 1;
}
 .bannerImageStore{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .rzslider .rz-pointer {
     top: -5px;
     width: 14px;
     height: 14px;
     border-radius: 0px;
     background-color: #f9bb06;
     outline: none;
}
 .rzslider .rz-pointer:after {
     top: 4px;
     left: 4px;
     width: 6px;
     height: 6px;
     border-radius: 0;
}
 .rzslider .rz-pointer.rz-active:after {
     background-color: #fff;
}
 .rzslider .rz-selection {
     background: #f9bb06;
}
 .relatedProductWrapperPost .causesBlockWrapper{
     padding: 15px 0;
     display: inline-block;
}
 .relatedProductWrapperPost .swiper-button-next.relatedNext, .relatedProductWrapperPost .swiper-button-prev.relatedPrev{
     top: 50%;
}
 .productDetailsProgress .progressBar .progress-bar .progressPercent {
     right: 0;
}
 .noProductsFound{
     min-height: 50vh;
     width: 100%;
     float: left;
     position: relative;
}
 .noProductsFoundImgWrap{
     position: absolute;
     width: 250px;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .pr0 {
     padding-right: 0;
}
 .shareBtnWrapper>ul>li,.shareBtnWrapper .share>li{
     background: #fff;
     border: solid 1px #717171;
}
/*.shareBtnWrapper>ul>li>a:hover,.shareBtnWrapper>ul>li>a:focus, .shareBtnWrapper>ul>li>a.active, .shareBtnWrapper>ul>li>a.active:focus {
     color: #ffffff;
}
*/
 .detailsCampaignTitle{
     color: #000;
}
 .detailsCampaignTitle:hover{
     color: #f9bb06;
}
 .campaignDropDown md-card{
     margin: 0;
     display: inline-block;
}
 .campaignDropDown md-card-content{
     padding: 4px 15px;
}
 .campaignDropDown md-select{
     margin: 0;
}
 .campaignDropDown md-select-menu.md-default-theme md-content md-option[selected],.campaignDropDown md-select-menu md-content md-option[selected]{
     color: #f9bb06 !important;
}
 b,strong{
     font-weight: bold;
}
 .filterButtonMobile{
     display: none;
}
 .productDetailsProgress .progressBar .progress-bar .progressPercent {
     right: 0;
     left: 0;
}
 .verfiedIcon{
     position: absolute;
     top: 15px;
     right:15px;
     width: 30px;
}
 .handBlockFeeds{
     position: fixed;
     z-index: 0;
     bottom: 0;
     width: 33%;
     opacity: 0.5;
}
 .phoneNumber{
     color: #777;
}
 .phoneNumber:hover{
     color: #000;
}
 .dashboardCoverPicture .img-thumbnail{
     height:100px;
     width: 100px;
}
 .dashboardCoverPicture .img-thumbnail img{
     height: 100%;
     width: 100%;
     object-fit: contain;
}
 .productListingBg.accounteBanner{
     background:#e2e2e2 !important ;
}
 .changeBannerBtn{
     position: absolute;
     right: 50px;
     bottom: 30px;
}
 .changeBannerBtnInner{
     position: relative;
     width: 100%;
     height: 100%;
     padding: 10px 19px;
     background: #fff;
     display: inline-block;
     border-radius: 25px;
     color: #000;
     box-shadow: 2px 2px 3px 1px #000;
}
 .changeBannerBtnInner:hover,.changeBannerBtnInner:focus{
     background:#F9BB06;
     color: #000;
}
 .uploadInput{
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     width: 100%;
     height: 100%;
}
 .accounteBanner .uploadImageBox {
     width: 100%;
     height: 100%;
     float: left;
}
 .accounteBanner .uploadImageBox img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .userProfileImageWrap{
     position: relative;
     width: 25vh;
     float: left;
     height: 25vh;
}
 .userProfileImageWrap .changeBannerBtnInner{
     padding: 8px 12px;
}
 .userProfileImageWrap .changeBannerBtn{
     right: 10px;
     bottom: 10px;
}
 .userProfileImageWrap img{
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 .shareContactWith{
     display: inline-block;
}
 .policyShareUl{
     width: auto;
     display: inline-block;
}
 .profile_photo_preview{
     width: 25vh;
     height: 25vh;
     border: solid 1px #e2e2e2;
}
 .formAccountTitle{
     margin: 0 0 20px 0;
}
 .mainBannerWrapper.uploadBannerAccount .imageBanner{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .inline-block{
     display: inline-block;
}
 .mobileMenuLogo{
     width: 200px;
     float: left;
     margin: 0 0 20px 0;
}
 .mainWrapperAccordionMenu>ul a, .mobileSubMenu a {
     color: #264584;
     opacity: 0.9;
     width: 100%;
     display: inline-block;
}
 .mainWrapperAccordionMenu>ul a.active, .mobileSubMenu a.active {
     opacity: 1;
     color: #7ba0f5;
     font-weight: bold;
}
 .mainWrapperAccordionMenu>ul,.mobileSubMenu{
     width: 100%;
     float: left;
}
 .mainWrapperAccordionMenu>ul>li, .mobileSubMenu>li {
     width: 100%;
     float: left;
     padding: 10px 0 10px 20px;
     position: relative;
     border-bottom: 1px solid #eef3f7cf;
}
 .mobileSubMenu{
     padding: 10px 0 0 10px;
}
 .collapse{
     max-height: 0px;
     overflow: hidden;
}
 .collapse.in{
     max-height: 2500px;
}
 .collapse.in,.collapse{
     display: block !important;
}
 .menuMainLink.submenuMobile{
     display: block;
}
 .menuMainLink.submenuMobile .fa-chevron-right, .sub_in_sub_menu_arrow .fa-chevron-right {
     margin: 6px 15px 0 0;
}
.menuMainLink.submenuMobile.open .fa-chevron-right, .sub_in_sub_menu_arrow.open .fa-chevron-right{
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}

 .mobileMenuProfile {
     background: #264584;
     height: 10vh;
     position: relative;
}
 .mobileMenuProfileImage {
     background: #264584;
     width: 100%;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: left;
     padding: 6px 15px;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
 .mainWrapperAccordionMenuParent {
     position: relative;
     width: 100%;
     padding: 0 0 15px 0px;
     float: left;
     height: 83vh;
}
 .mainWrapperAccordionMenu{
     height: 100%;
     overflow-y: auto;
     overflow-x:hidden;
}
 .mobileMenuProfileImage a{
     display: inline-block;
}
 .mobileMenuProfileImage img{
    padding: 5px;
}
/* .mobileMenuProfileImage img{
     border-radius: 50%;
     width: 80px;
     height: 80px;
     overflow: hidden;
     box-shadow: 3px 3px 12px -2px #585858;
     -webkit-box-shadow: 3px 3px 12px -2px #585858;
}
 */
 .menuNameProfile{
     margin:10px 0;
}
 .hamburger{
     padding: 0;
     float: left;
}
 .mobileDashboardLink>ul>li>a{
     color: #000;
}
 .mobileDashboardLink>ul>li{
     display: inline-block;
     padding: 0 5px;
}
 .dashboard_wrapper.light_border{
     min-height: 50vh;
     position: relative;
     width: 100%;
}
 .centerDiv{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .orderListMobile{
     border: solid 1px #e2e2e2;
     margin:0 0 15px 0;
     display: inline-block;
     width:100%;
}
 .orderListMobile>a{
     float: left;
     display: block;
     width: 100%;
     padding: 10px 0;
     color: #696969;
}
 .couponBlock{
     width: 100%;
     float: left;
     padding: 15px;
     border:solid 1px #ccc;
     margin: 0 0 15px 0;
     position: relative;
}
 .couponCodeName{
     margin: 0 0 10px 0;
     float: left;
     width: 100%;
}
 .couponApplyWrapper{
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,0.8);
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     opacity: 0;
}
 .couponBlock:hover .couponApplyWrapper{
     opacity: 1;
     cursor: pointer;
}
 .relateiveCouponWrap .productAddToCart{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .relateiveCouponWrap{
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
}
 .relateiveCouponWrap .productAddToCart a{
     padding: 8px 12px;
}
 .discountTotal{
     line-height: 2;
}
 .cartEmpty{
     padding: 4em 0;
     display: inline-block;
     width: 100%;
}
 .addressBookBox {
     border: solid 1px #eaeaea;
     padding: 20px;
     min-height: 180px;
     margin: 15px 0px;
}
 .socialDomainSearchBox{
     width: 100%;
     position: relative;
}
 .socialDomainSearchBox .form-control{
     height: auto;
     padding: 6px 10px;
}
 .filterPopupWrapper.open{
     visibility: visible;
     opacity: 1;
}
 .filterPopupWrapper{
     position: absolute;
     width: 360px;
     max-height: 400px;
     height: 100%;
     padding: 10px;
     top: 0;
     border: solid 1px #000;
     left: calc(100% - 15px);
     z-index: 99999;
     overflow: hidden;
     display: inline-block;
     background: #e2e2e2;
     visibility: hidden;
     opacity: 0;
}
 .filterWrapper.postFilterWrap.is-sticky .filterPopupWrapper{
     left: calc(100% - 0px);
}
/*.filterPopupWrapperInner{
     width: 100%;
     height: calc(100% - 50px);
     position: relative;
     margin: 10px 0 0 0;
}
*/
 .applySocialFilterBtn{
     margin: 5px 0 0 0;
}
 .filterPopupWrapperInner{
     width: 100%;
     height: calc(100% - 80px);
     position: relative;
     margin: 10px 0 0 0;
     border: solid 1px #656565;
     padding: 10px 2px 10px 10px;
}
 .filterPopupWrapperInnerInner{
     width: 100%;
     height: 100%;
     position: relative;
}
 .filterPopupWrapperInner .filterLink ul li{
     margin: 3px 0;
     float: left;
     width: 100%;
}
 .overlaySidebarPopup{
     position: fixed;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.75);
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 999;
     visibility: hidden;
}
 .filterWrapper.postFilterWrap.hl-sticky .filterSmallPatch.open{
     opacity: 0;
     visibility: hidden;
}
 .overlaySidebarPopup.open,.filterSmallPatch.open,.filterWrapper.postFilterWrap.is-sticky .filterSmallPatch.open{
     opacity: 1;
     visibility: visible;
}
 .filterSmallPatch{
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.75);
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 999;
     visibility: hidden;
}
 .filterWrapper.postFilterWrap.open{
     box-shadow: none;
     border-color: transparent;
     border: 0;
}
 .eventStatusIcon{
     position: absolute;
     top: 15px;
     left: 10px;
}
 .eventStatusIconInner p{
     color: #fff;
     padding: 5px 5px;
     border-radius: 0px;
}
 .eventStatusIconInner.live{
     background: green;
}
 .eventStatusIconInner.expired{
     background: red;
}
 .eventStatusIconInner.upcoming{
     background: #9164BF;
}
/** Version New **/
/*header .header-top{
     padding: 10px 15px;
     background: #333;
}
 header#mobile{
     display: none;
}
 header#web{
     display: block;
}
 @media (max-width:992px) {
     header#mobile{
         display: block;
    }
     header#web{
         display: none;
    }
}
*/
 .mobileMenuBtn .display-inline>li{
     display: inline-block;
     position: relative;
     padding: 0 10px;
}
 .filter-block-left{
     width: 280px;
     float: left;
     padding: 0 15px;
}
 .product-block-right{
     width: calc(100% - 280px);
     float: left;
     padding: 0 15px;
}
 .productNameWrapper .productWishList{
     text-align: right;
}
 .dashboardCoverPicture .profileEditBtn{
     background: #dadada;
}
 .fancybox-opened {
     z-index: 999999999999;
}
 .faqMainWrapper{
     padding: 20px;
     width: 100%;
     float: left;
}
 .faqMainWrapper .panel-heading{
     padding: 0;
}
 .faqMainWrapper .panel-title>.small, .faqMainWrapper .panel-title>.small>a, .faqMainWrapper .panel-title>a, .faqMainWrapper .panel-title>small, .faqMainWrapper .panel-title>small>a{
     padding: 10px 30px 10px 15px;
     display: block;
     position: relative;
}
 .faqMainWrapper .panel-title>.small:after, .faqMainWrapper .panel-title>.small>a:after, .faqMainWrapper .panel-title>a:after, .faqMainWrapper .panel-title>small:after, .faqMainWrapper .panel-title>small>a:after{
     position: absolute;
     content: "\f078";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     top: 50%;
     -webkit-transform: translateY(-50%) rotate(-90deg);
     -moz-transform: translateY(-50%) rotate(-90deg);
     -ms-transform: translateY(-50%) rotate(-90deg);
     -o-transform: translateY(-50%) rotate(-90deg);
     transform: translateY(-50%) rotate(-90deg);
     right: 10px;
}
 .faqMainWrapper .panel-open a:after{
     -webkit-transform: translateY(-50%) rotate(0deg);
     -moz-transform: translateY(-50%) rotate(0deg);
     -ms-transform: translateY(-50%) rotate(0deg);
     -o-transform: translateY(-50%) rotate(0deg);
     transform: translateY(-50%) rotate(0deg);
}
 .faqContent{
     line-height: 1.5;
}
 .faqContent>a{
     color: #000;
}
 .faqContent>a:hover{
     color: #FABA07;
}
 .faqTitle{
     margin: 10px 0 30px 0;
     float: left;
     width: 100%;
}
 .hedaer_text{
     font-family: 'robotomedium';
}
/*============== Sandip Css ===============*/
 .our_consultancy_wraper{
     display: inline-block;
     width: 100%;
     float: left;
     padding-top: 8%;
}
 .consultancy_content_wraper {
     display: inline-block;
     width: 100%;
     float: left;
     padding: 12px;
     border: 1px solid #c7c7c7;
     min-height: 260px;
}
 .consultancy_icons {
     position: relative;
     text-align: center;
     margin-top: -30px;
}
 .consultancy_paraghrap{
     padding: 25px 0;
}
 .consultancy_icons .white_icon{
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     opacity: 0;
     padding: 20px;
     border-radius: 50%;
}
 .consultancy_icons .blue_icon{
     background: #fff;
     padding: 20px;
     border-radius: 50%;
}
 .consultancy_content_wraper h2, .consultancy_content_wraper, .consultancy_content_wraper p, .consultancy_content_wraper .white_icon, .consultancy_content_wraper .blue_icon{
     -webkit-transition: all ease-in-out 0.2s;
     -moz-transition: all ease-in-out 0.2s;
     -ms-transition: all ease-in-out 0.2s;
     -o-transition: all ease-in-out 0.2s;
     transition: all ease-in-out 0.2s;
}
 .consultancy_inner_wraper a:hover .consultancy_content_wraper{
     background: #264584;
     border: 1px solid #244384;
}
 .consultancy_inner_wraper a:hover .consultancy_content_wraper h2, .consultancy_inner_wraper a:hover .consultancy_content_wraper p{
     color: #fff;
}
 .consultancy_inner_wraper a:hover .consultancy_content_wraper .blue_icon{
     opacity: 0;
     background: #264584;
}
 .consultancy_inner_wraper a:hover .consultancy_content_wraper .white_icon{
     opacity: 1;
     background: #264584;
}
 .silent_features_wraper {
     width: 100%;
     display: inline-block;
     float: left;
     padding-top: 7%;
}
 .silent_features_content_paragraph{
     padding: 20px 0;
}
 .mail_hover:hover{
     text-decoration: underline;
}
 .testimonial_wraper{
     width: 100%;
     display: inline-block;
     float: left;
     background: #e3f6fa;
}
 .testi_left {
     width: 100%;
     display: inline-block;
     float: left;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     padding-right: 50%;
}
 .testi_right{
     position: relative;
     width: 100%;
     display: inline-block;
     float: left;
     padding-left: 50%;
}
 .testi_right_wraper{
     background: #244384;
}
 .testi_person{
     text-align: center;
}
 .testi_swiper_slide{
     padding: 10% 12%;
}
 .testi_right_wraper .swiper-container-horizontal>.swiper-pagination {
     bottom: 80px;
}
 .testi_right_wraper .swiper-pagination-bullet {
     border-radius: 0;
     background: #fff;
     opacity: 1;
}
 .testi_right_wraper .swiper-pagination-bullet-active{
     border-radius: 50%;
}
 .padd_bottom_25{
     padding-bottom: 25px;
}
 .register_here_paragraph {
     padding: 5% 18% 5% 18%;
}
 .square_btn {
     padding: 15px 50px;
     background: #244384;
     color: #fff;
     display: inline-block;
     border: 1px solid transparent;
}
 .square_btn:hover, .square_btn:focus{
     color: #244384;
     background: #fff;
     border: 1px solid #244384;
}
 .margi_bott_0{
     margin-bottom: 0 !important;
}
 .our_clients_main_wraper {
     display: inline-block;
     float: left;
     width: 100%;
}
 .our_clients_wraper{
     text-align: center;
}
 .our_clients_main_wraper .swiper-button-prev{
     background: url(images_icons/left.png);
     background-repeat: no-repeat;
     background-size: cover;
     width: 16px;
     height: 22px;
     top: initial;
     bottom: 22%;
     left: 47%;
}
 .our_clients_main_wraper .swiper-button-prev:after {
     content: '';
     width: 2px;
     height: 26px;
     position: absolute;
     top: -2px;
     background: #000;
     left: 35px;
}
 .our_clients_main_wraper .swiper-button-next {
     background: url(images_icons/right.png);
     background-repeat: no-repeat;
     background-size: cover;
     width: 16px;
     height: 22px;
     top: initial;
     bottom: 22%;
     right: 47%;
}
 .our_clients_main_wraper .swiper-wrapper {
     padding-top: 10%;
     padding-bottom: 17%;
     position: relative;
}
 .subtitle_block {
     background: #000;
     display: inline-block;
     padding: 7px 20px;
}
 .golden_light{
     color: #c7bba1;
}
 .light_blue_bg{
     background: #e4eff3;
}
/*============== Contact ==================*/
 .light_font_message{
     color: #292929;
     font-family: 'robotomedium';
     font-weight: normal;
}
 .contact_banner_text {
     color: #fff;
     position: absolute;
     top: 50%;
     left: 18.8%;
     transform: translateY(-50%);
}
 .contact_banner_text h2{
     padding-bottom: 5px;
}
 .contact_us_setion_wraper{
     width: 100%;
     display: inline-block;
     float: left;
}
 .contact_us_form_wraper {
     width: 100%;
     float: left;
     padding-right: 0;
}
 .hover_effect_input {
     float: left;
     width: 100%;
     margin: 0px 0 35px 0;
     position: relative;
}
 .input_100 {
     width: 100%;
}
 .inner_wraper_contact input[type="text"], .inner_wraper_contact input[type="email"], .inner_wraper_contact .textarea, select {
     font-family: 'robotomedium';
     color: #222;
     width: 100%;
     box-sizing: border-box;
     letter-spacing: 1px;
     outline: none;
     float: left;
     background: transparent;
}
 .inner_wraper_contact input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, .textarea::-webkit-input-placeholder{
     font-family: 'robotomedium';
     color: #222;
}
 .textarea {
     border-bottom: 2px solid #000;
     border-radius: 0;
}
 .inner_wraper_contact .effect-1, .inner_wraper_contact .effect-2, .inner_wraper_contact .effect-3 {
     border: 0;
     padding: 10px 0px;
     border-bottom: 2px solid #000;
}
 .inner_wraper_contact .effect-3 ~ .focus-border{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     z-index: 99;
}
 .inner_wraper_contact .effect-3 ~ .focus-border:before, .inner_wraper_contact .effect-3 ~ .focus-border:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 100%;
     background-color: #4482ef;
     transition: 0.4s;
}
 .inner_wraper_contact .effect-3 ~ .focus-border:after{
     left: auto;
     right: 0;
}
 .inner_wraper_contact .effect-3:focus ~ .focus-border:before, .inner_wraper_contact .effect-3:focus ~ .focus-border:after{
     width: 50%;
     transition: 0.4s;
}
 .inner_wraper_contact .contact_wraper {
     width: 100%;
     padding: 0 12% 25px 12%;
}
 .inner_wraper_contact .message_lable{
     padding: 0px 25px 10px 25px;
}
 .inner_wraper_contact .submit_button {
     background: transparent;
     border: 0;
     outline: none;
     padding: 12px 30px;
}
 .inner_wraper_contact .send_inqiry_button{
     border: 1px solid #b2b2b2;
     border-radius: 25px;
     display: inline-block;
     overflow: hidden;
}
 .contact_map_bg{
     width: 100%;
     background: #F2F2F2;
}
 .cotact_map_div {
     position: relative;
     width: 100%;
     float: right;
     padding-left: 50%;
     display: inline-block;
}
 .cotact_map_div iframe{
     float:left;
}
 .send_now {
     border: 1px solid #000000;
     background: transparent;
     padding: 15px 35px;
     border-radius: 0;
     color: #000000;
     outline: none;
     transition: all ease-in-out 0.4s;
}
 .send_now_button {
     display: inline-block;
     width: 100%;
     margin: 10px 0px 0px 10px;
}
 .send_now:hover{
     background: #000;
     color: #fff;
}
 .contact_details_wraper {
     position: relative;
     display: inline-block;
     width: 100%;
     top: initial;
     left: initial;
     width: 100%;
     padding: 0 15%;
}
 .contact_content {
     width: 100%;
     display: inline-block;
     float: left;
}
 .p_padding_left_30{
     position: relative;
     padding-left: 30px;
}
 .common_icons {
     position: absolute;
     top: 2px;
     left: 0;
     width: 20px;
}
 .all_info_section{
     padding-top: 0px;
}
 .all_info_section p {
     padding-bottom: 10px;
     color: #58595D;
}
 .all_info_section p a {
     color: #58595D;
     border-bottom: 1px solid transparent;
     padding-bottom: 0px;
}
 .all_info_section p a:hover {
     color: #1c3d72;
     border-bottom: 1px solid #1c3d72;
     padding-bottom: 3px;
}
 .inner_wraper_contact {
     padding: 10% 0;
     display: inline-block;
     width: 100%;
     float: left;
}
 .home_section_one {
     width: 100%;
     display: inline-block;
     padding: 4em 0 6em 0;
     float: left;
}
 .section_three_bg {
     background: #f4f4f4f4;
}
 .bg_white {
     background-color: #fff;
}
 .contact_title_wraper h2{
     margin-top: 35px;
}
 .textarea_cust_padd{
     padding: 13px 0px !important;
}
 .advisor_wraper {
     display: inline-block;
     width: 100%;
     float: left;
     padding: 0 15% 0 30%;
}
 .advisor_img {
     position: absolute;
     bottom: -3px;
     left: 18%;
}
/*============== Contact End ==================*/
/*============== Forex Start ==================*/
 .table_container_main_wraper{
     width: 80%;
     margin: 0 auto;
}
.today_range_title {
    display: inline-block;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
}
 .today_range_title_2 {
     width: 20%;
}
 .market_updates_price {
     display: inline-block;
     padding: 25px 0 15px 0;
     float: left;
     width: 100%;
}
 .market_updates_price_2 {
     width: 80%;
}
 .border_up_down{
     border-top: 1px solid #efefef;
     border-bottom: 1px solid #efefef;
}
 .dark_gray{
     color: #888888;
}
 .table_title {
     display: inline-block;
     width: 100%;
     float: left;
     padding: 15px 0;
}
 .table_title{
     padding: 15px 0;
}
 .table_common_padding{
}
 .table_width{
     width: 100%;
}
.spot_rates_wraper {
    border-radius: 5px;
    box-shadow: 0px 10px 10px -11px rgba(0, 0, 0, 0.45), 0 1px 6px 0px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 0px 10px 10px -11px rgba(0, 0, 0, 0.45), 0 1px 6px 0px rgba(0, 0, 0, 0.39);
    /*width: 100%;
    overflow-x: auto;*/
}
 .table_wraper tr th {
     background: #d9d9d9;
     padding: 15px 10px;
     font-family: 'robotobold';
}
.table_wraper tr td {
    padding: 10px 10px;
    color: #000;
}
 .table_wraper tr{
     border-bottom: 1px solid #eef3f7;
}
/*.usdinr_annualised_margin_bottom{
    margin-bottom: 10px;
}*/
.table_common_padding {
    padding: 0 0 1.5em 0;
    width: 100%;
    float: left;
}
 .padd_bottom_20{
     padding-bottom: 20px;
}
 .padd_top_20{
     padding-top: 20px;
}
 .buttons_link a {
     border: 1px solid #264584;
     background: #f0f7ff;
     color: #264584;
     padding: 10px 30px 12px 30px;
     border-radius: 25px;
}
 .buttons_link a:hover {
     background: #264584;
     color: #fff;
}
 .buttons_link{
     padding-top: 25px;
     padding-bottom: 25px;
}

/*.default_padding{
    padding: 2px 7px;
    border: 2px solid transparent;
}*/
/* .red_color{
     display: inline-block;
     color: #fff;
     background: #ff1100;
     border-radius: 25px;
     padding: 2px 7px;
     border: 2px solid #f0f7ff;
}*/
.red_color {
    /* display: inline-block; */
    color: #fff !important;
    background: #ff1100;
    /*padding: 2px 7px;*/
    /*border: 2px solid #f0f7ff;*/
}
/* .green_color {
     display: inline-block;
     color: #fff;
     background: #0fc01a;
     border-radius: 25px;
     padding: 2px 7px;
     border: 2px solid #f0f7ff;
}*/
.green_color {
     /*display: inline-block;*/
     color: #fff !important;
     background: #0fc01a;
     /*padding: 0px 7px;*/
     /*border: 2px solid #f0f7ff;*/
}
.green_red_padd.table_wraper tr td {
    padding: 6px 10px;
}
/*.currency_dropdown label{
     width: 25%;
     float: right;
     padding: 10px 10px;
}
*/
 .table_title.table_title_left{
     width: 70%;
     float: left;
}
/* .currency_dropdown select {
     color: #36538d;
     width: 30%;
     float: right;
     border-radius: 5px;
     border-color: #36538d;
     margin-bottom: 10px;
     padding: 8px 10px;
     background: #f0f7ff;
}*/
.currency_dropdown select {
    color: #36538d;
    width: 21%;
    float: right;
    border-radius: 5px;
    border-color: #36538d;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #f0f7ff;
}
 .full_table_wraper{
     display: inline-block;
     width: 100%;
     float: left;
}
/*.spot_rates_wraper {
     height: auto;
     max-height: 476px;
     overflow: auto;
}
*/
/* table {
     table-layout:fixed;
}
 */
 thead{
     display:table;
     width:100%;
}
 tbody {
     height: auto;
     /*max-height: 380px;*/
     max-height: 475px;
     overflow: auto;
     overflow-x: hidden;
     display: block;
     width: 100%;
}
 tbody tr {
     display:table;
     width:100%;
}
/*.spot_rates_wraper .table_wraper ::-webkit-scrollbar {
     display: none;
}
*/
/* width */
 .spot_rates_wraper .table_wraper ::-webkit-scrollbar {
     width: 5px;
}
/* Track */
 .spot_rates_wraper .table_wraper ::-webkit-scrollbar-track {
     background: #f1f1f1;
}
/* Handle */
 .spot_rates_wraper .table_wraper ::-webkit-scrollbar-thumb {
     background: rgba(38,69,132,0.7);
}
/* Handle on hover */
 .spot_rates_wraper .table_wraper ::-webkit-scrollbar-thumb:hover {
     background: #264584;
}
 .max_height_auto{
     max-height: initial;
}
 .hover_a:hover{
     text-decoration: underline;
}
 .spot_rates_wraper table tr:hover{
     background: #f0f7ff;
}
 .spot_rates_wraper table .hover_none:hover{
     background: #fff !important;
}
/*============== Forex End ==================*/
 .forward_calculator_wraper {
     display: inline-block;
     width: 100%;
     float: left;
     padding: 25px 15px;
}
 .btn_submit {
     background: #f0f7ff;
     box-shadow: none;
     border: 1px solid #264584;
     padding: 8px 20px;
     color: #264584;
     border-radius: 25px;
     display: inline-block;
}
 .btn_submit:hover{
     background: #264584;
     color: #fff;
}
 .Forward_calc_dropdowns .dropdown_fw_calc, .Forward_calc_dropdowns select{
     width: 100%;
     background: #fff;
     border: 0;
     border-bottom: 1px solid #eef3f7;
     padding: 5px 0;
}
 .Forward_calc_dropdowns .black{
     padding: 8px 0;
}
 .table_wraper tr td table tr th{
     padding: 0px 10px 0px 10px;
     background: none;
}
 .padding_none{
     padding: 0 !important;
}
 .display_inline{
     display: inline-block;
}
 .special_table_margin{
     margin-top: -25px;
     padding-bottom: 0px;
}
 .loader{
     border: 3px solid #264584;
     border-top: 3px solid #ffffff;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     animation: spin 2s linear infinite;
     position: absolute;
     left: 50%;
     top: 50%;
     background: #264584;
     margin-top: 10px;
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .table_min_hight{
    min-height: 380px;
}
 .table_min_hight230{
    min-height: 240px;
}
 .max_table_hight{
    max-height: 200px;
}
 .left{
    left: 40%;
}
 .div_min_height{
    min-height: 300px;
}
 .noRecordForund{
    text-align: center;
     padding:100px 0px;
}
 .paragraph_about{
     margin-bottom: 20px;
     line-height: 26px;
}
 .highlight_txt{
     color: #304d89;
}
 .quote{
     font-style: italic;
}
 .jumbotron{
    padding: 10px;
     color: #fff;
     background-color: #244384;
     margin-bottom: 15px;
}
 .jumbotron p{
    margin:0;
     font-size: 16px;
}
 .container .jumbotron, .container-fluid .jumbotron{
    padding: 10px 20px;
}
 .service_list li{
     padding: 7px 0px;
     font-family: 'robotolight';
}
 .service_list{
     margin-bottom: 25px;
}
 .search_form{
    margin-bottom: 15px;
}
 .left_service{
    left: 55%;
}
 .no-margin-bot{
    margin-bottom: 0px;
}
 .mainContentWrapper_no_margin{
    margin-top: 0px;
}
 .appSection_style h2{
    font-family: 'Nunito', sans-serif;
     font-weight: 700;
}
 .appSection_style ul li{
    font-family: 'Nunito', sans-serif;
     font-weight: 600;
}
 .appSection_style p{
    font-family: 'Nunito', sans-serif;
     font-weight: 600;
}
 .app_font_style{
    font-family: 'Nunito', sans-serif;
}
 .appSection_style .font_16{
    font-size: 15px;
}
 .appSection_style .highlight_txt{
    font-family: 'Nunito', sans-serif;
     font-weight: 600;
}
 .cust-table-cont {
     width:100%;
     overflow-x:auto;
}
 .cust-table-cont .table-responsive {
     width:1190px;
}
 .cust-table {
     table-layout:fixed;
}
 .cust-table thead, .cust-table tbody {
     display: block;
}
 .cust-table tbody {
     max-height:620px;
     overflow-y:auto;
}
 .fix_table_width{
    width: 100%;
}
 .navicon{
     height: 22px;
     vertical-align: middle;
     padding-right: 5px;
}
 .user_navicon{
     height: 40px;
     vertical-align: middle;
     padding-right: 5px;
}
/*============== Sandip Css ===============*/
 .custom_chackbox {
     display: inline;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* Hide the browser's default checkbox */
 .custom_chackbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
/* Create a custom checkbox */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 20px;
     width: 20px;
     background-color:none;
     border: #2b4a87 solid 2px;
}
/* On mouse-over, add a grey background color */
 .custom_chackbox:hover input ~ .checkmark {
     background-color: none;
}
/* When the checkbox is checked, add a blue background */
 .custom_chackbox input:checked ~ .checkmark {
     background-color: #2b4a87;
     border-color:#2b4a87;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .last_td_gray:last-child{
     background: #e8e8e8;
}
/* Show the checkmark when checked */
 .custom_chackbox input:checked ~ .checkmark:after {
     display: block;
}
/* Style the checkmark/indicator */
 .custom_chackbox .checkmark:after {
     left: 7px;
     top: 3px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .currency_span{
    padding-right: 20px;
}
 .pad_top_11{
    padding-top: 11px;
}
 .bor_shadow_date_none{
    box-shadow: none;
     border-radius: 0px;
     background: #fff;
}
 .gray_bg{
    background-color:#e8e8e8;
}
 .site_header_title{
    padding:15px 10px;
}
 span.lr_space{
    padding: 0 10px;
}
 .input_wrapper label {
     width: 25%;
}
 .input_wrapper input[type="text"], .input_wrapper input[type="password"] {
    outline: none;
     border:0px;
     border-bottom:1px solid #ddd;
     width:74%;
     padding:10px;
     font-family: 'robotoregular';
}
 .form-select {
     border: 0px;
     border-bottom: 1px solid #ddd;
     padding: 10px;
     font-family: 'robotoregular';
     float: none;
     width: 74%;
}
 .calculator_inner{
     padding: 25px;
     display: inline-block;
     width: 100%;
}
 .input_wrapper {
     margin-bottom: 20px;
     display: inline-block;
     position: relative;
     width: 100%;
}
/*.padd_left_right_10{
     padding: 10px;
}
*/
 .input_wrapper input[type="text"]{
    outline:none;
}
 input[type="submit"]{
     outline: none;
}
 .calendar_icon{
     background: url(assets/images/calendar_gray.png);
     background-repeat: no-repeat;
     background-position: 95%;
}
 .reload_icon{
     position: absolute;
     right: 5%;
     top: 50%;
     transform: translateY(-50%);
}
 span.atm_text {
     position: absolute;
     right: 5%;
     font-size: 14px;
     color: #bbb;
}
 span.atm_text.clr_green{
     color: #10DF10!important;
}
 span.atm_text.clr_red{
     color: #ff0000!important;
}
 span.atm_text.clr_gray{
     color: #bbb!important;
}
 .margin_right_6{
     margin-right: 6%;
}
 .margin_left_6{
     margin-left: 6%;
}
 .white_backgroung{
     background: #fff;
}
 .noRecordForund img{
    margin:0 auto;
}
 .modal-backdrop {
     z-index: 99999;
}
 .modal{
     z-index: 999999;
}
 .modal-dialog {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)!important;
}
 .modal-header{
     background: #244384;
     color: #fff;
}
 .modal-footer {
     margin-top: 0;
     padding: 15px 20px 10px 20px;
     text-align: right;
     border-top: 1px solid #e5e5e5;
}
 .modal-header .close {
     color: #fff;
     opacity: 0.9;
}
 .model_btn {
     background: #f0f7ff;
     border: 1px solid #244384;
     border-radius: 50px;
     padding: 5px 26px;
}
 .model_btn:hover {
     background: #244384;
     color: #fff;
}
 .modal-body {
     position: relative;
     padding: 15px;
}
 .uib-daypicker tr td {
     padding: 0;
     margin: 0;
     width: 20px;
}
 .uib-daypicker table {
     outline: none !important;
}
 .datepicker_style .uib-daypicker tr th{
     padding: 4px 10px;
     background: none;
}
 .datepicker_style .btn-default {
     padding-top: 6px;
     padding-bottom: 6px;
}
 .metal_his_margin_top{
     margin-top: 200px;
}
 .about_left{
     left: 5%;
}
 .swiper-wrapper, .swiper-slide{
     height: auto;
}
/* Date picker */
/*
.uib-datepicker-popup table tr{
    border: 0;
}
.uib-datepicker-popup table tr:hover{
    background: #fff;
}
.uib-datepicker:focus, .uib-datepicker div:focus{
    outline: none !important;
}
.uib-datepicker {
    padding: 0 9px 9px;
}
button.btn.btn-default.btn-sm {
    border-radius: 50%;
    //width: 42px;
    // height: 42px;
    border: none;
    //border-bottom: 1px solid #EAEAEA;
    width: 38px;
    height: 38px;
    border: none;
    font-size: 12px;
    color: #434A54;
    outline: none;
    box-shadow: none;
}
.uib-left:hover, .uib-title:hover, .uib-right:hover, .uib-left:focus, .uib-title:focus, .uib-right:focus {
    background-color: transparent !important;
    color: #264584 !important;
    outline: none;
    box-shadow: none;
}
.uib-daypicker tr:first-child th {
    border-bottom: 1px solid #EAEAEA !important;
    padding-bottom: 0;
    padding-top: 0;
}
.uib-daypicker th {
    text-align: left;
    padding: 5px 0;
    font-size: 11px;
    text-align: center;
    color: #aaa;
    width: 14.28%;
}
.uib-datepicker-popup .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    background: #264584;
    border-color: #264584;
}
.uib-datepicker .uib-title {
    width: 100% !IMPORTANT;
}
.uib-datepicker .btn-info.active{
    background: #e2e2e2;
}*/
/* Date picker */

/*======== login jignesh ========*/
 .light_gray{
     color:#abadb2;
}
 .light_gray:hover{
     color:#23527c;
}
 .send_password h3 {
     color: #23527c;
     font-family: 'robotoregular';
     font-weight: bold;
     padding-bottom: 30px;
     padding-top: 20px;
}
/**/
 .user_ul li a{
     display: block !important;
     padding: 10px 0 !important;
     border-left: solid 1px transparent !important;
     font-family: 'robotoregular';
}
 .user_ul li {
     display: block !important;
     border-left: solid 1px transparent !important;
     font-family: 'robotoregular';
     padding: 0 !important;
}
 .user_ul li a:hover {
     color: #284386;
     background: #fff;
}
 .user-block {
     display: none;
     position: absolute;
     top: 34px;
     background: #ffff;
     z-index: 999;
     right: 0;
     padding: 3px 10px;
     border: 2px solid #244384;
     width: 180px;
     transition: all ease-out 0.5s;
}
 .user-block:after {
     position: absolute;
     content: "";
     top: calc(79% + -97%);
     right: 8px;
     border-bottom: 19px solid #244384;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     transition: all 0.4s ease-out;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all ease-out 0.3s;
}
/**/
 .loginform-block{
     position: relative;
     transition: all ease-out 0.3s;
}
 .login{
     position: relative;
    /*transition: all ease-out 0.5s;
    */
}
 .loginform-block {
    /*display: none;
    */
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 34px;
     background: #ffff;
     z-index: 999;
     right: 0;
     padding: 30px 22px;
    /*border: 2px solid #244384;
    */
     width: 375px;
     transition: all ease-out 0.5s;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     border:1px solid #eaeaea;
}
 .loginform-block.active {
     opacity: 1;
     visibility: visible;
}
 #userMenuWrap{
     position: relative;
     z-index: 999;
}
 .userSubMenu{
     width: 200px;
     right: 0;
     left: auto;
     transition: all ease-out 0.5s;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
     border:1px solid #eaeaea;
     position: absolute;
     top: calc(100% + 5px);
     background: #fff;
     z-index: 9999;
     padding: 15px 0px;
     opacity: 0;
     visibility: hidden;
}
 #userMenuWrap:hover .userSubMenu{
     opacity: 1;
     visibility: visible;
}
 .userSubMenu li{
     width: 100%;
     display: block;
     border-color: transparent;
}
 .userSubMenu li:first-child{
     padding-left: 10px!important;
}
 .userSubMenu li a{
     padding: 10px 15px;
}
 .forget-block{
     position: absolute;
     top: 18px;
     background: #ffff;
     z-index: 999;
     right: 0;
     padding: 30px 59px;
     border: 2px solid #244384;
     width: 375px;
     transition: all ease-out 0.5s;
}
 .forget-div{
     position: relative;
     transition: all ease-out 0.5s;
}
 .forget-block:after {
     position: absolute;
     content: "";
     top: calc(79% + -86%);
     right: 8px;
     border-bottom: 19px solid #244384;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     transition: all 0.4s ease-out;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all ease-out 0.3s;
}
 .forget-block.active:after {
     border-bottom: 20px solid #44ad46;
     transition: all 0.1s ease-in;
     -webkit-transition: all 0.1s ease-in;
     -moz-transition: all 0.1s ease-in;
     -ms-transition: all 0.1s ease-in;
     -o-transition: all 0.1s ease-in;
}
 .loginform-block:after {
     position: absolute;
     content: "";
    /*top: calc(79% + -86%);
    */
     top: -11px;
     right: 8px;
     border-bottom: 11px solid #eaeaea;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     transition: all 0.4s ease-out;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all ease-out 0.3s;
}
 .backOpen{
     position: fixed;
     height: 100%;
     width: 100%;
    /*background: red;
    */
     z-index:99999;
}
/*.loginform-block.active:after {
     border-bottom: 20px solid #44ad46;
     transition: all 0.1s ease-in;
     -webkit-transition: all 0.1s ease-in;
     -moz-transition: all 0.1s ease-in;
     -ms-transition: all 0.1s ease-in;
     -o-transition: all 0.1s ease-in;
}
*/
 #loginForm .form-group{
     margin-bottom: 15px;
}
 .loginform-block label {
     padding-bottom: 10px;
     font-family: 'robotoregular';
}
 .forget-block label {
     padding-bottom: 10px;
     font-family: 'robotoregular';
}
 .forget-link{
     padding-top: 15px;
     font-family: 'robotoregular';
}
/*.forget-block, .send_password {
     display: none;
}
*/
/*.send_password{
     padding-top: 50px;
}
*/
 .square_btn-login {
     padding: 15px 30px;
     background: #244384;
     color: #fff;
     display: inline-block;
     border: 1px solid transparent;
     border-radius: 30px;
     width: 40%;
     float: left;
     text-align: center;
}
 .square_btn-login:focus{
     color: #fff;
}
 .square_btn-email:focus{
     color: #fff;
}
 .square_btn-login:hover {
     color: #244384;
     background: #fff;
     border: 1px solid #244384;
     border-radius: 30px;
}
 .square_btn-email {
     padding: 15px 30px;
     background: #244384;
     color: #fff;
     display: inline-block;
     border: 1px solid transparent;
     border-radius: 30px;
     width: 100%;
     float: left;
     margin-top: 25px;
}
 .square_btn-email:hover {
     color: #244384;
     background: #fff;
     border: 1px solid #244384;
     border-radius: 30px;
}
/*======== login jignesh ========*/
/** Jiten About **/
 .sub_title.left_arrow:after{
     left:0;
     transform: translateX(0);
     -moz-transform: translateX(0);
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
}
 .letterSpace p{
     letter-spacing: 0.5px;
}
 .blue_box{
     background: #264585;
     color: #fff;
}
 .blue_box a{
     color: #fff;
}
 .padded{
     padding: 30px;
}
 label.error,label.error, input[type=radio] + label, input[type=checkbox] + label{
     position: absolute;
     bottom: -15px;
     left: 25.5%;
     color: #f95959;
     width: 100%;
     font-size: 13px;
}
 .ChangePass_Wraper label.error{
     left: 25.5%;
}
/*#loginForm label.error, #passwordForm label.error{
     left: 0;
     padding-bottom: 3px;
}
*/
 #loginForm, #passwordForm{
     text-align: left;
}
 .menu_inner_icon {
     width: 20px;
     margin-right: 10px;
}
.register_Wraper{
     width: 50%;
     margin: 0 auto;
}
.fowrad_calc_result{    
    line-height: 0;
    display: inline-block;
    width: 100%;
    float: left;
    background: transparent;
    padding: 15px 0 0 0;
    border-radius: 5px;
}
/*======================== Media =========================*/
/*forward & metal details*/
.forexDetailsWrap .newsBlock{
    margin-bottom: 0px;
}
 .forexDetailsWrap hr.dark{
     border-bottom: solid 1px #E8E8E8;
}
 .forexDetailsWrap hr.details{
     margin-top: 15px;
     margin-bottom: 15px;
}
 .newsWrapInner{
     border-bottom: solid 1px #eee;
     margin-bottom: 15px;
}
 .padd15 {
     padding: 15px;
}
/*.forexDetailsWrap .spot_rates_wraper{
     padding: 15px;
}
 */
 .tableHead{
     background-color: #e8e8e8;
     padding: 15px !important;
}
 .forexDetailsWrap .table_wraper tr th {
     background-color: #e8e8e8;
}
 .forexDetailsWrap .div_min_height{
     min-height: 417px;
}
 .green_font {
     color: #0fc01a;
}
 .red_font {
     color:#ff1100;
}
 .switch {
     position: relative;
     display: inline-block;
     width: 50px;
     height: 24px;
}
 .switch input {
    display:none;
}
 .forexDetailsWrap .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}
 .forexDetailsWrap .slider:before {
     position: absolute;
     content: "";
     height: 18px;
     width: 18px;
     left: 4px;
     bottom: 3px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
}
 .switch input:checked + .slider {
     background-color: #264584;
}
 .switch input:focus + .slider {
     box-shadow: 0 0 1px #264584;
}
 .switch input:checked + .slider:before {
     -webkit-transform: translateX(24px);
     -ms-transform: translateX(24px);
     transform: translateX(24px);
}
/* Rounded sliders */
 .slider.round {
     border-radius: 34px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .swal2-icon.swal2-warning {
     color: #284386;
     border-color: #284386;
}
 @keyframes pulse-warning {
     0% {
         border-color: rgba(40, 67, 134, 0.3);
    }
     100% {
         border-color: #284386;
    }
}
 .forexDetailsWrap {
     margin-bottom: 50px;
}
 .label-container{
     position:fixed;
     bottom:48px;
     right:105px;
     display:table;
     visibility: hidden;
     z-index: 10;
}
 .label-text{
     color:#FFF;
     background:rgba(51,51,51,0.5);
     display:table-cell;
     vertical-align:middle;
     padding:10px;
     border-radius:3px;
}
 .label-arrow{
     display:table-cell;
     vertical-align:middle;
     color:#333;
     opacity:0.5;
}
 .float{
     position:fixed;
     width:60px;
     height:60px;
     bottom:40px;
     right:40px;
     background-color:#244384;
     color:#FFF;
     border-radius:50px;
     text-align:center;
     box-shadow: 2px 2px 3px #999;
     z-index: 10;
}
 .my-float{
     font-size:24px;
     margin-top:18px;
}
 a.float + div.label-container {
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s ease;
}
 a.float:hover {
     color: #fff;
}
 a.float:hover + div.label-container{
     visibility: visible;
     opacity: 1;
}
 .Set_Alert_btn {
     padding: 8px 20px 12px 20px;
}
/*forward & metal details*/
 .postion_title{
     position: relative;
     padding-left: 35px;
}
.postion_title_2 {
    position: relative;
    padding-left: 43px;
}
 .title_icon {
     width: 36px;
     padding: 0px 10px 0px 0;
     position: absolute;
     top: -4px;
     left: 0;
}
.title_icon_2 {
    width: 45px;
    padding: 0px 10px 0px 0;
    position: absolute;
    top: -2px;
    left: 0;
}
 .MsoNormal, .MsoListParagraphCxSpMiddle, .MsoListParagraphCxSpMiddle{
     line-height: 2;
}
 .overflow_auto{
     overflow-y: auto;
}
 .todys_range_wraper{
     width: 100%;
     display: inline-block;
     float: left;
     border-bottom: 1px solid #efefef;
     margin-bottom: 20px;
}
 .user_login_wraper{
     width: 100%;
     display: inline-block;
     float: left;
     padding: 10px 20px;
     background: #264584;
}
 .user_login_wraper a:hover{
     color: #fff;
}
 .userlogout {
     position: absolute;
     width: 35px;
     top: 50%;
     right: -5px;
     transform: translateY(-50%);
}
 .mainWrapperAccordionMenu ul li .mobileSubMenu li:last-child{
     border-bottom: 0;
}
 .mainWrapperAccordionMenu ul li .mobileSubMenu li{
     padding-left: 5px;
}
 .option_full_main_wraper{
     padding-top: 30px;
}
 .padding_top_5{
     padding-top: 5px;
}
 #selectCurrForm .input_wrapper label.error{
     left: 0;
}
 .display_main{
     display: block;
}
 .display_mobile{
     display: none;
}
/*css2*/
/*sandip*/
 .contact_link_wraper_footer{
     padding: 28px 0;
}
 .blue_bg{
     background: #244384;
}
 .footer_contact_link {
     background: #fff;
     border-radius: 3px;
     padding: 5px 14px 6px 14px;
     color: #244384 !important;
}
 .footer_contact_link:hover{
     background: #e3f5f9;
}
 .padd_top_5em{
     padding-top: 5em;
}
 .our_News_Blog .swiper-wrapper {
     padding-top: 5em;
}
 .our_news_blog_wraper {
     text-align: center;
     background: #fff;
     padding: 30px 20px;
     min-height: 150px;
}
 .block-with-text {
     display: block;
     display: -webkit-box;
     max-width: 100%;
     height: 44px;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .newsblogtitle {
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
}
 .paragraph_about{
     line-height: 20px;
}
 .blue_box{
     background: #244384;
     min-height: 240px;
     width: 100%;
}
 .marginTopBottom20{
     margin:20px 0;
     display: inline-block;
     width: 100%;
}
/*sandip*/
/*mayur*/
 .homepagebanner_swiper {
     position: relative;
     display: inline-block;
     float: left;
     width: 100%;
}
 .bannerTextWrapper{
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .bannerTextWrapper h2{
     line-height: 1.3;
}
 .font_55{
     font-size: 55px;
}
 .moneychangeingBlock{
     width: 100%;
     float: left;
     position: relative;
}
 .moneychangeingBlockLeft{
     width: 100%;
     padding: 0 35% 0 0;
}
 .moneychangeingBlockImage{
     width: 28%;
     position: absolute;
     top: 50%;
     right: 0%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .divCenterAlign{
}
 .textContentSmallTitle{
     padding: 15px 0;
     float: left;
     width: 100%;
}
 .moneychangeingTextContentWrapper>ul>li{
     position: relative;
     padding: 0 0 0 25px;
     width: 100%;
     float: left;
}
 .moneychangeingTextContentWrapper>ul>li:before{
     position: absolute;
     top: 12px;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     content: "";
     height: 8px;
     width: 8px;
     background: #244384;
     border-radius: 50%;
}
 .contentLineHeight{
     line-height: 1.7;
}
 .moneychangeingBlockLeft.moneychangeingBlockRight{
     padding:0 0 0 35%;
}
 .moneychangeingBlockImageLeft{
     right:auto;
     left: 0;
}
 .greyBgMoneyChange{
     background: #F2F2F2;
}
 .paddin_bottom_0{
     padding-bottom: 0;
}
 .modal.fade.bs-example-modal-lg.in.mobilePopupBack,.mobilePopupBackDrop.in{
     display: block;
}
 .mobilePopupBackDrop{
     display: none;
}
 .mobileAppMainWrapperhead{
     background: #244384;
}
 .mobileAppMainWrapper{
     float: left;
     width: 100%;
}
 .mobileAppMainWrapper hr{
     margin:30px 0;
}
 .mobileAppMainWrapperContent,.mobileAppMainWrapperhead{
     padding: 25px 30px;
     width: 100%;
     float: left;
}
 .mobileAppIconWrapper>ul>li{
     position: relative;
     width: 50%;
     float: left;
     margin:30px 0;
}
.mobileAppIconWrapper>ul>li .mobileAppLink{
    width: 35%;
}
/* .mobileAppIconWrapper>ul>li .mobileIconLink{
     position: relative;
     width: 100%;
     padding-right: calc(100% - 50px);
     float: left;
}*/
/* .mobileAppIconWrapper>ul>li .mobileAppLink{
     position: absolute;
     width: calc(100% - 85px);
     top: 50%;
     right: 0;
     transform: translateY(-50%);
}*/
 .mobileAppIconWrapper>ul>li .mobileAppLink a:hover,.mobileAppIconWrapper>ul>li .mobileAppLink a span,.mobileAppPopup a:hover{
     color: #000;
}
 .aboutBgSection{
     background: url('../images/about/bluepatch.png')center center no-repeat;
     background-size: cover;
     padding: 4em 0;
     width: 100%;
     float: left;
}
 .aboutBgSectionWrapperConent{
     width: 100%;
}
 .aboutBgSectionConentBlock img{
     width: 80px;
     float: none;
}
 .aboutBgSectionConentBlock h3{
     padding: 10px 0;
     display: inline-block;
     width: 100%;
}
 .aboutBgSectionConentBlockBorder{
     border-right: 1px solid #fff;
}
 .mainBlockWrapperForex{
     width: 100%;
     float: left;
}
 .mainBlockWrapperForexImageLeft{
     width: 100%;
     padding: 0 50% 0 0;
     position: relative;
     float: left;
}
 .mainBlockWrapperForexImageRight{
     padding: 0 0 0 50%;
}
 .mainBlockWrapperForexContant{
     width: 44%;
     position: absolute;
     left: 53%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0 50px;
}
 .mainBlockWrapperForexImageRight .mainBlockWrapperForexContant{
     left: 3%;
}
 .forexTitleUnderline{
     width: 60px;
     height: 4px;
     background: #244384;
     margin: 0 0 15px 0;
     float: left;
}
 .linkForexContent{
     color: #244384;
     position: relative;
     display: inline-block;
}
 .linkForexContent:hover{
     color: #000;
}
 .linkForexContent:after{
     width: 100%;
     position: absolute;
     left: 0;
     bottom:-1px;
     height: 1px;
     background:#244384;
     content: "";
}
 .linkForexContent:hover:after{
     background: #000;
}
 .contatcInputBox .contact-input{
     border:0;
     border-bottom: 1px solid #ccc;
     width: 100%;
     padding: 10px 15px;
     display: inline-block;
     margin:0 0 30px 0;
}
 .contatcInputBox .contact-input:focus{
     outline: none;
}
 .contatcInputBox .contact-input::placeholder{
     color: #929292;
     font-weight: lighter;
}
 .mapContact{
     height: 50vh;
     width: 100%;
     -webkit-box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.28);
     box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.28);
}
 .aboutTitle:after {
     position: absolute;
     bottom: 0px;
     left: 0%;
     width: 65px;
     height: 4px;
     background:#244384;
     content: "";
}
 .aboutTitle {
     position: relative;
     display: inline-block;
     padding-bottom: 20px;
}
 .headqurterText p {
     margin: 0 0 20px 0;
}
 .headqurterText {
     margin: 20px 0 0 0;
}
/*mayur*/
/*sample reports*/
 .table_wraper tr th.p20 {
     padding: 20px;
}
 .table_wraper tr th.blue_tb_bg {
     background-color: #e3f5f9;
}
 .reportTitle {
     line-height: 2em;
}
/*sample reports*/
/*faq*/
 .faqMainWrapper .panel-title>a {
     display: block;
     padding: 30px 25px;
     text-decoration: none;
     position: relative;
}
 .faqMainWrapper .panel-title>.small:after, .faqMainWrapper .panel-title>.small>a:after, .faqMainWrapper .panel-title>a:after, .faqMainWrapper .panel-title>small:after, .faqMainWrapper .panel-title>small>a:after {
     content: "";
     background-image: url('../images/plus.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 80px;
     background-size: 30px;
     height: 35px;
     position: absolute;
     left: 100%;
}
 .faqMainWrapper .panel-title>.small:before, .faqMainWrapper .panel-title>.small>a:before, .faqMainWrapper .panel-title>a:before, .faqMainWrapper .panel-title>small:before, .faqMainWrapper .panel-title>small>a:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 100%;
     top: 0;
     left: 100%;
     background-color: #ddd;
}
 .faqMainWrapper .panel-open a:after {
     content: "";
     background-image: url('../images/minus.png');
}
 .faqMainWrapper .panel-open a:before {
     background-color: #244384;
}
 .faqMainWrapper .panel-default>.panel-heading {
     background-color: #fff;
}
 .faqMainWrapper .panel-title>a {
     width: calc(100% - 80px);
     color: #717171;
}
 .faqMainWrapper .panel-open a {
     color: #244384;
}
 .faqMainWrapper ol, .faqMainWrapper ul {
     list-style: disc;
     padding-left: 20px;
     margin: 20px auto 0;
}
 .faqMainWrapper .panel-default.panel-open, .panel-default.panel-open>.panel-heading {
     border-color:#244384;
}
 .panel-default.panel-open>.panel-heading+.panel-collapse .panel-body {
     border-color:#244384;
}
 .faqContent {
     padding: 0 25px;
}
 .faqMainWrapper .panel-group .panel {
     border-radius: 0;
}
/*faq*/
/*Glossary*/
 .glossaryWrap {
     border: 1px solid #ddd;
     padding: 20px;
     margin-bottom: 20px;
}
 .glossaryContent {
     margin-top: 10px;
}
 .glossaryList {
     border-bottom: 1px solid #ddd;
     margin-bottom: 50px;
     padding-bottom: 20px;
     max-width: 100%;
     overflow: auto;
     white-space: nowrap;
}
 .glossaryList li {
     display: inline-block;
     width: 3.83%;
     min-width: 35px;
     text-align: center;
}
 .glossaryList li a {
     display: inline-block;
     width: 25px;
     height: 25px;
     margin: auto;
     background-color: transparent;
     border-radius: 50%;
     line-height: 25px;
     color: #000;
}
 .glossaryList li.active a, .glossaryList li a:hover {
     background-color: #244384;
     color: #fff;
}
 .glossaryWrapper {
     min-height: 350px;
     position: relative;
}
/*Glossary*/
/*desktop ticker*/
 .download_table li p{
    width: 58%;
     display: inline-block;
}
 .download_table li span, .download_table li a{
    width: 20%;
     display: inline-block;
}
 .daskopticketrContent{
    line-height: 22px;
     margin-bottom: 15px;
}
 .screenshotTitle{
     margin-bottom: 20px;
     margin-top: 20px;
}
 .screenshotImg{
    margin:15px 0px;
}
/*desktop ticker*/
/*css2*/
/*css3*/
 .width80{
    width: 90%!important;
}
 .width70 {
     width: 100% !important;
}
 .padding_bottom_15{
    padding-bottom: 15px;
}
 .margin_padding0{
    margin: 0px;
     padding: 0px;
}
 .table_min_hight {
     min-height: 300px;
}
 .overflow_hidden_spi {
     overflow-y: hidden;
}
 .padd_right_0{
    padding-right: 0px;
}
 .margin_top_15{
    margin-top: 15px;
}
 .forword_submit_btn{
     padding-bottom: 20px;
     padding-right: 20px;
}
 #contactform label.error, #contactform label.error {
     position: absolute;
     bottom: 12px;
     left: 5%;
}
#contactform_home label.error{
    position: absolute;
    bottom: -15px;
    left: 0;
}
 .margin_bot_0{
    margin-bottom: 0px!important;
}
 .paddinglr{
    padding-left: 10px;
     padding-right: 10px;
}
 .pull-right.ng-isolate-scope{
    padding-right: 15px;
}
 .search_form{
    padding-right: 25px;
}
/*css3*/

.news_blocks_wraper {
    height: 500px;
    overflow-y: auto;
}
.pagination_wraper .pagination {
    margin: 30px 0 0px 0;
}

.force-overflow
{
    min-height: 500px;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(241,241,241,0.3);
    background-color: #f1f1f1;
}

#style-4::-webkit-scrollbar
{
    width: 5px;
    background-color: #f1f1f1;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #6378a5;
    border: 2px solid #6378a5;
}
.currency_calc_width{
    padding: 0 15%;
}
/*.table_wraper tr th.padd_right_18{
    padding-right: 18px;
}
.table_wraper tr th.padd_right_30{
    padding-right: 30px;
}*/
.desktopimg {
    position: absolute;
    top: 14%;
    right: 8%;
    width: 37%;
}
.mobileimg {
    position: absolute;
    left: -10%;
    bottom: -10%;
    width: 28%;
}
.homepagebanner_swiper .textLeftWrapper{
    transform: translateX(100px);
    -moz-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    -webkit-transition: all ease 0.8s;
    -ms-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    opacity: 0;
}
.homepagebanner_swiper .textLeftWrapper2{
    transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transition: all ease 1.8s;
    -moz-transition: all ease 1.8s;
    -webkit-transition: all ease 1.8s;
    -ms-transition: all ease 1.8s;
    -o-transition: all ease 1.8s;
    animation-delay: 2s;
    opacity: 0;
}
.swiper-slide-active .homepagebanner_swiper .textLeftWrapper, .swiper-slide-active .homepagebanner_swiper .textLeftWrapper2{
    transform: translateX(0px);   
    opacity: 1;
}
.swiper-slide .homepagebanner_swiper .banner_1, .swiper-slide .homepagebanner_swiper .banner_2{
    transition: all ease-in-out 4.5s;
    transform: scale(1);
}
.swiper-slide.swiper-slide-active .homepagebanner_swiper .banner_1, .swiper-slide.swiper-slide-active .homepagebanner_swiper .banner_2{
    transform: scale(1.1);
}

.banner_effect {
  -webkit-animation: zoomout 10s ease-in infinite;
  animation: zoomout 10s ease-in infinite;
  transition: all .5s ease-in-out;
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
}
.min_hight_80vh{
    min-height: 80vh;
}
.productImage{
    overflow: hidden;
}
.table_min_hight_2{
    min-height: 99px;
}
#forex_page .spot_rates_wraper tbody tr td:nth-child(1), #metal_page .spot_rates_wraper tbody tr td:nth-child(1){
    color: #244384;
}
#sporate_table table tr td{
    font-weight: bold;
}
.sub_title.underline_after:after{
    bottom: -15px;
}
.rms_tools_home {
    display: inline-block;
    width: 100%;
    float: left;
}
.testimonial_wraper .font_20{
    font-weight: bold;
}
.top_header_blue_color{
    color: #244384!important;
    font-weight: bolder;
}
.opacity_0{
    opacity: 0;
}