@charset "utf-8";
/*
 font-family: 'proxima_novalight';
 font-family: 'proxima_novaregular_italic';
 font-family: 'proxima_nova_rgregular';
font-family: 'proxima_novasemibold';
font-family: 'proxima_novasemibold';

*/
/*Proxymanova*/
@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-light-webfont.woff') format('woff'),
        url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proximanova-regitalic-webfont.eot');
    src: url('../fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-regitalic-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-regitalic-webfont.woff') format('woff'),
        url('../fonts/proximanova-regitalic-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima-nova-regular-webfont.eot');
    src: url('../fonts/proxima-nova-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proxima-nova-regular-webfont.woff2') format('woff2'),
        url('../fonts/proxima-nova-regular-webfont.woff') format('woff'),
        url('../fonts/proxima-nova-regular-webfont.ttf') format('truetype'),
        url('../fonts/proxima-nova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
        url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*End*/

/* Common */
* {
	word-wrap: break-word;
	word-break: break-word;
}
body {
	font: 1.4em 'proxima_nova_rgregular',Arial, Helvetica, sans-serif !important;
}
.form-control:focus {
    border-color: #000;
}
a {
    color: #8dd62b;
}
a:hover, a:active, a:focus {
    color: #000;
}
img{max-width: 100%;}
:focus{outline:none;}
.lh16{line-height:16px;}
.lh27{line-height:27px;}
.lh30{line-height:30px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}
.w26-per{width:26%;}
.w30-per{width:30%;}
.w32-per{width:32%;}
.w40-per{width:40%;}
.w50-per{width:50%;}
.w100-per {width:100%;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w150{max-width:150px;}
.w170{max-width:170px;}
.w200{max-width:200px;}
.w250{max-width:250px;}
.w300{max-width:300px;}
.w350{max-width:350px;}
.w400{max-width:400px;}
.w450{max-width:450px;}
.w500{max-width:500px;}
.w550{max-width:550px;}
.w600{max-width:600px;}
.w650{max-width:650px;}
.w700{max-width:700px; margin:0 auto;}
.w730{max-width:730px; margin:0 auto;}
.w770{max-width:770px; margin:0 auto;}
.w800{max-width:800px; margin:0 auto;}
.w900{max-width:900px; margin:0 auto;}
.w1000{max-width:1000px; margin:0 auto;}
.h630{min-height:630px;}
.boxspacer10{display:block;height:10px; clear:both;}
.boxspacer20{display:block;height:20px; clear:both;}
.boxspacer30{display:block;height:30px;clear:both;}
.boxspacer40{display:block;height:40px;clear:both;}
.boxspacer50{display:block;height:50px;clear:both;}
.clear{clear:both;}
.bordernone{border:none !important;}
.center {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.p0{padding:0px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}
.p100{padding:100px !important;}
/*Padding Top*/
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt100{padding-top: 100px !important;}
/*Padding Bottom*/
.pb0 {padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb100{padding-bottom: 100px !important;}
/*Padding left*/
.pl0{padding-left:0 !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}
.pl100{padding-left: 100px !important;}
/*Padding Right*/
.pr0{padding-right:0px !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}
.pr100{padding-right: 100px !important;}
/*Margin CSS*/
/*Margin Top*/
.mauto{margin:auto;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt100{margin-top: 100px !important;}
/*margin Bottom*/
.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb100{margin-bottom: 100px !important;}
/*margin left*/
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}
.ml100{margin-left: 100px !important;}
/*margin Right*/
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}
.mr100{margin-right: 100px !important;}
.mr2-per{margin-right: 2% !important;}
.mr4-per{margin-right: 4%!important;}
.bdr-top-none{border-top:0!important;}
.inlineblock{display:inline-block;}
.vtop{vertical-align:top}
html {font-size: 62.5%;}
body{font-family: 'proxima_novalight'; color:#414042; font-size:1.6em;}
.tb{display:table; text-align:center;}
.tbc{display:table-cell; vertical-align:middle; height:100%;}
.fsmall{font-size:small !important}
.text-right{text-align:right;}

/*Loader*/
@keyframes spinner {
    to {transform: rotate(360deg);}
}

@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}

.spinner {
    min-width: 40px;
    min-height: 40px;
}

.spinner:before {
    content: 'Loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
}

.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 6px solid #79c358;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}
.loader {
    background-color: #fff;
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
}
/*End*/
body.consumerpage{background-color:#fff;}
body.consumerpage .content-wrapper{background-color:#fff; clear:both;}
body.consumerpage .wrapper{background-color:#fff;}
section.content{padding:110px 0 55px;}
section.content.homewhatwedo{ padding-top:110px; padding-bottom:96px;}
.creeds section.content{ padding-top:100px; padding-bottom:96px;}
header.topheader{border-bottom:1px solid #979797;z-index:11; position:relative; background-color:#fff; padding:0 5%; }
.mobilerightmenu {float: right; display:none; margin:20px 0 0;}
.mobilerightmenu a{display:inline-block; padding:5px 12px; margin-left:10px;background-color:#79c358; color:#fff; text-transform:uppercase; font-size:0.8em}
.mobilerightmenu a:hover{background-color:#2b3543}
.menubar{display: none;float: left; width: 25px; margin:19px 20px 0 0; cursor:pointer}
.menubar span{display:block; height:4px; margin:4px 0; background-color:#2b3543;}
.logo {float: left;padding:36px 0 36px 0;}
.menuright {float: right; padding:30px 0 0 0}
.menuright ul{padding:0; margin:0}
.menuright li{display:inline-block; text-transform:uppercase; line-height:48px; padding:0 20px;}
.menuright li:last-child{ padding-right:0;}
.menuright li a{color:#231f20; letter-spacing:0.1em; display:block; font-family: 'proxima_nova_rgregular'; font-size:17px; font-weight: bold;}
/*.menuright li a:hover,.menuright li.active a{border-bottom:2px solid #79c358;}*/
.menuright li.signup{padding-right:0;}
/*.menuright li.signup > a {background-color: #79c358;color: #fff ;padding: 0 20px;}*/
.menuright li.signup > a:hover{border-bottom:none}

.mobilenav {
    background-color: #3a4350;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    display:none;
}
.mobilenav ul{margin:100px 0 0 0; padding:0; list-style:none;}
.mobilenav li{text-align:center; padding:10px 0; margin:0;}
.mobilenav li a{padding:20px; display:block;color:#fff;}
.mobilenav li a:hover,.mobilenav li.active a{background-color:#4a525e; color:#fff;}

.page-title{text-align:center; font-size:2.5em; letter-spacing:0.2em; padding:0 0 40px;font-family: 'proxima_nova_rgregular'; font-weight: bold;
    text-transform: uppercase;}
.creeds section.content .page-title{padding-bottom:20px;}
.helplist{list-style:none; margin:0; padding:0;}
.helplist li{border-bottom:2px solid #2b3543; padding:60px 20px;}
.helplist li:last-child{border-bottom:none;}
.helplist li h2{color:#79c358; margin-bottom:25px}
.helplist li p{font-size: 1.2em; margin-bottom:20px;}

.faq{list-style:none; margin:0 0 50px; padding:0;border-top:5px solid #79c358;}
.faq li{border-bottom:5px solid #79c358; padding:40px 20px;}
.faq li h2{color:#79c358; margin:0; padding:0; cursor:pointer}
.faq li p{font-size: 1.2em; margin-bottom:20px;}
.faq li h2 + div{padding-top:30px; display:none}


footer{background-color:#2b3543; padding:125px 0; color:#8c8c8c;}
footer h2{color:#fff; margin:0; padding:0 0 30px;}
footer p{margin-bottom:20px}
footer div.footersocial a{margin-right:5px; border-radius: 5px;}
footer .btn-social-icon{width:48px; height:48px; border-radius:0; border:none;}
footer .btn-social-icon > *:first-child{line-height:48px; font-size:2em;}
footer ul{list-style:none; margin:0; padding:0;}
footer li{padding:0 0 15px 0;}
footer li a{color:#79c358; text-transform: uppercase; letter-spacing: 0.06em; font-size: 14px;}
footer li a:hover{color:#fff;}

/*Adminlte overright*/
.btn-primary {
    background-color: #79c358;
    border-color: #79c358;
    text-transform:uppercase;
    letter-spacing:0.08em;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #231F20;
}
.btn-primary:focus, .btn-primary.focus {
    background-color: #231F20;
    border-color: #231F20;
    color: #fff;
}
.btn-border {
    background-color: #fff;
    border:3px solid #79c358;
    border-radius:0;
    color: #79c358;
    line-height:41px;
    padding:0 20px;
    font-size:1.2em;
    letter-spacing:0.2em;	
    font-family:'proxima_nova_rgregular';
}
.btn-border:hover,.btn-border:focus{
    border-color:#231F20;
    color:#231F20;
}
.box{border-radius:0; margin-bottom:35px;}
.box-header.with-border {
    border-bottom: 1px solid #cdcdcd;
}
.box-header {
    padding:10px 20px;
}
body.modal-open .wrapper{
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}


/*end*/

/*Contact Page*/
.site-contact input[type="text"],.site-contact select{border-radius:5px; border:2px solid #8c8c8c; height:40px; line-height:40px;}
.site-contact textarea{ min-height:178px;border-radius:5px; border:2px solid #8c8c8c;}
input[type=checkbox].css-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}
.site-contact input[type=checkbox].css-checkbox + label.css-label {
    padding-left:42px;
    padding-top:4px;
    height:28px;	
    display:inline-block;	
    background-repeat:no-repeat;
    background-position: 0 0;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    cursor:pointer;
}
.site-contact input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -28px;
}
.site-contact label.css-label {
    background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b416f993494b8f56b734af104af7adf8.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.site-contact .btn-primary{padding:5px 30px}
/*About*/
p.txtdesc {
	font-size: 17px;
    color: #666;
    line-height: 1.4em;
}
.txtdesc {
	font-size: 17px;
    color: #666;
    line-height: 1.4em;
}
.no-margin {
	margin: 0 !important!;
}
.subtitle{
	font-size:1.4em;
	color:#8c8c8c;
    line-height: 1.4em;
	font-family: proxima_nova_rgregular;
}
.rezzap-lists li {
	font-size: 17px;
    color: #666;
    line-height: 1.4em;
}

.innerbanner {clear: both;float: left;margin-top: -120px;position: relative;width: 100%;}
.innerbanner img{width:100%;}
.bannercaption {bottom: 0;margin: auto;position: absolute;top: 0;vertical-align: middle; width:100%;}
.bannerWrap {display: table;height: 100%;margin: auto;vertical-align: middle;text-align:center}
.bannercaption p{font-size:5em; line-height:80px; margin-bottom:27px; color:#fff; font-family: proxima_nova_rgregular;}
.bannercaption .btn{background-color:transparent}

.footercta{background-color:#79c358; padding:40px 20px; color:#fff; text-align:center}
.footercta p{font-size:2.2em; display:inline-block; margin:0; vertical-align:middle;}
.footercta .btn.btn-rounded{background-color:#417505; border:none; border-radius:40px; margin-left:20px; line-height:56px; padding:0 40px; color:#fff; letter-spacing:0.2em; font-size:1.2em}
.footercta .btn.btn-rounded:hover,.footercta .btn.btn-rounded:focus{background-color:#231F20}

/*Home page*/
#homesliderwrapper {clear: both;float: left;margin-top: -150px;position: relative;width: 100%; text-align:center}
#homesliderwrapper .captionwrap {bottom: 0;left: 0; padding:0 20px; margin: 0 auto 190px;max-width: 1180px;position: absolute;right: 0;text-align: left;width: 100%;}
#homesliderwrapper .caption1 {clear: both;color: #fff;display: block;font-size:5em;line-height:80px;width:60%;padding-bottom:20px;font-family: proxima_nova_rgregular;}
#homesliderwrapper .caption2 {color: #fff;position: relative;}
.owl-theme .owl-controls{position:absolute; bottom:20px; left:0;right:0;}
.owl-theme .owl-controls .owl-page span{border:2px solid #fff; width:18px; height:18px; background-color:transparent; opacity:1}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#b4918a;}
#homesliderwrapper .caption2 .smallcaption {font-size:2em; margin-bottom:40px; }
/*#homesliderwrapper .caption2 .btn{background-color:transparent;text-transform:uppercase}*/


/*======== Signup page =========*/
.cl{ clear:both;}
.close{ display:none;}
.modal-header{ border:none;}
#form-signup-popup{margin-top: 20px; float:left; width:100%;}
.signup-from{ width:100%; margin:0; padding:0;}
.signup-from p{ text-align:center; font-size:14px; margin-top: 20px;}
.signup-from p.smtex{ text-align:center; font-size:12px; color:#6c6c71; margin-bottom:50px; letter-spacing:0.1em}
.signup-from a{ color:#79c358; text-decoration:none;}
.signup-from ul{ margin:0 -15px; padding:0; list-style-type:none;}
.signup-from ul li{width:50%; padding:0 15px; float:left; margin-bottom:0px;}
.signup-from ul li input{ width:100%; padding:5px 10px; height:44px; border:2px solid #8c8c8c; border-radius:4px; background:#fff;}
.signup-from ul li select{ width:100%; padding:5px 10px; height:44px; border:2px solid #8c8c8c; border-radius:4px; background: url(../images/select-arrow.png) right center no-repeat #fff; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; cursor:pointer;}
.signup-from ul li select option{background:#fff; padding:13px 5px; border-bottom:1px solid #8c8c8c; }
.signup-from ul li input[type="submit"]{width:100%; padding:5px 10px; height:44px; border:0; border-radius:4px; color:#fff; text-transform:uppercase; font:18px/30px Arial, Helvetica, sans-serif; text-align:center; background:#79c358;}
.w100{ width:100% !important;}
.w20{ width:20% !important;}
.gnd{margin:0px auto; text-align:center}
.gnd p{ float:left; line-height:35px; margin-right:10px;}
.gnd ul{margin:0; padding:0; list-style-type:none;}
.gnd ul li{ width:33%; margin:0; padding:0; float:left; text-align:right; line-height:35px; padding-right:20px;}
.w33{ width:33.3% !important;}
.pad60{ padding:0 0 0 60px !important;}
.mt10{margin-top:10px;}
.signup{padding:0 120px;}
.signup .tag{  font: 2.4em proxima_nova_rgregular;
    letter-spacing: 0.2em;
    margin: 20px 0 0;
    text-align: center !important;}
.tagcenter{ float:none !important; margin:0px auto !important; clear:both !important; text-align:center;}
.signup-from label{margin-right:20px;}
input[type=radio].css-checkbox{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].css-checkbox + label.css-label{padding-left:40px; height:36px; display:inline-block; line-height:36px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
input[type=radio].css-checkbox:checked + label.css-label{background-position: 0 -36px;}
label.css-label{ font-weight:normal;background-image: url(../images/radio-btn.png);-webkit-touch-callout:none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none;}

/*================ Login page ===================== */
.close{ display:none;}
.modal-header{ border:none;}
.login-from{ width:100%; margin:0; padding:0 0px 30px;}
.login-from .tag {
    font: 2.4em proxima_nova_rgregular;
    letter-spacing: 0.2em;
    margin: 20px 0 0;
    text-align: center !important;
}
.login-pad .modal-body{padding-top:0}
.login-from .modal-dialog{ width:533px;}
.login-from .btn-social.btn-lg > *:first-child{font-size:25px;}
.login-pad{ padding:0 60px; border:1px solid #f0f0f0;}
.social-auth-links p{ background:url(../images/line-bg.jpg) center repeat-x; height:37px; display:block; line-height:37px;}
.social-auth-links span{ background:#fff;  padding:0 10px; font:2em/1em proxima_nova_rgregular; font-weight:normal;}
.login-from p{ text-align:center; font-size:1em;  margin-top:20px;}
.login-from a{ color:#8c8c8c; text-decoration: underline;}
.login-from ul{ margin:0 -15px; padding:0; list-style-type:none;}
.login-from ul li{width:100%; padding:0 15px; float:left; margin-bottom:0;}
.login-from ul li input{ width:100%; padding:5px 10px; height:44px; border:2px solid #8c8c8c; border-radius:6px; background:#fff;}
.submit{width:165px;margin:0px auto; margin-top:20px;}
.social-auth-links a{ color:#fff; padding-bottom:8px; padding-top:8px; text-decoration:none;}
input[type="submit"], input[type="button"]{width:100%; padding:7px 10px;  height:34px; border:0; border-radius:4px; color:#fff; text-transform:uppercase;  font-family: 'proxima_novasemibold'; font-size:16px; text-align:center; background:#79c358; letter-spacing:0.2em}
.social-auth-links .btn-google{margin-top: 20px;}
.forgetpasspopup .modal-body {padding-bottom:50px;}
.loginpopup .modal-body{padding-bottom:40px;}
.forgetpasspopup h4.tag{letter-spacing:0.1em;}
/*================ Sign Up / Login ===================== */

.signup-from .help-block.help-block-error{margin: 0; text-align: left;}
.login-from ul li{ position:relative;}
.login-from .help-block.help-block-error{ text-align:left; margin:0}
.css-label .form-group{ float:left; margin-top:-3px;}
.activity-details .form-group select{background:#fff; border:2px solid #8c8c8c; border-radius:4px; height:44px; margin-bottom:50px; padding:5px 10px; width:100%;}
.activity-details .form-group select option{padding:5px;}

ul.cat_list li.custom_cat label, ul.cat_list li.new_cat label{max-width:70%;}
.add-item, .edit-item, .save-item, .delete-item{color:#414141; /*padding:10px;*/ text-decoration:underline;}
.add-item:hover, .edit-item:hover, .save-item:hover, .add-item:focus, .edit-item:focus, .save-item:focus{color:#000; text-decoration:underline;}
.css-label input{ margin-bottom:0 !important;}
.css-label .help-block{ font-size:0.9em}
#forgot-pass-model{font-size:18px; color:#000;}
.login-pad .social-auth-links .btn-social {padding-left: 45px; text-align:center; font-size:18px; border-radius:6px;}
.signup-from .genger{color: #000;font-size: 18px; letter-spacing:0.1em}
.signup-from .formtxtbtm{color:#000; font-size:16px; letter-spacing:0.1em; margin:40px 0 20px;}
/*Profile Page*/
.profileSidebar {background-color:#cdd1db;float: left;width: 33%;padding:30px;}
.profileSidebar:before{position:absolute; z-index:0; background:#cdd1db; width:33%; height:100%; content:''; top:0; left:0;}
.profile-edit{position:relative; z-index:1;}
.Profilecontent {float: left;width: 67%;}
.box-header h3.box-title {font-size: 1.1em;;color: #384555; font-family: 'proxima_nova_rgregular'; letter-spacing:0.1em; font-weight: bold;}
.smallfont{font-size:0.9em; letter-spacing:0.03em;}
.lightfont{color:#8c8c8c; font-family:"proxima_nova_rgregular";}
.box-header .pull-right a:hover{background-color:transparent !important;}
.inputbdr{border:none; border-bottom:1px solid #4a5667; width:95%; }
.box .box-body{padding:20px;}
.mysupporticon .fa{font-size:0.4em; margin:0 2px; line-height:normal; color:#979797}
.box2{padding-bottom:10px;}
.colleft{width:35%; display:inline-block; float:left; text-align:right; padding-right:15px;}
.colright{width:65%; display:inline-block; overflow:hidden}
#pjax-profile .colleft{width: 40%}
#pjax-profile .colright{width: 60%}
.profile-view .colright{color: #384555; font-family: 'proxima_nova_rgregular'; letter-spacing:0.1em; font-weight: bold;}
.users-list > li {width:65px;}
.users-list li  a{position:relative; display:block;}
.users-list li  a .removeuser{ width:100%; height:100%; background-color:rgba(255,255,255,0.85); position:absolute;border-radius: 50%; border:1px solid #676b73; color:#2b3543;  display:none}
.users-list li  a:hover .removeuser{display:block}
.users-list li  a .removeuser .fa{top:30%; position:relative; font-size:1.4em}
.users-list li  a .adduser{ width:100%; height:100%; background-color:#b2bccb; position:absolute;border-radius: 50%; border:1px solid #676b73; color:#2b3543; }
.users-list li  a .adduser .fa{top:30%; position:relative; font-size:1.4em}

.myGrouplist{list-style:none;margin:5px 0 0 0; padding:0;}
.myGrouplist li{border:1px solid #cdcdcd; margin-bottom:22px; padding:10px;}
.myGrouplist li:last-child{margin-bottom:5px;}
.myGrouplist > li::before, .myGrouplist > li::after {content: " "; display: table;}
.myGrouplist > li::after {clear: both;}
.myGrouplist li .groupImg {float: left;width:80px;text-align:center}
.groupImg > img {max-height: 60px;}
.myGrouplist li .group-info{margin-left: 90px;position:relative;padding-right:60px;padding-top:15px; color:#384555; font-size:15px;  font-family: 'proxima_nova_rgregular'; font-weight: bold;}
.dateJoin{font-size:smaller; display:block}
.myGrouplist li .group-info .deleteGroup{
    position:absolute;width:48px; height:48px; background-color:#b2bccb; border-radius: 50%; border:1px solid #676b73; color:#2b3543; right:0px; top:5px; bottom:0; margin:auto; text-align:center
}
.myGrouplist li .group-info .deleteGroup .fa{ font-size:1.4em; line-height:48px ; color:#fff}
.myGrouplist li.add-new-group .groupImg{padding:5px 0}
.myGrouplist.editmode li .group-info{padding-top:10px}
.myGrouplist.editmode li.add-new-group .group-info {padding-top:10px; padding-bottom:10px}
/*.myGrouplist.editmode li.add-new-group input{margin-bottom:10px}*/
.myGrouplist.editmode li.add-new-group .groupImg {padding: 15px 0;}
.myGrouplist li.add-new-group .group-info .deleteGroup .fa{  color:#000}
.myprofileImg{width:154px; margin:0 auto; position:relative} 
.myprofileImg .editproimg{display:none;background-color: rgba(255, 255, 255, 0.85);border: 1px solid #676b73;border-radius: 50%;color: #2b3543; height: 100%;position: absolute;width: 100%; line-height:152px;}
.myprofileImg a:hover .editproimg{display:block;}
.myprofileImg img{border-radius:50%; border:5px solid #fff;}
.profiletitle{color:#2b3543; font-size:1.6em; letter-spacing:0.04em; position:relative; font-family: 'proxima_nova_rgregular'; margin:20px 0 0 0; font-weight: bold;}
.inputbdr.status {
    color: #8c8c8c;
 }
.profileSubtitle{color:#8c8c8c;font-size:1.2em; letter-spacing:0.04em ; position:relative; font-family: 'proxima_nova_rgregular';}
.myWheelbox{border:1px solid #cdcdcd; margin-bottom:50px;}
.divTitle {letter-spacing: 0.06em;}
.myWheelbox .divTitle{background-color:#2b3543; color:#fff; border-bottom:1px solid #cdcdcd; padding:20px 30px; font-size:1.3em; font-weight:bold;}
.myWheelbox .divCont{background-color:#fbfbfc; padding:0 0;}
.myWheelbox .divTitle .addcategorylnk, .timelinebox .divTitle .addcategorylnk{color:#79c358;}
.myWheelbox .divTitle .addcategorylnk .glyphicon, .timelinebox .divTitle .addcategorylnk .glyphicon{ color: #79c358;font-size: 1.4em;margin-right: 2px;vertical-align: top;}
.myWheelbox .divTitle .addcategorylnk, .timelinebox .divTitle .addcategorylnk:hover{color:#79c358;}
.mywheelcolors{font-size:1.2em; /*margin-top:100px;*/}
.mywheelcolors .fa{font-size:1.8em;vertical-align: top;}
.mywheelcolors .fa.bg-award{color:#b8e986;}
.mywheelcolors .fa.bg-lifeguard{color:#575f6a;}
.mywheelcolors .fa.bg-edu{color:#417505;}
.mywheelcolors .fa.bg-arts{color:#6d83a2;}
.mywheelcolors .fa.bg-sports{color:#79c358;}
.mywheelcolors .fa.bg-theater{color:#476289;}
.mywheelcolors .fa.bg-science{color:#2c4510;}
.mywheelcolors .col-md-6.mb20{padding-left:0; /*line-height:42px;*/}

.timeline::before{background:#979797 }
.timelinebox{border:1px solid #cdcdcd; margin-bottom:40px;}
.timelinebox .divTitle{background-color:#2b3543; color:#fff; border-bottom:1px solid #cdcdcd; padding:20px 30px; font-size:1.3em; font-weight:bold;}
.timelinebox .divCont{background-color:#fbfbfc; padding:30px;}
.timeline {margin-left:40px; padding-bottom:20px;}
.timeline > .time-label > .timestap {float: left;font-family: "proxima_novalight";font-size: 17px;margin-left: -150px;margin-top: -20px;   min-width: 150px; position: relative;text-align: right;top: 55px;}
.timeline > .time-label > .timestap .timeday {color: #414042;font-family: "proxima_nova_rgregular";font-size: 21px;}
.timeline > li > .timeline-item{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);margin-top: -6px;}
.timeline > li > .timeline-item.noshadow{box-shadow:none; background-color:transparent}
.userpostname{color:#000; font-size:1.4em; letter-spacing:0.05em; padding-right: 55px; float: left; /*word-break:break-all;*/}
.userpostname a, .hotlink a{color:#000; }
.hotlink a:hover{color:#8dd62b;}
.timeline::before{top:30px;}
.supportcount{color:#000; font-size:1em; font-weight: bold; }
.box-comments .box-comment img{width:48px !important; height:48px !important;}
.box-comments .comment-text {color: #8c8c8c !important;margin-left: 60px !important;}
.box-comments {background: #fff none repeat scroll 0 0; padding:0;}
.box-comments .box-comment {background: #f3f3f3 none repeat scroll 0 0;border-bottom: 1px solid #eee;padding:15px;letter-spacing:0.04em;}
.box-comments .box-comment.bg-white{background:#fff;}
.box-comments .box-comment:first-of-type {padding-top:15px;}
.box-comments .username{font-weight:bold; font-size:1em; }
.comment-text .timetxt{font-size:0.8em}
.comment-text .deleteico{font-size:1.8em}
.box-tools .deleteico{font-size:1.8em}
.smallbullet{color:#8c8c8c; padding:0 5px;}
.timeline > li > .timeline-item.noshadow > .timeline-header {font-family:"proxima_nova_rgregular"; font-size:1.2em;}
.timeline-item .box-body{letter-spacing:0.04em}
.timeline .fa.bg-award{border:4px solid #b8e986; background-color:#fff;}
.timeline .fa.bg-lifeguard{border:4px solid #575f6a; background-color:#fff;}
.timeline .fa.bg-edu{border:4px solid #417505; background-color:#fff;}
.timeline .fa.bg-arts{border:4px solid #6d83a2; background-color:#fff;}
.timeline .fa.bg-sports{border:4px solid #79c358; background-color:#fff;}
.timeline .fa.bg-theater{border:4px solid #476289; background-color:#fff;}
.timeline .fa.bg-science{border:4px solid #2c4510; background-color:#fff;}
.timelinepostimg{position:relative;}
.timelinepostimg .jp-audio{margin-bottom:10px;}
.timelinepostimg p{padding-right:40px; word-wrap:break-word;}
.editimgpost{color:#888; font-size:1.4em;}
.editimgpost:hover{color:#000;}
.edit-other-post{position:absolute;right:0px; top:0px; color:#888; font-size:1.4em;}


/*.mywheelchart .highcharts-title{margin-left: 5px !important; margin-top: -16px !important;}*/

.content_slider_wrapper h3{font-size:2.4em;}
.content_slider_wrapper .txtdesc{font-size:1.6em; line-height:normal; margin-bottom:25px;}
body.consumerpage .content-wrapper.creeds{background-color:#f7f8f8; clear:both}


.fileinput-remove{ margin:10px 0; padding:6px 12px !important;}
.file-preview{margin-right:20px; }
.activity-details .form-group select, .activity-details input{margin-bottom:0px !important;}
.file-preview-frame{ border:none; box-shadow:none;}
.colright select{background:#fff; border:1px solid #8c8c8c; border-radius:4px; height:30px; padding:4px;}
.form-group{ margin-bottom:20px;}


/* loader */
.cssload-container {
	width: 100%;
	height: 56px;
	text-align: center;
}

.cssload-speeding-wheel {
	width: 56px;
	height: 56px;
	margin: 0 auto;
	border: 3px solid rgb(108,181,24);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 400ms infinite linear;
		-o-animation: cssload-spin 400ms infinite linear;
		-ms-animation: cssload-spin 400ms infinite linear;
		-webkit-animation: cssload-spin 400ms infinite linear;
		-moz-animation: cssload-spin 400ms infinite linear;
}

.content-wrapper.whoweare section.content{padding-top:0;}
.content-wrapper.whoweare{margin-bottom:50px;}
.contformtitle{font-size:1.4em}
input.css-checkbox[type="checkbox"] + label.css-label.contformlabel{font-size:1.2em; padding-top:0;}
.btn.contsubmit{font-size:16px;}
.pagecont h2{color:#79c358;}
.pagecont p{font-size: 1.2em; margin-bottom: 20px;}
@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

#data-addinterest .help-block{
    margin-top:0px !important;
}

#frm-edit-profile .help-block{
    margin-top:0px !important;
}
.changepass_open,#show-full-edit, #switch-view a, a#show-full-profile,.interest .updatemode a{
    font-family: 'proxima_novasemibold';
}
.signup-from ul li.titlecenter {
    font-size: 20px;
}
.mywheelcolors a,a.support-activity,a.show-post-comment,a.share-event {
	font-family: 'proxima_nova_rgregular';
	font-weight: bold;
}
.btn-thin{width:100%; padding:7px 10px;  height:34px; border:0; border-radius:4px; color:#fff; text-transform:uppercase;  font-family: 'proxima_novasemibold'; font-size:16px; text-align:center; background:#79c358; letter-spacing:0.2em}

.timeline-filter i {
	float: left;
	width: 30px;
	text-align: right;
}
.timeline-filter span {
	float: left;
    width: calc( 100% - 40px );
    margin-top: 5px;
    margin-left: 10px;
}

/*#reset_activity_filter{
    color:#8dd62b;
    float: right;
    margin-bottom: 10px;
    margin-right: 20px;
}*/
#pjax-timeline{position: relative;}
#pjax-timeline .loader-contener{width: 100%;}
#pjax-timeline .loader-contener .cssload-container{height: auto; top:9px !important;}
.clearboth{clear:both}

.mysupports a{
    font-weight:bold;
    font-size:1em;
}
.add-new-group #interests-url,#interests-title { font-size: 11px; }
#frm-activity .typ-3  .help-block{  font-size: 12px; text-align: center !important }

.well button.closepopup{background: url(../images/close-icon.png) no-repeat 0 0; width: 24px; height: 24px; float: left; position: absolute; top:-10px; right:-10px; border-radius: 0; margin: 0; padding: 0; border: none;}

.menuright li {
	position: relative;
}
.menuright li:hover a,
.menuright li:focus a {
    color: #79c358;
}
.menuright li a {
	transition: color 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.menuright li a::before,
.menuright li.active a::before,
.menuright li.signup a::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 80%;
    left: 0;
    bottom: 6px;
    transform-origin: 0% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    background: #231f20;
	box-shadow: 0 0 16px 5px rgba(0,0,0,.2);
    border-radius: 3px;
}
.menuright li.active a {
    color: #79c358;
}
.menuright li.signup a::before {
	background: #79c358;
}
.menuright li.signup a {
	color: #fff;
}
.menuright li a::before {
	transform: scale3d(0,1,1);
}
.menuright li.active a::before,
.menuright li:hover a::before,
.menuright li:focus a::before,
.menuright li.signup a::before {
    transform: scale3d(1,1,1);
}
.menuright li:last-child a::before,
.menuright li.active:last-child a::before {
	width: calc(100% + 20px);
}
.menuright li.signup:hover a::before {
	background: #231f20;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
}
.rezzap-btn[button=rezzap] {
	background-color: #79c358;
    border: none;
    min-width: 6.6667rem;
    touch-action: manipulation;
    padding: 11px 32px;
    font-size: 14px;
    line-height: 1.34;
	text-transform: capitalize;
	color: #fff !important;
	border-radius: 2px;
	letter-spacing: 0.06em;
	font-family: 'proxima_novasemibold';
	height: auto;
}
.rezzap-btn[button=rezzap]:hover {
	background-color: #6EB250;
}
.rezzap-btn.btn-border[button=rezzap] {
	line-height: 41px;
    font-size: 1.2em;
}
.logo .rezzap-tagline {
	color: #79c358;
	display: block;
	letter-spacing: 0.5px;
	font-size: 24px;
    font-weight: bold;
}
#slider1.content_slider_wrapper .circle_slider {
	display: none !important;
}

@media screen and (max-width: 767px) {
	header.topheader {
		position: relative;
	}
	.logo {
		position: relative;
		padding-bottom: 10px !important;
		width: calc(90% - 28px);
	}
	.mobilerightmenu {
		position: absolute;
		right: 5%;
	}
}


#cards .card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  margin-bottom: 20px;
}

/* On mouse-over, add a deeper shadow */
#cards .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
#cards .card-container {
  padding: 2px 16px;
}

#cards .card img {
	height: 270px;
    display: block;
    margin: 0 auto;
}

#cards .follow-container {
	border: 2px solid;
    width: max-content;
    padding: 5px 20px;
    margin-bottom: 15px;
}
#cards .follow-container a {
	color: #fff;
}

/* the spin */
/* ======== */
#site-the-spin .search-supporter {
	text-align: center;
}
#site-the-spin .search-supporter .input-group {
    margin: auto;
}
#site-the-spin .search-supporter .input-group #search-spin {
	/*width: 200px;*/
	font-size: 18px;
    height: 35px;
	text-align: center;
}
#site-the-spin .search-supporter .input-group div {
	margin-top: 30px;
}
#site-the-spin .search-supporter .input-group .filter-spin,
#site-the-spin .search-supporter .input-group .filter-spin-all {
	margin-left: 5px;
    padding: 5px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#site-the-spin .search-supporter .input-group .filter-spin i {
	background-image: url(../images/following.png);
	background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
	margin-right: 4px;
	margin-bottom: -1px;
}
#site-the-spin .search-result {
	clear: both;
    padding-top: 15px;
}
#site-the-spin .search-result ul {
	padding-left: 0;
}
#site-the-spin .search-result .support-result {
    margin: 0;
    padding: 10px 0 15px;
    list-style: none;
    /*height: 100px;*/
    margin-top: 5px;
    width: 24%;
    display: inline-grid;
	/*border: 1px solid #ccc;*/
	background: #cdd1db;
}
#site-the-spin .search-result .support {
    position: relative;
    width: 60px;
	margin: auto 10px;
	cursor: pointer;
}
#site-the-spin .my-support-profile-image {
    border-radius: 50%;
    max-width: 100%;
    height: 45px;
    width: 45px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #f7f7f7;
}
#site-the-spin #request-by {
    /*width: 100%;*/
    position: relative;
    text-align: left;
    margin: auto 10px;
    color: #384555;
    letter-spacing: 0.1em;
    font-weight: bold;
	height: 70px;
    position: relative;
}
#site-the-spin #request-by .account-type {
	color: #79c358;
}
#site-the-spin #request-by .following {
	float: right;
	/*border: 2px solid;*/
    width: max-content;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
}
#site-the-spin #request-by .rezzap-btn[button=rezzap] {
	background: #bbb;
	position: absolute;
    bottom: 0px !important;
    right: 0;
}
#site-the-spin #request-by .rezzap-btn.active[button=rezzap] {
	background: #79c358;
}
#site-the-spin #request-by .following i {
	background-image: url(../images/follow.png);
	background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    width: 10px;
	margin-right: 4px;
	margin-bottom: -1px;
}
#site-the-spin #request-by .following.active i {
	background-image: url(../images/following.png);
}
#site-the-spin #request-by .following span {
	color: #7f7f7f;
}
#site-the-spin #request-by .following.active span {
	color: #ffffff;
}
@media only screen and (max-width: 1280px){
	#site-the-spin .search-result .support-result {
		width: 32%;
	}
}
@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px){
	#site-the-spin .search-result .support-result {
		width: 100%;
	}
}

.box-body .myGrouplist {
    height: 250px;
    overflow: auto;
}
.custom-blackIcons{
    color: #B1BACA;
    opacity: 0.5;
    font-size: 40px;
}
.custom-blackIcons.active{
    opacity: 1;
}

.custom-blackIcons:hover{
    opacity: 1;
}
.relativeClass {
    position: relative;
}
.custom-blackIcons .badgeInsideIcon{
    position: absolute;
    font-size: 10px;
    top: -6px;
    left: 23px;

} 

.linkViewer {
    position: absolute;
    top: 13px;
    right: 18px;
}