.smart-forms .field,
.smart-forms .tagline span {
    display: inline-block;
    position: relative
}

.smart-forms .button,
.ui-datepicker-buttonpane button {
    -webkit-user-drag: none;
    text-shadow: 0 1px rgba(255, 255, 255, .2)
}

.smart-forms,
.smart-forms * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.newtooltipbg {
    background: #333
}

.smart-forms {
    line-height: 1.231;
    font-weight: 400;
    font-size: 14px;
    color: #626262
}

.smart-container {
    background: #fff;
    margin: 15px auto
}

.wrap-0 {
    max-width: 952px
}

.wrap-1 {
    max-width: 852px
}

.wrap-2 {
    max-width: 652px
}

.wrap-3 {
    max-width: 452px
}

.smart-forms .section {
    margin-bottom: 15px
}

.smart-forms .smart-link {
    color: #0055a5;
    text-decoration: none
}

.smart-forms .smart-link:hover {
    text-decoration: underline
}

.smart-forms .tagline {
    height: 0;
    border-top: 1px solid #cfcfcf;
    text-align: center
}

.smart-forms .tagline span {
    text-transform: uppercase;
    padding: 0 15px;
    background: #fff;
    color: #0055a5;
    top: -10px
}

.smart-forms .field-icon i {
    color: #BBB;
    position: relative
}

.smart-forms .field-label {
    display: block;
    margin-bottom: 7px
}

.smart-forms .field-label.colm {
    padding-top: 12px
}

.smart-forms .field-label em {
    color: #e74c3c;
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 3px
}

.smart-forms .form-header {
    overflow: hidden;
    position: relative;
    padding: 25px 30px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.smart-forms .form-header h4 {
    text-align: left;
    font-weight: 300;
    font-size: 32px;
    padding: 0;
    margin: 0
}

.smart-forms .form-header h4 i {
    font-size: 38px;
    position: relative;
    margin-right: 10px;
    top: 2px
}

.smart-forms .header-primary {
    background-color: #0055a5;
    border-top: 1px solid #a7d065;
    border-bottom: 5px solid #3c9b39
}

.smart-forms .header-lite {
    background: #f3f5fa;
    border-top: 1px solid #a7d065;
    border-bottom: 1px solid #d9dde5
}

.smart-forms .header-lite:before {
    content: "";
    background-color: #0055a5;
    position: absolute;
    height: 8px;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0
}

.smart-forms .header-primary h4 {
    color: #fff
}

.smart-forms .header-lite h4 {
    color: #5d6a87;
    padding-top: 5px
}

.smart-flat,
.smart-flat .form-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.smart-forms .form-body {
    padding: 40px 30px 20px
}

.smart-forms .form-footer {
    overflow: hidden;
    padding: 25px 25px 20px;
    background: url(../images/foobg.png) top left repeat-x #f5f5f5
}

.smart-forms input[type=search] {
    -webkit-appearance: textfield
}

.smart-forms::-webkit-search-cancel-button,
.smart-forms::-webkit-search-decoration {
    -webkit-appearance: none
}

.smart-forms input:invalid {
    -moz-box-shadow: none;
    box-shadow: none
}

.smart-forms input::-webkit-input-placeholder,
.smart-forms textarea::-webkit-input-placeholder {
    color: #aaa
}

.smart-forms input:focus::-webkit-input-placeholder,
.smart-forms textarea:focus::-webkit-input-placeholder {
    color: #d6dbe0
}

.smart-forms input:-moz-placeholder,
.smart-forms textarea:-moz-placeholder {
    color: #aaa
}

.smart-forms input:focus:-moz-placeholder,
.smart-forms textarea:focus:-moz-placeholder {
    color: #d6dbe0
}

.smart-forms input::-moz-placeholder,
.smart-forms textarea::-moz-placeholder {
    color: #aaa;
    opacity: 1
}

.smart-forms input:focus::-moz-placeholder,
.smart-forms textarea:focus::-moz-placeholder {
    color: #d6dbe0;
    opacity: 1
}

.smart-forms input:-ms-input-placeholder,
.smart-forms textarea:-ms-input-placeholder {
    color: #aaa
}

.smart-forms input:focus:-ms-input-placeholder,
.smart-forms textarea:focus:-ms-input-placeholder {
    color: #d6dbe0
}

.smart-forms button,
.smart-forms input,
.smart-forms label,
.smart-forms select,
.smart-forms textarea {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    outline: 0
}

.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select-multiple select,
.smart-forms .select>select,
.smart-forms input[type=button],
.smart-forms input[type=submit],
.smart-forms input[type=search] {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.smart-forms input[type=search]::-webkit-search-cancel-button,
.smart-forms input[type=search]::-webkit-search-decoration,
.smart-forms input[type=search]::-webkit-search-results-button,
.smart-forms input[type=search]::-webkit-search-results-decoration {
    display: none
}

.smart-forms .field-label,
.smart-forms .option,
.smart-forms .switch {
    font-size: 14px
}

.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .radio,
.smart-forms .select .arrow,
.smart-forms .switch>label,
.smart-forms .ui-slider .ui-slider-handle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .notification,
.smart-forms .radio,
.smart-forms .select-multiple select,
.smart-forms .select>select,
.smart-forms .tooltip {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: 0
}

.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select,
.smart-forms .select-multiple select,
.smart-forms .select>select {
    background: #fff;
    position: relative;
    vertical-align: top;
    border: 1px solid #d3d1d2;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: 0;
    height: 36px;
    width: 100%;
    border-radius: 3px
}

.smart-forms .gui-input,
.smart-forms .gui-textarea {
    padding: 2px 7px
}

.smart-forms .gui-textarea {
    resize: none;
    line-height: 19px;
    overflow: auto;
    max-width: 100%;
    height: 96px
}

.smart-forms .input-hint {
    padding: 10px;
    display: block;
    margin-top: -1px;
    line-height: 16px;
    position: relative;
    background: #f5f5f5;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 11px;
    color: #999
}

.smart-forms .select {
    border: 0;
    z-index: 10
}

.smart-forms .select>select {
    display: block;
    padding: 9px 10px;
    color: #626262;
    background: #f5f5f5;
    border: 1px solid #cfcfcf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
    outline: 0;
    text-indent: .01px;
    text-overflow: '';
    z-index: 10;
    margin: 0
}

.smart-forms .select>select::-ms-expand {
    display: none
}

.smart-forms .select .arrow {
    position: absolute;
    top: 9px;
    right: 4px;
    width: 24px;
    height: 24px;
    color: #9f9f9f;
    pointer-events: none;
    z-index: 16
}

.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
    content: '';
    position: absolute;
    font: 12px Consolas, monospace;
    font-style: normal;
    pointer-events: none;
    display: none\9;
    left: 5px
}

.smart-forms .select .arrow:before {
    content: '\25BC';
    bottom: 4px
}

.smart-forms .select .double:after {
    content: '\25B2';
    top: -1px
}

.smart-forms .select .double:before {
    content: '\25BC';
    bottom: -1px
}

.smart-forms .select-multiple select {
    width: 100%;
    height: 123px;
    padding: 10px
}

.smart-forms .file {
    display: block;
    width: 100%
}

.smart-forms .file .gui-file {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 8px 10px;
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 11;
    bottom: 0;
    right: 0
}

.smart-forms .file .button {
    float: none;
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 10
}

.smart-forms .file .gui-file:hover+.gui-input,
.smart-forms .gui-input:hover,
.smart-forms .gui-input:hover~.input-hint,
.smart-forms .gui-textarea:hover,
.smart-forms .gui-textarea:hover~.input-hint,
.smart-forms .select-multiple select:hover,
.smart-forms .select>select:hover {
    border-color: #0055a5
}

.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select-multiple select:focus,
.smart-forms .select>select:focus {
    color: #3c3c3c;
    background: #fff;
    border: 1px solid #0262bd;
    -webkit-box-shadow: 0 0 3px #0262bd inset;
    -moz-box-shadow: 0 0 3px #0262bd inset;
    -o-box-shadow: 0 0 3px #0262bd inset;
    box-shadow: 0 0 3px #0262bd inset;
    outline: 0
}

.smart-forms .gui-input:focus~.field-icon i,
.smart-forms .gui-textarea:focus~.field-icon i,
.smart-forms .select>select:focus+.arrow {
    color: #0055a5
}

.smart-forms .gui-textarea:focus {
    height: 120px
}

.smart-forms .select>select:focus {
    z-index: 10;
    z-index: 20\9
}

.smart-forms .file .gui-file:focus+.gui-input,
.smart-forms .gui-input:focus~.input-hint,
.smart-forms .gui-textarea:focus~.input-hint,
.smart-forms .select-multiple select:focus {
    border-color: #0055a5
}

.smart-forms .option {
    position: relative;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle
}

.smart-forms .option>input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0
}

.smart-forms .checkbox,
.smart-forms .radio {
    position: relative;
    margin-right: 2px;
    background: #fff;
    display: inline-block;
    border: 3px solid #d3d1d2;
    height: 21px;
    width: 21px;
    top: 4px
}

.smart-forms .checkbox:before,
.smart-forms .radio:before {
    content: '';
    display: none
}

.smart-forms input:checked+.checkbox:before,
.smart-forms input:checked+.radio:before {
    display: block
}

.smart-forms .checkbox:before {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 11px;
    height: 6px;
    border: solid #0055a5;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smart-forms input:checked+.checkbox,
.smart-forms input:checked+.radio {
    border: 3px solid #0055a5
}

.smart-forms input:focus+.checkbox,
.smart-forms input:focus+.checkbox:before,
.smart-forms input:focus+.radio,
.smart-forms input:hover+.checkbox,
.smart-forms input:hover+.radio {
    border-color: #0055a5
}

.smart-forms .radio {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.smart-forms .radio:before {
    margin: 4px;
    width: 7px;
    height: 7px;
    background: #0055a5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.smart-forms input:focus+.radio:before {
    background: #0055a5
}

.smart-forms .switch {
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
    height: 26px
}

.smart-forms .switch>label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    background: #d7d7d7;
    border: 2px solid #d7d7d7;
    text-transform: uppercase;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.smart-forms .switch>label+span {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: -7px
}

.smart-forms .switch>label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px
}

.smart-forms .switch>label:after {
    content: "";
    margin: 1px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff
}

.smart-forms .switch>input {
    -webkit-appearance: none;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    left: 0;
    top: 0
}

.smart-forms .switch>input:focus {
    outline: 0
}

.smart-forms .switch>input:focus+label {
    color: #fff;
    border-color: #c7c7c7;
    background: #c7c7c7
}

.smart-forms .switch>input:focus+label:after {
    background: #fff
}

.smart-forms .switch>input:checked+label {
    border-color: #0055a5;
    background: #0055a5;
    padding-left: 33px;
    color: #fff
}

.smart-forms .switch>input:checked+label:before {
    content: attr(data-on);
    left: 1px;
    top: 1px
}

.smart-forms .switch>input:checked+label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: #fff
}

.smart-forms .switch>input:checked:focus+label {
    background: #3c9b39;
    border-color: #3c9b39
}

.smart-forms .switch-round>label {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px
}

.smart-forms .switch-round>label+span {
    top: -2px
}

.smart-forms .switch-round>label:before {
    width: 33px
}

.smart-forms .switch-round>label:after {
    width: 19px;
    color: #d7d7d7;
    content: "\2022";
    font: 20px/20px Times, Serif;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px
}

.smart-forms .switch-round>input:checked+label {
    padding-left: 33px
}

.smart-forms .switch-round>input:checked+label:after {
    color: #0055a5
}

.smart-forms .button {
    border: 0;
    height: 42px;
    color: #243140;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    padding: 0 18px;
    text-align: center;
    vertical-align: top;
    background: #dbdbdb;
    display: inline-block
}

.smart-forms .button:hover {
    color: #243140;
    background: #e8e8e8
}

.smart-forms .button:active {
    color: #1d2938;
    background: #c4c4c4
}

.smart-forms a.button,
.smart-forms label.button,
.smart-forms span.button {
    line-height: 42px;
    text-decoration: none
}

.smart-forms .button i {
    font-size: 14px
}

.smart-forms .button-list .button {
    margin-bottom: 5px
}

.smart-forms .btn-rounded {
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px
}

.smart-forms .button-left,
.smart-forms .button-right {
    position: relative;
    z-index: 9
}

.smart-forms .button-left:before,
.smart-forms .button-right:before {
    content: '';
    z-index: -1;
    width: 32px;
    height: 32px;
    position: absolute;
    background-color: inherit;
    border: 0;
    top: 5px
}

.smart-forms .button-left {
    border-left-width: 0;
    padding: 0 18px 0 7px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin-left: 20px
}

.smart-forms .button-left:before {
    left: -15px;
    -webkit-border-radius: 2px 5px 0;
    -moz-border-radius: 2px 5px 0;
    -o-border-radius: 2px 5px 0;
    border-radius: 2px 5px 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smart-forms .button-right {
    padding: 0 7px 0 18px;
    border-right-width: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin-right: 20px
}

.smart-forms .button-right:before {
    right: -15px;
    -webkit-border-radius: 5px 2px 5px 0;
    -moz-border-radius: 5px 2px 5px 0;
    -o-border-radius: 5px 2px 5px 0;
    border-radius: 5px 2px 5px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.smart-forms .btn-pointed.button-left,
.smart-forms .btn-pointed.button-right {
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px
}

.smart-forms .btn-rounded.button-left {
    -webkit-border-radius: 0 22px 22px 0;
    -moz-border-radius: 0 22px 22px 0;
    -o-border-radius: 0 22px 22px 0;
    border-radius: 0 22px 22px 0
}

.smart-forms .btn-rounded.button-right {
    -webkit-border-radius: 22px 0 0 22px;
    -moz-border-radius: 22px 0 0 22px;
    -o-border-radius: 22px 0 0 22px;
    border-radius: 22px 0 0 22px
}

.smart-forms .pushed {
    -webkit-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
    position: relative
}

.smart-forms .pushed:active {
    -webkit-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
    top: 2px
}

.smart-forms .pushed.button-left:before {
    -webkit-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2)
}

.smart-forms .pushed:active.button-left:before {
    -webkit-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2)
}

.smart-forms .pushed.button-right:before {
    -webkit-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2)
}

.smart-forms .pushed:active.button-right:before {
    -webkit-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2)
}

.smart-forms .form-footer .button {
    margin-right: 10px;
    margin-bottom: 5px
}

.smart-forms .align-right .button {
    margin-right: 0;
    margin-left: 10px
}

.smart-forms .facebook,
.smart-forms .facebook:focus,
.smart-forms .facebook:hover,
.smart-forms .googleplus,
.smart-forms .googleplus:focus,
.smart-forms .googleplus:hover,
.smart-forms .twitter,
.smart-forms .twitter:focus,
.smart-forms .twitter:hover {
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, .08)
}

.smart-forms .facebook {
    background-color: #3b5998
}

.smart-forms .twitter {
    background-color: #00acee
}

.smart-forms .googleplus {
    background-color: #dd4b39
}

.smart-forms .facebook:focus,
.smart-forms .facebook:hover {
    background-color: #25385f
}

.smart-forms .twitter:focus,
.smart-forms .twitter:hover {
    background-color: #00749f
}

.smart-forms .googleplus:focus,
.smart-forms .googleplus:hover {
    background-color: #8d2418
}

.smart-forms .span-left {
    padding-left: 52px;
    text-align: left
}

.smart-forms .btn-social {
    position: relative;
    margin-bottom: 5px
}

.smart-forms .btn-social i {
    font-size: 22px;
    position: relative;
    top: 2px
}

.smart-forms .btn-social span {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 42px;
    left: 0
}

.smart-forms .twitter span {
    background-color: #009ad5
}

.smart-forms .facebook span {
    background-color: #31497d
}

.smart-forms .googleplus span {
    background-color: #c03121
}

.smart-forms .rating {
    overflow: hidden
}

.smart-forms .rating.block {
    display: block;
    margin: 10px 0
}

.smart-forms .rating label {
    color: #a2a6a8
}

.smart-forms .rating label i {
    font-size: 17px;
    text-align: center;
    color: inherit
}

.smart-forms .rating label span {
    font: 22px/22px Times, Serif
}

.smart-forms .rating-star {
    margin-left: 4px
}

.smart-forms .rating-input {
    position: absolute;
    left: -9999px;
    top: auto
}

.smart-forms .rating-input:checked~.rating-star,
.smart-forms .rating:hover .rating-star:hover,
.smart-forms .rating:hover .rating-star:hover~.rating-star {
    color: #0055a5
}

.smart-forms .rating-star,
.smart-forms .rating:hover .rating-star {
    width: 18px;
    float: right;
    display: block;
    cursor: pointer;
    color: #a2a6a8
}

.smart-forms .append-picker-icon,
.smart-forms .prepend-picker-icon,
.smart-forms .smart-widget {
    position: relative;
    display: block
}

.smart-forms .append-picker-icon input,
.smart-forms .prepend-picker-icon input,
.smart-forms .smart-widget .field input {
    width: 100%
}

.smart-forms .append-picker-icon button,
.smart-forms .prepend-picker-icon button,
.smart-forms .smart-widget .button {
    border: 1px solid #cfcfcf;
    background: #f5f5f5;
    position: absolute;
    cursor: pointer;
    color: #626262;
    height: 42px;
    top: 0
}

.smart-forms .tip-left:after,
.smart-forms .tip-right:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.smart-forms .append-picker-icon button,
.smart-forms .sm-right .button {
    border-left: 0;
    right: 0
}

.smart-forms .prepend-picker-icon button,
.smart-forms .sm-left .button {
    border-right: 0;
    left: 0
}

.smart-forms .prepend-picker-icon,
.smart-forms .sml-50 {
    padding-left: 50px
}

.smart-forms .prepend-picker-icon button,
.smart-forms .sml-50 .button {
    width: 50px
}

.smart-forms .sml-80 {
    padding-left: 80px
}

.smart-forms .sml-80 .button {
    width: 80px
}

.smart-forms .sml-120 {
    padding-left: 120px
}

.smart-forms .sml-120 .button {
    width: 120px
}

.smart-forms .append-picker-icon,
.smart-forms .smr-50 {
    padding-right: 50px
}

.smart-forms .append-picker-icon button,
.smart-forms .smr-50 .button {
    width: 50px
}

.smart-forms .smr-80 {
    padding-right: 80px
}

.smart-forms .smr-80 .button {
    width: 80px
}

.smart-forms .smr-120 {
    padding-right: 120px
}

.smart-forms .smr-120 .button {
    width: 120px
}

.smart-forms .append-icon,
.smart-forms .prepend-icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%
}

.smart-forms .append-icon .field-icon,
.smart-forms .prepend-icon .field-icon {
    top: 0;
    z-index: 4;
    width: 30px;
    height: 36px;
    color: inherit;
    line-height: 36px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none
}

.smart-forms .append-icon .field-icon i,
.smart-forms .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px
}

.smart-forms .prepend-icon .field-icon {
    left: 0
}

.smart-forms .append-icon .field-icon {
    right: 0
}

.smart-forms .prepend-icon>input,
.smart-forms .prepend-icon>textarea {
    padding-left: 28px
}

.smart-forms .append-icon>input,
.smart-forms .append-icon>textarea {
    padding-right: 36px;
    padding-left: 10px
}

.smart-forms .append-icon>textarea {
    padding-right: 36px
}

.smart-forms .tooltip {
    position: absolute;
    z-index: 99999999;
    color: #fff;
    width: 184px;
    left: -9999px;
    top: auto;
    font-size: 11px;
    font-weight: 400;
    -webkit-transition: margin .6s, opacity .6s;
    -moz-transition: margin .6s, opacity .6s;
    -ms-transition: margin .6s, opacity .6s;
    -o-transition: margin .6s, opacity .6s;
    transition: margin .6s, opacity .6s
}

.smart-forms .tooltip>em {
    padding: 12px;
    font-style: normal;
    display: block;
    position: static
}

.smart-forms .tooltip:after {
    content: '';
    position: absolute
}

.smart-forms .gui-input:focus+.tooltip,
.smart-forms .gui-textarea:focus+.tooltip {
    opacity: 1;
    z-index: 99999999
}

.smart-forms .tip-left {
    top: 1px;
    margin-right: -20px
}

.smart-forms .tip-left:after {
    top: 12px;
    left: 100%;
    border-left: 8px solid #333
}

.smart-forms .gui-input:focus+.tip-left,
.smart-forms .gui-textarea:focus+.tip-left {
    margin-right: 5px;
    right: 100%;
    left: auto
}

.smart-forms .tip-right {
    top: 1px;
    margin-left: -20px
}

.smart-forms .tip-right:after {
    top: 12px;
    right: 100%;
    border-right: 8px solid #333
}

.smart-forms .tip-left-bottom:after,
.smart-forms .tip-right-bottom:after {
    bottom: 100%;
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.smart-forms .gui-input:focus+.tip-right,
.smart-forms .gui-textarea:focus+.tip-right {
    left: 100%;
    margin-left: 5px
}

.smart-forms .tip-right-top {
    bottom: 100%;
    margin-bottom: -20px
}

.smart-forms .tip-right-top:after {
    top: 100%;
    right: 12px;
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.smart-forms .gui-input:focus+.tip-right-top,
.smart-forms .gui-textarea:focus+.tip-right-top {
    right: 0;
    left: auto;
    margin-bottom: 10px
}

.smart-forms .tip-left-top {
    bottom: 100%;
    margin-bottom: -20px
}

.smart-forms .tip-left-top:after {
    top: 100%;
    left: 12px;
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.smart-forms .gui-input:focus+.tip-left-top,
.smart-forms .gui-textarea:focus+.tip-left-top {
    left: 0;
    right: auto;
    margin-bottom: 10px
}

.smart-forms .tip-right-bottom {
    top: 100%;
    margin-top: -20px
}

.smart-forms .tip-right-bottom:after {
    right: 12px
}

.smart-forms .gui-input:focus+.tip-right-bottom,
.smart-forms .gui-textarea:focus+.tip-right-bottom {
    margin-top: 10px;
    left: auto;
    right: 0
}

.smart-forms .tip-left-bottom {
    top: 100%;
    margin-top: -20px
}

.smart-forms .tip-left-bottom:after {
    left: 12px
}

.smart-forms .gui-input:focus+.tip-left-bottom,
.smart-forms .gui-textarea:focus+.tip-left-bottom {
    margin-top: 10px;
    right: auto;
    left: 0
}

.smart-forms .smart-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.smart-forms .smart-list li {
    margin-bottom: 20px
}

.smart-forms .form-msg {
    display: none
}

.smart-forms .notification {
    color: #444;
    padding: 15px;
    position: relative
}

.smart-forms .notification p {
    margin: 0;
    padding: 0 15px 0 5px;
    line-height: normal
}

.smart-forms .notification .close-btn {
    margin-top: -7px;
    padding: inherit;
    position: absolute;
    text-decoration: none;
    font: 700 20px/20px Arial, sans-serif;
    opacity: .65;
    color: inherit;
    display: block;
    right: 1px;
    top: 14%
}

.smart-forms .notification .close-btn:hover {
    opacity: 1
}

.smart-forms .alert-info {
    color: #163161;
    background-color: #cfe6fc
}

.smart-forms .alert-success {
    color: #363;
    background-color: #d2f7ad
}

.smart-forms .alert-warning {
    color: #c60;
    background-color: #fae7a2
}

.smart-forms .alert-error {
    color: #900;
    background-color: #fbdbcf
}

.smart-forms .state-error .checkbox,
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error .radio,
.smart-forms .state-error input:focus+.checkbox,
.smart-forms .state-error input:focus+.radio,
.smart-forms .state-error input:hover+.checkbox,
.smart-forms .state-error input:hover+.radio,
.smart-forms .state-error.select-multiple>select,
.smart-forms .state-error.select>select {
    background: #fee9ea;
    border-color: #de888a
}

.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select-multiple>select:focus,
.smart-forms .state-error.select>select:focus {
    -webkit-box-shadow: 0 0 3px #de888a inset;
    -moz-box-shadow: 0 0 3px #de888a inset;
    -o-box-shadow: 0 0 3px #de888a inset;
    box-shadow: 0 0 3px #de888a inset
}

.smart-forms .state-error .gui-input~.field-icon i,
.smart-forms .state-error .gui-textarea~.field-icon i,
.smart-forms .state-error.select .arrow,
.smart-forms .state-error.select>select:focus+.arrow {
    color: #de888a
}

.smart-forms .state-error .gui-input~.input-hint,
.smart-forms .state-error .gui-textarea~.input-hint,
.smart-forms .state-error.file .gui-file:hover+.gui-input {
    border-color: #de888a
}

.smart-forms .state-error+em {
    display: block !important;
    margin-top: 6px;
    padding: 0 3px;
    font-style: normal;
    line-height: normal;
    font-size: .85em;
    color: #de888a
}

.smart-forms .state-success .checkbox,
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success .radio,
.smart-forms .state-success input:focus+.checkbox,
.smart-forms .state-success input:focus+.radio,
.smart-forms .state-success input:hover+.checkbox,
.smart-forms .state-success input:hover+.radio,
.smart-forms .state-success.select-multiple>select,
.smart-forms .state-success.select>select {
    background: #c2e1ff;
    border-color: #0262bd
}

.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select-multiple>select:focus,
.smart-forms .state-success.select>select:focus {
    -webkit-box-shadow: 0 0 3px #0055a5 inset;
    -moz-box-shadow: 0 0 3px #0055a5 inset;
    -o-box-shadow: 0 0 3px #0055a5 inset;
    box-shadow: 0 0 3px #0055a5 inset
}

.smart-forms .state-success .gui-input~.field-icon i,
.smart-forms .state-success .gui-textarea~.field-icon i,
.smart-forms .state-success.select .arrow,
.smart-forms .state-success.select>select:focus+.arrow {
    color: #0055a5
}

.smart-forms .state-success .gui-input~.input-hint,
.smart-forms .state-success .gui-textarea~.input-hint,
.smart-forms .state-success.file .gui-file:hover+.gui-input {
    border-color: #a5d491
}

.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms .switch>input[disabled]+label,
.smart-forms input[disabled]+.checkbox,
.smart-forms input[disabled]+.radio {
    cursor: default;
    opacity: .5
}

.smart-forms .file .gui-file[disabled]+.gui-input,
.smart-forms .file .gui-file[disabled]:hover+.gui-input,
.smart-forms .gui-input[disabled],
.smart-forms .gui-input[disabled]~.input-hint,
.smart-forms .gui-textarea[disabled],
.smart-forms .gui-textarea[disabled]~.input-hint,
.smart-forms .select-multiple select[disabled],
.smart-forms .select>select[disabled] {
    background-color: #f4f6f6;
    border-color: #d5dbdb !important;
    cursor: default;
    color: #d5dbdb;
    opacity: .7
}

.smart-forms .select>select[disabled]+.arrow,
.smart-forms input[disabled]~.field-icon i,
.smart-forms textarea[disabled]~.field-icon i {
    opacity: .4
}

.ui-datepicker {
    width: 18em;
    margin-top: 8px;
    display: none;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    border: 1px solid #cfcfcf;
    z-index: 9999 !important;
    text-align: center;
    color: #666
}

.ui-datepicker a {
    color: #404040;
    text-align: center
}

.ui-datepicker .ui-state-disabled span {
    color: #dbdbdb
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #cfcfcf;
    line-height: 27px;
    font-size: 15px;
    padding: 10px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    width: 34px;
    height: 34px;
    display: block;
    font-size: 14px;
    position: absolute;
    text-decoration: none;
    cursor: pointer;
    color: #0055a5;
    top: 20.5%
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #0055a5
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    margin: 0 0 .4em;
    border-collapse: collapse
}

.ui-datepicker th {
    padding: .5em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 2px 5px
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding: .25em;
    display: block;
    text-align: center;
    text-decoration: none
}

.ui-datepicker td a:hover,
.ui-datepicker td span:hover {
    background: #f5f5f5
}

.ui-datepicker .ui-state-disabled span:hover {
    background: 0
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker-today a,
.ui-datepicker-today a:hover {
    font-weight: 700;
    background: #0055a5 !important;
    color: #fff
}

.cal-widget .ui-datepicker {
    width: 100%;
    margin-top: 0
}

.cal-widget .ui-datepicker:before {
    display: none
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.333%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-buttonpane {
    border-top: 1px solid #cfcfcf;
    padding: 10px
}

.ui-datepicker-buttonpane button {
    padding: 8px 12px;
    margin-right: .2em;
    position: relative;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    background: #dbdbdb;
    text-align: center;
    overflow: visible;
    cursor: pointer;
    color: #243140;
    border: 0
}

.ui-datepicker-buttonpane button:hover {
    color: #243140;
    background: #e8e8e8
}

.ui-datepicker-buttonpane button:active {
    color: #1d2938;
    background: #c4c4c4
}

.ui-monthpicker .ui-datepicker-header {
    margin-bottom: 3px
}

.smart-forms .slider-wrapper,
.smart-forms .sliderv-wrapper {
    background: #e5e5e5;
    position: relative
}

.smart-forms .ui-slider {
    position: relative;
    text-align: left
}

.smart-forms .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.5em;
    height: 1.5em;
    cursor: default;
    background: #fff;
    border: 3px solid #0055a5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -ms-touch-action: none;
    touch-action: none;
    margin-top: -3px;
    outline: 0
}

.smart-forms .ui-slider .ui-slider-handle:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #0055a5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
    left: 4px;
    top: 4px
}

.smart-forms .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #0055a5
}

.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,
.smart-forms .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.smart-forms .ui-slider-horizontal {
    height: .5em
}

.smart-forms .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.smart-forms .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.smart-forms .ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.smart-forms .ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.smart-forms .sliderv-wrapper,
.smart-forms .ui-slider-vertical {
    width: .5em;
    height: 100px
}

.smart-forms .ui-slider-vertical .ui-slider-handle {
    left: -.45em;
    margin-left: 0;
    margin-bottom: -.6em
}

.smart-forms .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.smart-forms .ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.smart-forms .ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.smart-forms .slider-input {
    color: #f6931f !important;
    border: 0;
    background: 0
}

.smart-forms .slider-group .sliderv-wrapper {
    height: 150px;
    float: left;
    margin: 15px
}

.smart-forms .ui-slider .ui-state-active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.smart-forms .slider-tip {
    display: block;
    position: absolute;
    text-align: center;
    font: 10pt Tahoma, Arial, sans-serif;
    background: #333;
    padding: 10px;
    color: #fff
}

.smart-forms .slider-wrapper .slider-tip {
    top: -50px;
    left: -15px
}

.smart-forms .slider-wrapper .slider-tip:after {
    content: '';
    position: absolute;
    top: 98%;
    left: 35%;
    border-top: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.smart-forms .sliderv-wrapper .slider-tip {
    left: 30px;
    top: -12px
}

.smart-forms .sliderv-wrapper .slider-tip:after {
    content: '';
    position: absolute;
    top: 30%;
    right: 98%;
    border-right: 8px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.smart-forms .yellow-slider .ui-slider .ui-slider-handle {
    border-color: #faa226
}

.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,
.smart-forms .yellow-slider .ui-slider .ui-slider-range {
    background-color: #faa226
}

.smart-forms .red-slider .ui-slider .ui-slider-handle {
    border-color: #ee4f3d
}

.smart-forms .red-slider .ui-slider .ui-slider-handle:before,
.smart-forms .red-slider .ui-slider .ui-slider-range {
    background-color: #ee4f3d
}

.smart-forms .purple-slider .ui-slider .ui-slider-handle {
    border-color: #9464e2
}

.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,
.smart-forms .purple-slider .ui-slider .ui-slider-range {
    background-color: #9464e2
}

.smart-forms .blue-slider .ui-slider .ui-slider-handle {
    border-color: #00acee
}

.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,
.smart-forms .blue-slider .ui-slider .ui-slider-range {
    background-color: #00acee
}

.smart-forms .black-slider .ui-slider .ui-slider-handle {
    border-color: #505558
}

.smart-forms .black-slider .ui-slider .ui-slider-handle:before,
.smart-forms .black-slider .ui-slider .ui-slider-range {
    background-color: #505558
}

.smart-forms .green-slider .ui-slider .ui-slider-handle {
    border-color: #0e993c
}

.smart-forms .green-slider .ui-slider .ui-slider-handle:before,
.smart-forms .green-slider .ui-slider .ui-slider-range {
    background-color: #0e993c
}

.ui-timepicker-div .ui-widget-header {
    position: relative;
    background: #f5f5f5;
    line-height: 27px;
    font-size: 15px;
    padding: 10px
}

.ui-timepicker-div dl {
    text-align: left;
    border: 1px solid #cfcfcf;
    border-width: 1px 0 0;
    padding: 15px 10px;
    margin: 0
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 20px 40%
}

.ui-timepicker-div dl .ui_tpicker_hour,
.ui-timepicker-div dl .ui_tpicker_millisec,
.ui-timepicker-div dl .ui_tpicker_minute,
.ui-timepicker-div dl .ui_tpicker_second {
    background: #e5e5e5;
    position: relative;
    top: 6px
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: 0;
    border: 0;
    margin: 0;
    padding: 0
}

.ui-timepicker-rtl {
    direction: rtl
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}

.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px
}

.smart-forms .progress-section {
    display: none
}

.smart-forms .progress-bar {
    position: relative;
    background: #e5e5e5
}

.smart-forms .progress-bar .percent {
    position: absolute;
    display: inline-block;
    top: -3px;
    right: -24px;
    font-size: 9px;
    color: #93a2aa
}

.smart-forms .progress-bar>.bar {
    width: 60%;
    height: 7px;
    display: block;
    background-color: #bdc3c7
}

.smart-forms .bar-primary>.bar {
    background-color: #0055a5
}

.smart-forms .bar-blue>.bar {
    background-color: #00acee
}

.smart-forms .bar-black>.bar {
    background-color: #505558
}

.smart-forms .bar-green>.bar {
    background-color: #0e993c
}

.smart-forms .bar-purple>.bar {
    background-color: #9464e2
}

.smart-forms .bar-red>.bar {
    background-color: #ee4f3d
}

.smart-forms .bar-yellow>.bar {
    background-color: #faa226
}

.smart-forms .progress-bar>.bar,
.smart-forms .progress>button[type=submit],
.smart-forms .progress>button[type=submit]:hover,
.smart-forms .ui-slider .ui-slider-range {
    background-size: 16px 16px;
    background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3))
}

.smart-forms .progress-animated>.bar,
.smart-forms .progress>button[type=submit],
.smart-forms .progress>button[type=submit]:hover {
    -webkit-animation: sfprogress .6s linear infinite;
    -moz-animation: sfprogress .6s linear infinite;
    -o-animation: sfprogress .6s linear infinite;
    animation: sfprogress .6s linear infinite
}

.smart-forms .progress>button[type=submit]:hover {
    cursor: wait
}

@-webkit-keyframes sfprogress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -16px 0
    }
}

@-moz-keyframes sfprogress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -16px 0
    }
}

@-o-keyframes sfprogress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -16px 0
    }
}

@keyframes sfprogress {
    from {
        background-position: 0 0
    }
    to {
        background-position: -16px 0
    }
}

.smart-forms .map-container {
    padding: 10px;
    border: 1px solid #cfcfcf
}

.smart-forms #map_canvas {
    width: 100%;
    height: 300px;
    overflow: hidden
}

.smart-forms .block {
    display: block
}

.smart-forms .frm-row {
    margin: 0 -10px
}

.smart-forms .frm-row:after,
.smart-forms .frm-row:before,
.smart-forms .slider-group:after,
.smart-forms .slider-group:before {
    display: table;
    content: "";
    line-height: 0
}

.smart-forms .frm-row:after,
.smart-forms .slider-group:after {
    clear: both
}

.smart-forms .frm-row .colm {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left
}

.smart-forms .frm-row .colm1 {
    width: 8.33%
}

.smart-forms .frm-row .colm2 {
    width: 16.66%
}

.smart-forms .frm-row .colm3 {
    width: 25%
}

.smart-forms .frm-row .colm4 {
    width: 33.33%
}

.smart-forms .frm-row .colm5 {
    width: 40.66%
}

.smart-forms .frm-row .colm6 {
    width: 50%
}

.smart-forms .frm-row .colm7 {
    width: 58.33%
}

.smart-forms .frm-row .colm8 {
    width: 66.66%
}

.smart-forms .frm-row .colm9 {
    width: 75%
}

.smart-forms .frm-row .colm10 {
    width: 83.33%
}

.smart-forms .frm-row .colm11 {
    width: 91.66%
}

.smart-forms .frm-row .colm12 {
    width: 100%
}

.smart-forms .frm-row .colm1-5 {
    width: 20%
}

.smart-forms .frm-row .colm1-8 {
    width: 12.5%
}

.smart-forms .spacer {
    border-top: 1px solid #cfcfcf;
    display: block;
    height: 0
}

.smart-forms .spacer-t10 {
    margin-top: 10px
}

.smart-forms .spacer-b10 {
    margin-bottom: 10px
}

.smart-forms .spacer-t15 {
    margin-top: 15p
}

.smart-forms .spacer-b15 {
    margin-bottom: 15px
}

.smart-forms .spacer-t20 {
    margin-top: 20px
}

.smart-forms .spacer-b20 {
    margin-bottom: 20px
}

.smart-forms .spacer-t25 {
    margin-top: 25px
}

.smart-forms .spacer-b25 {
    margin-bottom: 25px
}

.smart-forms .spacer-t30 {
    margin-top: 30px
}

.smart-forms .spacer-b30 {
    margin-bottom: 12px
}

.smart-forms .spacer-t40 {
    margin-top: 40px
}

.smart-forms .spacer-b40 {
    margin-bottom: 40px
}

.smart-forms .frm-row .pad-l10 {
    padding-left: 10px
}

.smart-forms .frm-row .pad-r10 {
    padding-right: 10px
}

.smart-forms .frm-row .pad-l20 {
    padding-left: 20px
}

.smart-forms .frm-row .pad-r20 {
    padding-right: 20px
}

.smart-forms .frm-row .pad-l30 {
    padding-left: 30px
}

.smart-forms .frm-row .pad-r30 {
    padding-right: 30px
}

.smart-forms .frm-row .pad-l40 {
    padding-left: 40px
}

.smart-forms .frm-row .pad-r40 {
    padding-right: 40px
}

.smart-forms .bdl {
    border-left: 1px solid #cfcfcf
}

.smart-forms .bdr {
    border-right: 1px solid #cfcfcf
}

.smart-forms .fine-grey {
    color: #999
}

.smart-forms .small-text {
    font-size: 11px;
    font-style: normal
}

.smart-forms .text-align {
    height: 42px;
    line-height: 42px
}

.smart-forms .align-right {
    text-align: right
}

.smart-forms .align-center {
    text-align: center
}

.smart-forms .price-box {
    padding: 30px;
    text-align: center;
    position: relative;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05)
}

.smart-forms .price-box p {
    line-height: 1.5em;
    color: #526066;
    margin-bottom: 0
}

.smart-forms .price-box h5 {
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
    font-size: 15px;
    color: #b0b2b9;
    letter-spacing: 2px
}

.smart-forms .price-box h4 {
    font-size: 60px;
    font-weight: 300;
    margin: 0;
    color: #626262
}

.smart-forms .selected-box h4 {
    color: #0055a5
}

.smart-forms .price-box h4 sup {
    position: relative;
    font-size: 30px;
    vertical-align: top;
    top: 15px
}

.smart-forms .price-box h4 .per-month {
    font-size: 14px
}

.smart-forms .expand {
    height: 50px;
    line-height: 50px !important;
    border-radius: 3px
}

.smart-forms .ribbon,
.smart-forms .ribbon-large {
    width: 75px;
    height: 78px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 1
}

.smart-forms .ribbon-inner {
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #0055a5;
    letter-spacing: 4px;
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    padding: 7px 0;
    width: 100px;
    color: #fff;
    z-index: 1;
    left: 3px;
    top: 6px
}

.smart-forms .ribbon-inner:after,
.smart-forms .ribbon-inner:before {
    content: "";
    border-top: 3px solid #3c9b39;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.smart-forms .ribbon-inner:before {
    left: 0
}

.smart-forms .ribbon-inner:after {
    right: 0
}

.smart-forms .ribbon-large {
    width: 115px;
    height: 118px
}

.smart-forms .ribbon-large .ribbon-inner {
    width: 160px;
    left: -8px;
    top: 28px
}

.smart-forms .sfcode {
    padding-left: 24px
}

.smart-forms .captcode {
    padding: 0;
    position: relative
}

.smart-forms .captcode img {
    position: relative;
    top: 1px
}

.smart-forms .refresh-captcha {
    position: absolute;
    background: #0055a5;
    border: 3px solid #3c9b39;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    right: -15px;
    height: 32px;
    width: 32px;
    top: 4px
}

.smart-forms .refresh-captcha i {
    position: absolute;
    text-align: center;
    line-height: 26px;
    font-size: 17px;
    color: #fff;
    left: 24%
}

.smart-forms .refresh-black {
    background: #505558;
    border-color: #333
}

.smart-forms .refresh-blue {
    background: #00acee;
    border-color: #0087bb
}

.smart-forms .refresh-green {
    background: #0e993c;
    border-color: #0b792f
}

.smart-forms .refresh-purple {
    background: #9464e2;
    border-color: #7639da
}

.smart-forms .refresh-red {
    background: #ee4f3d;
    border-color: #e42914
}

.smart-forms .refresh-yellow {
    background: #faa226;
    border-color: #e88a05
}

@-moz-document url-prefix() {
    .smart-forms .select:before {
        content: '';
        pointer-events: none;
        -moz-transition: none;
        transition: none;
        position: absolute;
        background: #f5f5f5;
        width: 36px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        z-index: 99
    }
    .smart-forms .select:hover select,
    .smart-forms .select:hover:before,
    .smart-forms .select>select:focus,
    .smart-forms .select>select:hover {
        background: #fff;
        -moz-transition: none;
        transition: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .smart-forms .select .arrow {
        z-index: 100
    }
    .smart-forms .state-error.select:before,
    .smart-forms .state-error.select:hover select,
    .smart-forms .state-error.select:hover:before,
    .smart-forms .state-error.select>select:focus,
    .smart-forms .state-error.select>select:hover {
        background: #fee9ea
    }
    .smart-forms .state-success.select:before,
    .smart-forms .state-success.select:hover select,
    .smart-forms .state-success.select:hover:before,
    .smart-forms .state-success.select>select:focus,
    .smart-forms .state-success.select>select:hover {
        background: #c2e1ff
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .smart-forms .select .arrow:after,
    .smart-forms .select .arrow:before {
        display: block
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .smart-forms .captcode,
    .smart-forms .option,
    .smart-forms .rating,
    .smart-forms .switch {
        -webkit-animation: bugfix infinite 1s
    }
    @-webkit-keyframes bugfix {
        from,
        to {
            padding: 0
        }
    }
    .smart-forms .switch {
        margin-right: 10px;
        margin-bottom: 5px
    }
    .smart-forms .option {
        margin-right: 15px
    }
}

@media(max-width:600px) {
    .smart-forms .frm-row {
        margin: 0
    }
    .smart-forms .frm-row .colm {
        width: 100%;
        float: none;
        padding: 0
    }
    .smart-forms .bdl {
        border-left: 0
    }
    .smart-forms .bdr {
        border-right: 0
    }
    .smart-forms .align-right {
        text-align: left
    }
}

body,
p,
.baseFont {
    font-family: 'Poppins', sans-serif
}

body {
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6,
.headingFont {
    font-family: 'Roboto Condensed', sans-serif;
    color: #0756a5;
    font-weight: 400
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important.
}

body {
    background-color: #fff;
    color: #464545
}

::selection {
    color: #fff
}

::-moz-selection {
    color: #fff
}

ul,
ol {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

ul.list-inline {
    margin-left: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 22px
}

p {
    font-size: 14px;
    line-height: 26px;
    color: #464545;
    font-weight: 400
}

a {
    color: #0756a5;
    -webkit-transition: background .3s, color .3s, opacity .3s;
    transition: background .3s, color .3s, opacity .3s
}

a:hover,
a:focus,
a:active {
    outline: 0;
    text-decoration: none
}

.btn {
    border: 0;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.30)
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: 0;
    opacity: 1;
    background-color: #fff
}

.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: #fff;
    background-color: #f50;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-default:hover,
.btn.btn-default:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-primary {
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    line-height: 58px
}

.btn.btn-info {
    border: 2px solid #e0e0e0;
    background: 0;
    box-shadow: none;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding: 0 15px
}

.btn.btn-info:hover,
.btn.btn-info:focus {
    color: #fff
}

.btn.btn-border {
    border: 1px solid;
    font-size: 14px
}

.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus {
    color: #8c8c8c;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0;
    text-decoration: none
}

.btn.btn-link.btn-lg,
.btn.btn-link.btn-xlg {
    font-size: 16px;
    padding: 0
}

.btn.btn-link:hover,
.btn.btn-link:focus {
    opacity: .7
}

.btn.btn-border:hover,
.btn.btn-border:focus {
    color: #fff
}

.btn.btn-warning,
.btn.btn-warning:hover,
.btn.btn-warning:focus {
    background-color: #ff9800;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus {
    background-color: #ef5350;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus {
    background-color: #7cb342;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-inverse {
    color: #fff !important
}

.btn.btn-inverse:hover,
.btn.btn-inverse:focus {
    color: #fff;
    background-color: #0756a5;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.btn.btn-lg {
    line-height: 45px;
    padding: 0 35px;
    font-size: 14px
}

.btn.btn-xlg {
    line-height: 55px;
    padding: 0 35px;
    font-size: 16px
}

.btn.btn-sm {
    line-height: 46px;
    font-size: 15px;
    font-weight: 600
}

.btn-no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary.disabled {
    -webkit-transition: .3s;
    transition: .3s
}

.btn-primary.disabled.focus,
.btn-primary.disabled:hover {
    color: #fff;
    background: inherit
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

button.btn {
    position: relative
}

button:hover,
button:focus {
    outline: 0
}

input:hover,
input:focus,
input:active,
textarea:hover,
textarea:focus,
textarea:active {
    outline: 0
}

input,
textarea,
select {
    border: 0;
    border-bottom: 2px solid #e0e0e0;
    line-height: 40px;
    font-size: 16px
}

section {
    overflow: hidden;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.img-res {
    width: 100%
}

.overflow-hid {
    overflow: hidden
}

.overflow-vis {
    overflow: visible
}

.p-0 {
    padding: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.m-0 {
    margin: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.text-color-white {
    color: #fff
}

.ft-wt-thin {
    font-weight: 100
}

.ft-wt-light {
    font-weight: 300
}

.ft-wt-regular {
    font-weight: 400
}

.ft-wt-medium {
    font-weight: 500
}

.ft-wt-bold {
    font-weight: 700
}

.ft-wt-ut-bold {
    font-weight: 900
}

.relative {
    position: relative
}

.display-inb {
    display: inline-block
}

.display-b {
    display: block
}

.has-bg *,
.bgcolor-major-gradient *,
.bgcolor-major-gradient .section-title,
.bgcolor-major-gradient .section-subtitle,
.bgcolor-major *,
.bgcolor-major .section-title,
.bgcolor-major .section-subtitle {
    color: #fff
}

.has-bg .section-title span:before,
.bgcolor-major-gradient .section-title span:before,
.bgcolor-major .section-title span:before {
    background-color: #fff
}

.has-bg ::selection,
.bgcolor-major-gradient ::selection,
.bgcolor-major ::selection {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.has-bg ::-moz-selection,
.bgcolor-major-gradient ::-moz-selection,
.bgcolor-major ::-moz-selection {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.footer-logo.bgcolor-major-gradient {
    background: 0
}

.bgcolor-major-gradient-overlay,
.bgcolor-major-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s
}

.bgcolor-major-overlay {
    background-color: rgba(251, 56, 95, .9);
    opacity: 0
}

.single-post-v2:hover .bgcolor-major-overlay {
    opacity: 1
}

a.btn {
    z-index: 10
}

footer.bgcolor-gray,
.bgcolor-gray {
    background-color: #f5f5f5
}

footer.bgcolor-white,
.bgcolor-white {
    background-color: #fff
}

.bg-gradient-dark {
    background-color: #232732;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #fff
}

.bg-gradient-dark .section-title {
    color: #fff
}

.bg-gradient-dark .section-header .section-subtitle {
    color: #bfbfbf
}

.bg-gradient-dark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: -moz-linear-gradient(90deg, rgba(35, 39, 50, 0) 0, #232732 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(35, 39, 50, 0) 0, #232732 100%);
    background-image: -ms-linear-gradient(90deg, rgba(35, 39, 50, 0) 0, #232732 100%)
}

.bg-gradient-dark .container {
    position: relative;
    z-index: 10
}

.clear-problem>div:nth-child(3n+1) {
    clear: left
}

.hidden {
    display: none
}

.visible {
    display: block
}

.hori-vert-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-b-70 {
    margin-bottom: 70px
}

.m-b-80 {
    margin-bottom: 80px
}

.m-b-90 {
    margin-bottom: 90px
}

.m-b-100 {
    margin-bottom: 100px
}

.m-b-110 {
    margin-bottom: 110px
}

.m-b-120 {
    margin-bottom: 120px
}

.m-b-130 {
    margin-bottom: 130px
}

.m-b-140 {
    margin-bottom: 140px
}

.m-b-150 {
    margin-bottom: 150px
}

.m-b-200 {
    margin-bottom: 200px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-20 {
    margin-top: 20px
}

.m-t-30 {
    margin-top: 30px
}

.m-t-40 {
    margin-top: 40px
}

.m-t-50 {
    margin-top: 50px
}

.m-t-60 {
    margin-top: 60px
}

.m-t-70 {
    margin-top: 70px
}

.m-t-80 {
    margin-top: 80px
}

.m-t-90 {
    margin-top: 90px
}

.m-t-100 {
    margin-top: 100px
}

.m-t-110 {
    margin-top: 110px
}

.m-t-120 {
    margin-top: 120px
}

.m-t-130 {
    margin-top: 130px
}

.m-t-140 {
    margin-top: 140px
}

.m-t-140 {
    margin-top: 140px
}

.m-t-150 {
    margin-top: 150px
}

.m-t-200 {
    margin-top: 200px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-b-30 {
    padding-bottom: 30px
}

.p-b-40 {
    padding-bottom: 40px
}

.p-b-50 {
    padding-bottom: 50px
}

.p-b-60 {
    padding-bottom: 60px
}

.p-b-70 {
    padding-bottom: 70px
}

.p-b-80 {
    padding-bottom: 80px
}

.p-b-90 {
    padding-bottom: 90px
}

.p-b-100 {
    padding-bottom: 100px
}

.p-b-110 {
    padding-bottom: 110px
}

.p-b-120 {
    padding-bottom: 120px
}

.p-b-130 {
    padding-bottom: 130px
}

.p-b-140 {
    padding-bottom: 140px
}

.p-b-150 {
    padding-bottom: 150px
}

.p-t-10 {
    padding-top: 10px
}

.p-t-20 {
    padding-top: 20px
}

.p-t-30 {
    padding-top: 30px
}

.p-t-40 {
    padding-top: 40px
}

.p-t-50 {
    padding-top: 50px
}

.p-t-60 {
    padding-top: 60px
}

.p-t-70 {
    padding-top: 70px
}

.p-t-80 {
    padding-top: 80px
}

.p-t-90 {
    padding-top: 90px
}

.p-t-100 {
    padding-top: 100px
}

.p-t-110 {
    padding-top: 110px
}

.p-t-120 {
    padding-top: 120px
}

.p-t-130 {
    padding-top: 130px
}

.p-t-140 {
    padding-top: 140px
}

.p-t-150 {
    padding-top: 150px
}

.p-t-200 {
    padding-top: 200px
}

.border-bt {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #e0e0e0
}

.res-m-30 {
    margin-bottom: 30px !important
}

.owl-dots {
    text-align: center
}

.owl-dots>div {
    display: inline-block
}

.owl-dot span {
    padding: 3px;
    float: left;
    margin-left: 10px;
    border-radius: 10px;
    border: 1px solid;
    -webkit-transition: .3s;
    transition: .3s
}

.owl-dot.active span {
    background: none !important;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

.owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0)
}

.input {
    position: relative;
    z-index: 1;
    display: block
}

.input:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.input-textarea:after {
    bottom: 6px
}

.input-field {
    -webkit-transition: background-color .25s, border-color .25s;
    transition: background-color .25s, border-color .25s
}

.input-label {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #bdbdbd;
    -webkit-transform: translate3d(0, 2em, 0);
    transform: translate3d(0, 2em, 0);
    -webkit-transition: -webkit-transform .25s, font-size .25s;
    transition: transform .25s, font-size .25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.input-label-content {
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.input-field:focus+.input-label,
.input-filled .input-label {
    color: #8b8c8b;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 13px
}

.input-field:focus+.input-label .input-label-content,
.input-filled .input-label-content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.input:focus:after,
.input-filled.input:after {
    width: 100%;
    background: transparent
}

#page-wrap {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-common-space {
    padding-top: 100px;
    padding-bottom: 100px
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #424242 !important
}

.tooltip.top .tooltip-arrow {
    border-top-color: #424242 !important
}

.tooltip.left .tooltip-arrow {
    border-left-color: #424242 !important
}

.tooltip.right .tooltip-arrow {
    border-right-color: #424242 !important
}

.tooltip-inner {
    padding: 5px 8px;
    background-color: #424242;
    border-radius: 2px;
    font-size: 11px
}

blockquote {
    padding: 5px 30px;
    margin: 0 0 30px;
    font-size: 16px;
    border-left: 6px solid;
    color: #757575;
    font-style: italic
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: solid 3px transparent;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.preloader-hide {
    opacity: 0;
    visibility: hidden
}

.preloader .tb {
    height: 100%
}

.preloader .loading-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.preloader .loading-wrap img {
    max-width: 130px;
    display: inline-block;
    margin-bottom: 15px
}

.preloader .p-loading {
    position: relative;
    display: block;
    font-size: 14px;
    color: #777;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 700
}

#header {
    margin-top: 37px;
    color: #fff;
    top: 0;
    width: 100%;
    z-index: 1000;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06)
}

#header>.container {
    position: relative
}

#header.sticky-header,
#header.sticky-header.static-header {
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s
}

.offcanvas #header,
#header.sticky-header {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15)
}

#header.sticky-header .logos {
    display: table;
    line-height: 60px
}

#header .logos {
    display: block;
    line-height: 80px;
    -webkit-transition: none;
    transition: none
}

#header .logos img {
    max-width: 100%
}

#header.sticky-header .scroll-logos.logos .standard-logo,
#header.sticky-header .scroll-logos.logos .retina-logo,
#header.sticky-header .scroll-logos.logos .retina-logo.fixed-logo,
#header .scroll-logos.logos .fixed-logo {
    display: none
}

#header.sticky-header .scroll-logos.logos .fixed-logo {
    display: inline-block
}

#header .retina-logo {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #header.sticky-header .scroll-logos.logos .fixed-logo,
    #header .standard-logo {
        display: none
    }
    #header.sticky-header .scroll-logos.logos .retina-logo.fixed-logo,
    #header .retina-logo {
        display: block
    }
}

.main-nav>ul>li {
    display: inline-block
}

.main-nav>ul>li>a {
    color: #8c8c8c
}

.main-nav>ul {
    font-size: 13px;
    text-transform: uppercase
}

.main-nav>ul>li.current>a {
    opacity: 1
}

.main-nav>ul>li.current>a:before {
    width: 50%
}

.main-nav>ul>li {
    margin-left: 22px;
    position: relative
}

.main-nav>ul>li:first-child {
    margin-left: 0
}

.main-nav>ul>li>a {
    padding: 0;
    font-size: 16px;
    color: #001932;
    display: inline-block;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    line-height: 88px
}

.main-nav>ul>li.active>a,
.main-nav>ul>li:hover>a,
.main-nav>ul>li:focus>a {
    opacity: 1
}

.main-nav>ul>li>a:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.main-nav>ul>li.active>a:before,
.main-nav>ul>li:hover>a:before,
.main-nav>ul>li:focus>a:before {
    width: 50%
}

#header.sticky-header .main-nav>ul>li>a {
    line-height: 73px
}

#header.sticky-header .main-nav>ul>li>a:before {
    top: 15px
}

.left-indent {
    left: 0
}

.right-indent {
    right: 0
}

.menu-justify {
    position: static !important
}

.menu-full {
    left: 0;
    padding: 10px !important
}

.menu-title {
    font-size: 18px;
    text-transform: capitalize;
    padding: 12px 25px;
    color: #666
}

.dropdown .left-indent {
    left: 100%
}

.dropdown .right-indent {
    right: 100%
}

.dropdown-items>li>a {
    display: block;
    padding: 10px 20px;
    font-weight: 500;
    color: #464545;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize
}

.dropdown-items>li.active>a,
.dropdown-items>li:hover>a,
.dropdown-items>li:focus>a {
    background: #f5f5f5
}

.main-nav ul li .dropdown {
    background: #fff;
    color: #000;
    padding: 10px 0;
    text-align: left;
    z-index: 200;
    min-width: 215px;
    border-radius: 0 0 2px 2px;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    backface-visibility: hidden;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 250ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    transition: all 250ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    opacity: 0;
    visibility: hidden
}

.main-nav ul li.has-child>a:after {
    content: " \f10b";
    font-family: "Flaticon";
    font-size: 13px;
    margin-left: 10px;
    float: right
}

.main-nav ul .has-child {
    position: relative
}

.main-nav ul .has-child:hover>.dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.main-nav ul li .dropdown .has-child>a:after {
    content: " \f109";
    font-size: 10px;
    line-height: 2
}

.main-nav ul li .dropdown .dropdown {
    right: 100%;
    top: 0
}

.mobile-nav .submenu-hidden {
    display: none
}

.offcanvas-toggler,
.mobile-nav {
    display: none
}

.offcanvas-toggler.active>i#offcanvas-closer {
    display: block;
    font-size: 25px
}

.offcanvas-toggler.active>i#offcanvas-opener {
    display: none
}

.offcanvas-toggler>i#offcanvas-opener {
    display: block
}

.offcanvas-toggler>i {
    display: none;
    padding: 0 0 0 10px;
    background: transparent;
    margin: 10px 0;
    line-height: 60px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.offcanvas-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .8);
    z-index: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

body.offcanvas .offcanvas-overlay {
    opacity: 1;
    visibility: visible;
    z-index: 990
}

.mobile-nav {
    width: 420px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    color: #fff;
    background-color: #fff;
    z-index: 999;
    overflow-y: scroll !important;
    -webkit-transition: right .3s;
    transition: right .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.offcanvas .mobile-nav {
    right: 0
}

.offcanvas {
    width: 100%;
    height: 100%
}

.mobile-nav {
    padding: 30px 30px 30px 50px;
    background: rgba(255, 255, 255, .9)
}

.mobile-nav ul>li {
    border: 0;
    position: relative
}

.mobile-nav ul li.has-child>a:after {
    content: "\f10b";
    font-family: "Flaticon";
    font-size: 20px;
    margin-left: 10px;
    float: right
}

.mobile-nav ul li.has-child.children-open>a:after {
    content: "\f108"
}

.mobile-nav ul>li a {
    display: block;
    padding: 15px 0;
    color: #000;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.mobile-nav ul>li a:hover,
.mobile-nav ul>li a:focus,
.mobile-nav ul>li a:active,
.mobile-nav ul>li.active>a,
.mobile-nav ul>li.children-open>a {
    background: 0
}

.mobile-nav ul>li ul>li:last-child {
    border-bottom: 0
}

.mobile-nav ul>li .mobile-nav-toggler {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    padding: 10px 20px;
    cursor: pointer;
    color: #000;
    font-size: 24px
}

.mobile-nav ul>li>ul .mobile-nav-toggler {
    color: #757575;
    top: -5px
}

.mobile-nav ul>li .mobile-nav-toggler .open {
    display: none
}

.mobile-nav ul>li .mobile-nav-toggler .close {
    display: inline;
    opacity: 1
}

.mobile-nav ul>li .mobile-nav-toggler.collapsed .open {
    display: inline
}

.mobile-nav ul>li .mobile-nav-toggler.collapsed .close {
    display: none
}

.mobile-nav ul>li ul {
    padding-left: 30px
}

.mobile-nav ul>li ul>li a {
    color: #757575;
    font-size: 14px;
    padding: 15px 0
}

#header.transparent-header {
    background-color: transparent
}

#header.sticky-header.transparent-header {
    background-color: #fff
}

#header.transparent-header .main-nav>ul>li>a {
    color: #fff
}

#header.transparent-header .main-nav>ul>li>a:before {
    background-color: #fff
}

#header.transparent-header.sticky-header .main-nav>ul>li>a {
    color: #8c8c8c
}

#header.static-header {
    position: relative
}

#header.static-header .main-nav>ul>li>a {
    color: #fff;
    opacity: 1
}

#header.static-header .main-nav>ul>li.active>a:before,
#header.static-header .main-nav>ul>li:hover>a:before,
#header.static-header .main-nav>ul>li:focus>a:before {
    background-color: #fff
}

.sticky-header #header.box-header {
    background-color: rgba(255, 255, 255, .85)
}

#header.box-header .box-header-wrap {
    margin-top: 0;
    padding: 0 15px 0 15px
}

#header.no-shadow .box-header-wrap {
    border-radius: 2px 2px 0 0;
    box-shadow: none
}

#header.sticky-header.box-header {
    background-color: #fff
}

#header.sticky-header.box-header .logos {
    background: 0;
    padding: 0
}

#header.box-header .main-nav>ul>li>a {
    opacity: 1
}

#header.box-header .main-nav>ul>li>a:before {
    bottom: 25px;
    top: inherit
}

#header.box-header.sticky-header .box-header-wrap {
    margin-top: 0;
    padding: 0
}

#header.box-header .offcanvas-toggler>i {
    color: #000;
    background: #000;
    width: 50px;
    height: 50px
}

#header.box-header.sticky-header .main-nav>ul>li>a:before {
    bottom: 15px
}

#header.event-header.static-header {
    background: #fff
}

#header.event-header .main-nav>ul>li>a {
    font-size: 14px;
    color: #243b55;
    font-weight: 700
}

.section-header {
    margin-bottom: 60px
}

.section-title {
    margin-bottom: 40px
}

.section-title span {
    position: relative
}

.section-title span:before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #1c1c1c
}

.section-title.mini-title {
    margin-bottom: 30px;
    font-size: 18px
}

.section-title.mini-title.mini-title-with-border {
    margin-bottom: 40px
}

.section-title.mini-title span:before {
    bottom: -10px
}

.section-subtitle {
    font-size: 17px;
    color: #666
}

.section-header-v2 .section-title {
    text-transform: initial;
    margin-bottom: 30px
}

.donateBtn {
    line-height: 50px !important
}

.top-bar {
    background: #0756a5;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1030
}

.top-bar .nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: .5rem 0;
    opacity: .9
}

.top-bar .nav-link:hover {
    opacity: 1
}

.top-bar .nav-link i::before {
    font-size: 1em;
    margin-left: 20px
}

.gift-box {
    margin-left: 20px;
    margin-right: 3px;
    margin-top: -1px
}

.simple-slider .item .item-content {
    padding: 200px 0 20px
}

.simple-slider .title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.simple-slider .subtitle {
    text-transform: uppercase
}

.simple-slider .more-btn {
    margin-top: 40px
}

.simple-slider .more-btn .btn {
    line-height: 60px;
    font-size: 18px;
    padding: 0 55px
}

.simple-slider .more-btn .popup-video {
    color: #fff;
    text-transform: uppercase
}

.simple-slider .more-btn .popup-video:hover,
.simple-slider .more-btn .popup-video:focus,
.simple-slider .more-btn .popup-video:active {
    color: #fff;
    opacity: .6
}

.simple-slider .more-btn .popup-video i.fa {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid;
    border-radius: 50%;
    font-size: 11px;
    display: inline-block;
    margin-right: 15px
}

.simple-slider .more-btn .popup-video i.fa-play:before {
    margin-right: -4px
}

.simple-slider .owl-dot span {
    background-color: #fff;
    border-color: #fff
}

.simple-slider .owl-controls .owl-nav>div {
    display: inline-block;
    margin-top: 100px;
    position: absolute;
    top: 50%;
    left: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 36px;
    line-height: 1;
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s
}

.simple-slider .owl-controls .owl-nav>div:hover {
    opacity: 1;
    background: 0
}

.simple-slider .owl-controls .owl-nav>div.owl-next {
    left: inherit;
    right: -50px
}

.owl-item.active .zim-fadeIn {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out .5s both;
    animation: fadeIn .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeIn-delay {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out .8s both;
    animation: fadeIn .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeIn-delay2 {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out 1.3s both;
    animation: fadeIn .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeIn-delay3 {
    display: block !important;
    -webkit-animation: fadeIn .8s ease-in-out 1.8s both;
    animation: fadeIn .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInUp {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out .5s both;
    animation: fadeInUp .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInUp-delay {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out .8s both;
    animation: fadeInUp .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInUp-delay2 {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out 1.3s both;
    animation: fadeInUp .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInUp-delay3 {
    display: block !important;
    -webkit-animation: fadeInUp .8s ease-in-out 1.8s both;
    animation: fadeInUp .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInDown {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out .5s both;
    animation: fadeInDown .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInDown-delay {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out .8s both;
    animation: fadeInDown .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInDown-delay2 {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out 1.3s both;
    animation: fadeInDown .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInDown-delay3 {
    display: block !important;
    -webkit-animation: fadeInDown .8s ease-in-out 1.8s both;
    animation: fadeInDown .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInLeft {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out .5s both;
    animation: fadeInLeft .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInLeft-delay {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out .8s both;
    animation: fadeInLeft .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInLeft-delay2 {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out 1.3s both;
    animation: fadeInLeft .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInLeft-delay3 {
    display: block !important;
    -webkit-animation: fadeInLeft .8s ease-in-out 1.8s both;
    animation: fadeInLeft .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInRight {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out .5s both;
    animation: fadeInRight .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInRight-delay {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out .8s both;
    animation: fadeInRight .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInRight-delay2 {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out 1.3s both;
    animation: fadeInRight .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInRight-delay3 {
    display: block !important;
    -webkit-animation: fadeInRight .8s ease-in-out 1.8s both;
    animation: fadeInRight .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInLeftBig {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out .5s both;
    animation: fadeInLeftBig .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInLeftBig-delay {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out .8s both;
    animation: fadeInLeftBig .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInLeftBig-delay2 {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out 1.3s both;
    animation: fadeInLeftBig .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInLeftBig-delay3 {
    display: block !important;
    -webkit-animation: fadeInLeftBig .8s ease-in-out 1.8s both;
    animation: fadeInLeftBig .8s ease-in-out 1.8s both
}

.owl-item.active .zim-fadeInRightBig {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out .5s both;
    animation: fadeInRightBig .8s ease-in-out .5s both
}

.owl-item.active .zim-fadeInRightBig-delay {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out .8s both;
    animation: fadeInRightBig .8s ease-in-out .8s both
}

.owl-item.active .zim-fadeInRightBig-delay2 {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out 1.3s both;
    animation: fadeInRightBig .8s ease-in-out 1.3s both
}

.owl-item.active .zim-fadeInRightBig-delay3 {
    display: block !important;
    -webkit-animation: fadeInRightBig .8s ease-in-out 1.8s both;
    animation: fadeInRightBig .8s ease-in-out 1.8s both
}

.owl-item.active .zim-flipInX {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out .5s both;
    animation: flipInX .8s ease-in-out .5s both
}

.owl-item.active .zim-flipInX-delay {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out .8s both;
    animation: flipInX .8s ease-in-out .8s both
}

.owl-item.active .zim-flipInX-delay2 {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out 1.3s both;
    animation: flipInX .8s ease-in-out 1.3s both
}

.owl-item.active .zim-flipInX-delay3 {
    display: block !important;
    -webkit-animation: flipInX .8s ease-in-out 1.8s both;
    animation: flipInX .8s ease-in-out 1.8s both
}

.owl-item.active .zim-zoomIn {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out .5s both;
    animation: zoomIn .8s ease-in-out .5s both
}

.owl-item.active .zim-zoomIn-delay {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out .8s both;
    animation: zoomIn .8s ease-in-out .8s both
}

.owl-item.active .zim-zoomIn-delay2 {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out 1.3s both;
    animation: zoomIn .8s ease-in-out 1.3s both
}

.owl-item.active .zim-zoomIn-delay3 {
    display: block !important;
    -webkit-animation: zoomIn .8s ease-in-out 1.8s both;
    animation: zoomIn .8s ease-in-out 1.8s both
}

.advanced-slider-wrapper {
    padding: 0;
    color: #fff
}

.advanced-slider.simple-slider .item .item-content {
    padding: 0;
    height: 840px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.advanced-slider.simple-slider .item .item-content>.container {
    display: table;
    height: 100%;
    position: relative;
    z-index: 100
}

.advanced-slider.simple-slider .item .item-content>.container>div {
    display: table-cell;
    vertical-align: middle
}

.advanced-slider.simple-slider .slider-images img {
    position: absolute;
    border-radius: 3px;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.advanced-slider.simple-slider .slider-images img.slider-img1 {
    max-width: 267px
}

.advanced-slider.simple-slider .slider-images img.slider-img2 {
    max-width: 191px;
    right: 0;
    top: 40px;
    z-index: 10
}

.advanced-slider.simple-slider .slider-images img.slider-img3 {
    max-width: 333px;
    top: 120px;
    left: 150px
}

.advanced-slider.simple-slider .title {
    font-size: 48px;
    text-transform: capitalize
}

.advanced-slider.simple-slider .details {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.6
}

.advanced-slider.simple-slider .btn {
    line-height: 50px;
    font-size: 16px;
    padding: 0 40px;
    margin-right: 30px;
    font-weight: 700;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.advanced-slider.simple-slider .owl-controls .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    margin-left: -86px
}

.advanced-slider.simple-slider .owl-nav>div {
    position: initial;
    -webkit-transform: initial;
    transform: initial;
    font-size: 14px;
    margin-top: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    opacity: .5
}

.advanced-slider.simple-slider .owl-nav>div.owl-next {
    margin-top: 15px
}

.advanced-slider.simple-slider .owl-dots {
    position: absolute;
    bottom: 40px;
    text-align: left
}

.advanced-slider.simple-slider .icon-angle-left:before {
    content: "\e91c"
}

.advanced-slider.simple-slider .icon-angle-right:before {
    content: "\e91b"
}

.hero-section {
    padding: 226px 0 200px
}

.conference-info {
    font-size: 22px;
    font-weight: 500
}

.conference-info i {
    margin-right: 6px
}

.conference-info span {
    margin-right: 20px
}

.hero-section .title {
    margin-top: 28px;
    margin-bottom: 35px
}

.hero-section .button-group a.btn {
    line-height: 60px;
    padding: 0 57px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 700
}

.hero-section .button-group a.btn.btn-info {
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    padding: 0 30px
}

.hero-section .button-group a.btn.btn-info i {
    width: 25px;
    height: 25px;
    font-size: 10px;
    border: 1px solid #fff;
    line-height: 22px;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px
}

.hero-section .button-group a.btn.btn-info:hover,
.hero-section .button-group a.btn.btn-info:focus {
    background: #fff;
    color: #243b54
}

.hero-section .button-group a.btn.btn-info:hover i,
.hero-section .button-group a.btn.btn-info:focus i {
    border-color: #243b54;
    color: #243b54
}

.button-group .btn:not(:last-child) {
    margin-right: 18px
}

.conf-countdown {
    max-width: 660px;
    display: inline-block;
    margin-top: 73px
}

.event-short-info .speakers ul>li {
    display: table;
    min-height: 300px;
    color: #fff;
    float: left;
    width: 50%;
    position: relative
}

.event-short-info .speakers ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.event-short-info .speakers ul>li:nth-child(1):before {
    background-image: -moz-linear-gradient(135deg, rgba(0, 171, 151, .9) 0, rgba(175, 202, 11, .9) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 171, 151, .9) 0, rgba(175, 202, 11, .9) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 171, 151, .9) 0, rgba(175, 202, 11, .9) 100%)
}

.event-short-info .speakers ul>li:hover:nth-child(1):before {
    background-image: -moz-linear-gradient(135deg, rgba(0, 171, 151, 1) 0, rgba(175, 202, 11, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 171, 151, 1) 0, rgba(175, 202, 11, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 171, 151, 1) 0, rgba(175, 202, 11, 1) 100%)
}

.event-short-info .speakers ul>li:nth-child(2):before {
    background-image: -moz-linear-gradient(135deg, rgba(199, 1, 127, .9) 0, rgba(234, 81, 110, .9) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(199, 1, 127, .9) 0, rgba(234, 81, 110, .9) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(199, 1, 127, .9) 0, rgba(234, 81, 110, .9) 100%)
}

.event-short-info .speakers ul>li:hover:nth-child(2):before {
    background-image: -moz-linear-gradient(135deg, rgba(199, 1, 127, 1) 0, rgba(234, 81, 110, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(199, 1, 127, 1) 0, rgba(234, 81, 110, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(199, 1, 127, 1) 0, rgba(234, 81, 110, 1) 100%)
}

.event-short-info .speakers ul>li:nth-child(3):before {
    background-image: -moz-linear-gradient(135deg, rgba(0, 117, 191, .9) 0, rgba(0, 157, 197, .9) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 117, 191, .9) 0, rgba(0, 157, 197, .9) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 117, 191, .9) 0, rgba(0, 157, 197, .9) 100%)
}

.event-short-info .speakers ul>li:hover:nth-child(3):before {
    background-image: -moz-linear-gradient(135deg, rgba(0, 117, 191, 1) 0, rgba(0, 157, 197, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 117, 191, 1) 0, rgba(0, 157, 197, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 117, 191, 1) 0, rgba(0, 157, 197, 1) 100%)
}

.event-short-info .speakers ul>li:nth-child(4):before {
    background-image: -moz-linear-gradient(135deg, rgba(255, 204, 0, .9) 0, rgba(247, 166, 0, .9) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 204, 0, .9) 0, rgba(247, 166, 0, .9) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(255, 204, 0, .9) 0, rgba(247, 166, 0, .9) 100%)
}

.event-short-info .speakers ul>li:hover:nth-child(4):before {
    background-image: -moz-linear-gradient(135deg, rgba(255, 204, 0, 1) 0, rgba(247, 166, 0, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 204, 0, 1) 0, rgba(247, 166, 0, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(255, 204, 0, 1) 0, rgba(247, 166, 0, 1) 100%)
}

.event-short-info .speakers ul>li .title {
    z-index: 10;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    font-size: 72px;
    line-height: 1;
    color: #fff
}

.event-short-info .speakers ul>li .title span {
    font-size: 30px;
    display: block;
    line-height: 1;
    margin-top: 15px
}

.event-short-info .event-info h1 {
    margin-bottom: 55px
}

.event-short-info .event-info h1 small {
    font-size: 36px;
    display: block
}

.event-short-info .event-info p {
    font-size: 18px
}

.events-tab .tabs-nav>li>a {
    font-weight: 700;
    color: #243b55
}

.events-tab .tabs-nav>li.active a {
    color: #fff
}

.features-item {
    background-color: #fff;
    margin-bottom: 110px;
    padding: 90px 50px 40px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 2px
}

.features-item:hover {
    -webkit-box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer
}

.features-icon {
    font-size: 36px;
    padding: 20px 28px;
    background: #fff;
    border-radius: 60px;
    border: 2px dashed #f0f0f0;
    -webkit-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #bdbdbd;
    -webkit-transition: .3s;
    transition: .3s
}

.features-info .title {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 20px
}

.features-item-v2 {
    padding: 0;
    background: transparent;
    color: #fff;
    z-index: 10;
    margin-bottom: 80px
}

.features-item-v2:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.features-item-v2 .icon {
    font-size: 50px;
    line-height: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.features-item-v2 .features-info .title {
    color: #fff;
    font-weight: 400
}

.features-item-v2 .features-info p {
    color: #bfbfbf;
    font-size: 18px;
    font-weight: 300
}

.features-item.features-item-v2:hover .features-info p {
    color: #bfbfbf
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center
}

.time_circles>div>h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 5px
}

.time_circles>div>span {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: bold
}

.tabbed-about-us .tab-pane {
    margin-bottom: 80px;
    display: none;
    border: 0
}

.tabbed-about-us .tab-content>.tab-pane {
    border: 0
}

.tabbed-about-us .tab-pane.active {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .15s both;
    animation: fadeIn .5s ease-in-out .15s both
}

.tabbed-about-us .img-wrapper {
    position: relative;
    min-height: 400px
}

.tabbed-about-us .img-wrapper img {
    -webkit-box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22)
}

.tabbed-about-us .img-wrapper .img-one {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.tabbed-about-us .img-wrapper .img-two {
    position: absolute;
    top: 120px;
    left: 138px;
    display: none
}

.tabbed-about-us .img-wrapper .img-three {
    position: absolute;
    top: 40px;
    left: 345px;
    display: none
}

.tabbed-about-us .tab-pane.active .img-one {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .15s both;
    animation: fadeIn .5s ease-in-out .15s both
}

.tabbed-about-us .tab-pane.active .img-two {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .50s both;
    animation: fadeIn .5s ease-in-out .50s both
}

.tabbed-about-us .tab-pane.active .img-three {
    display: block;
    -webkit-animation: fadeIn .5s ease-in-out .85s both;
    animation: fadeIn .5s ease-in-out .85s both
}

.tabbed-about-us .details-wrapper {
    padding-left: 30px
}

.tabbed-about-us .details .title {
    text-transform: uppercase;
    color: #1c1c1c;
    margin-bottom: 50px
}

.tabbed-about-us .details p {
    margin-bottom: 30px
}

.tabbed-about-us .details p:last-child {
    margin-bottom: 0
}

.pie-title-center {
    display: inline-block;
    position: relative;
    text-align: center
}

.circle>span {
    display: block;
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px;
    color: #1c1c1c
}

.circle>span:after {
    content: '%';
    margin-left: .1em
}

.tabbed-about-us .work-progress {
    margin-top: 60px
}

.tabbed-about-us .tabs-nav {
    padding: 30px 0 25px;
    border: 0;
    text-align: center;
    border-radius: 4px
}

.tabbed-about-us .tabs-nav li {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    margin-right: 130px;
    position: relative
}

.tabbed-about-us .tabs-nav li:last-child {
    margin-right: 0
}

.tabbed-about-us .tabs-nav li * {
    color: #666
}

.tabbed-about-us .tabs-nav li span.icon {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

.tabbed-about-us .tabs-nav li:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.tabbed-about-us .tabs-nav li.active:after {
    width: 100%
}

.about-us-bg {
    background-position: right;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.about-us-bg .section-header-v2 {
    margin-bottom: 90px
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav {
    background-color: transparent;
    padding: 0
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li {
    display: table;
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
    width: 144px;
    height: 144px;
    float: left;
    border-radius: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li>a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 10
}

.tabbed-about-us-v2.tabbed-about-us .details-wrapper {
    padding-left: 0
}

.tabbed-about-us-v2.tabbed-about-us .details p {
    font-size: 18px;
    font-weight: 300
}

.tabbed-about-us-v2.tabbed-about-us .bgcolor-major-gradient-overlay {
    z-index: 1;
    opacity: 0
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover .bgcolor-major-gradient-overlay,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active .bgcolor-major-gradient-overlay {
    opacity: 1
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover *,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active * {
    color: #fff
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li:hover,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active:hover:after,
.tabbed-about-us-v2.tabbed-about-us .tabs-nav li.active:after {
    display: none
}

.tabbed-about-us-v2.tabbed-about-us .work-progress {
    margin-top: 40px
}

.col-2.portfolio-items .item {
    width: 49.99%
}

.col-3.portfolio-items .item {
    width: 33.3333333%
}

.col-4.portfolio-items .item {
    width: 24.98%
}

.col-5.portfolio-items .item {
    width: 19.99%
}

.col-5.portfolio-items .item .caption,
.col-6.portfolio-items .item .caption {
    padding: 20px
}

.col-6.portfolio-items .item {
    width: 16.666666667%
}

.portfolio,
.portfolio .section-header *,
.item-filter>li {
    color: #fff
}

.portfolio .section-header .section-title span:before {
    background-color: #fff
}

.portfolio .details p {
    font-size: 16px;
    margin-bottom: 10px
}

.item-filter {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

.item-filter>li {
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    border-radius: 30px;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
    letter-spacing: .5px;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.item-filter>li:hover,
.item-filter>li.active {
    background-color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.portfolio-items {
    margin: -15px
}

.portfolio-items .item img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.portfolio-items .item {
    float: left;
    padding: 15px;
    box-sizing: border-box
}

.portfolio-items .item figure {
    position: relative;
    border-radius: 2px
}

.portfolio-items .item .caption {
    background: #fff;
    text-align: center;
    padding: 60px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 2px;
    opacity: 0;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -webkit-transition: .3s;
    transition: .3s
}

.portfolio-items .item .caption .tag {
    font-size: 12px
}

.portfolio-items-v2.col-4.portfolio-items .item .caption .title {
    font-size: 16px
}

.portfolio-items-v2.col-4.portfolio-items .item figure .caption {
    padding-right: 60px
}

.portfolio-items-v2.col-4.portfolio-items .item .caption .popup {
    font-size: 22px
}

.portfolio-items .item .caption .title {
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin: 10px 0 20px
}

.portfolio-items .item .caption .btn {
    color: #fff
}

.portfolio-items .item figure:hover img {
    opacity: .4
}

.portfolio-items .item figure:hover .caption {
    bottom: -15px;
    left: -15px;
    opacity: 1
}

.item-filter-v2 {
    max-width: 770px;
    background-color: #fff;
    padding: 12px 30px;
    border-radius: 2px;
    text-align: left
}

.item-filter.item-filter-v2>li {
    padding: 0;
    background-color: transparent;
    color: #a6a6a6;
    font-weight: 700;
    position: relative;
    margin-right: 50px
}

.item-filter.item-filter-v2>li:last-child {
    margin-right: 0
}

.item-filter.item-filter-v2>li:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.item-filter.item-filter-v2>li:hover,
.item-filter.item-filter-v2>li.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.item-filter.item-filter-v2>li:hover:before,
.item-filter.item-filter-v2>li.active:before {
    width: 50%
}

.portfolio-items-v2 .item figure {
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.portfolio-items-v2 .item:hover figure {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.portfolio-items-v2.portfolio-items .item figure .caption {
    background: 0;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 30px;
    padding-right: 120px
}

.portfolio-items-v2.portfolio-items .item figure:hover img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2)
}

.portfolio-items-v2.portfolio-items .item .caption .tag,
.portfolio-items-v2.portfolio-items .item .caption .title,
.portfolio-items-v2.portfolio-items .item .caption .popup {
    color: #fff
}

.portfolio-items-v2.portfolio-items .item .caption .tag {
    font-size: 14px
}

.portfolio-items-v2.portfolio-items .item .caption .popup {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .75
}

.mfp-bottom-bar {
    display: none
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s
}

.mfp-arrow-right::after {
    content: "\f105" !important
}

.mfp-arrow-left::after {
    content: "\f104" !important
}

.mfp-arrow-right::before,
.mfp-arrow-left::before {
    border: none !important
}

.mfp-arrow {
    height: 60px
}

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important
}

img.mfp-img {
    padding: 40px 0 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.counter * {
    color: #bdbdbd;
    -webkit-transition: .3s;
    transition: .3s
}

.counter:hover * {
    cursor: pointer
}

.counter:hover .icon {
    margin-top: -15px;
    height: 150px;
    line-height: 150px;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.counter .icon {
    width: 85px;
    height: 135px;
    float: left;
    display: inline-block;
    text-align: center;
    line-height: 135px;
    margin-right: 20px;
    font-size: 35px;
    color: #bdbdbd;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 58.41px .59px rgba(37, 54, 93, 0.11);
    box-shadow: 0 1px 58.41px .59px rgba(37, 54, 93, 0.11)
}

.counter .info {
    display: inline-block;
    padding-top: 80px
}

.counter .timer {
    font-weight: 700
}

.counter-v2 {
    text-align: center;
    color: #151414;
    cursor: pointer
}

.counter-v2 .icon {
    font-size: 45px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    transition: .3s
}

.counter-v2 .timer {
    font-weight: 700;
    margin-bottom: 10px
}

.counter-v2 p {
    color: #676767;
    font-size: 16px;
    text-transform: capitalize
}

.team-slider .item {
    cursor: pointer
}

.team-slider .item .img-wrapper {
    padding-right: 0
}

.team-slider .item .info {
    padding: 40px 15px 20px 40px;
    background: #fff
}

.team-slider .item .degination {
    color: #212121
}

.team-slider .item .title {
    font-weight: 700;
    margin-bottom: 30px
}

.team-social {
    margin-top: 20px
}

.team-social li {
    display: inline-block;
    margin-right: 12px
}

.team-social li>a {
    color: #e0e0e0;
    width: 30px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 30px;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s
}

.team-social li>a:hover {
    color: #fff;
    font-size: 14px
}

.team-slider-thumb {
    margin: -15px
}

.team-slider-thumb .thumb {
    margin: 15px 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.team-slider-thumb .thumb:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.team-slider-thumb img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.team-slider-thumb .caption * {
    color: #fff;
    font-style: normal
}

.team-slider-thumb .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none
}

.team-slider-thumb .caption .degination {
    font-size: 10px
}

.team-slider-thumb .caption .title {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.team-slider-thumb .thumb.active img,
.team-slider-thumb .thumb:hover img {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.team-slider-thumb .thumb.active:after,
.team-slider-thumb .thumb:hover:after {
    opacity: .9
}

.team-slider-thumb .thumb.active img,
.team-slider-thumb .thumb:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.team-slider-thumb .caption .degination,
.team-slider-thumb .caption .title {
    display: none
}

.team-slider-thumb .thumb.active .caption .degination,
.team-slider-thumb .thumb:hover .caption .degination {
    animation: fadeInUp .5s;
    display: block
}

.team-slider-thumb .thumb.active .caption .title,
.team-slider-thumb .thumb:hover .caption .title {
    animation: fadeInDown .5s;
    display: block
}

.team-slider .owl-controls {
    margin-top: 30px
}

.team-slider .owl-prev,
.team-slider .owl-next {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .5
}

.team-slider .owl-prev:hover,
.team-slider .owl-next:hover {
    opacity: 1
}

.team-slider .owl-prev {
    position: absolute;
    left: 0
}

.team-slider .owl-next {
    position: absolute;
    right: 0
}

.team-slider-v2 .team .info {
    position: absolute;
    top: 120px;
    left: 30px;
    right: 30px;
    opacity: 0;
    color: #fff;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s
}

.team-slider-v2 .team ul.team-social {
    position: absolute;
    top: 0;
    bottom: initial;
    left: 30px;
    right: 30px;
    z-index: 15;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    margin-top: 0
}

.team-slider-v2 .team ul.team-social>li>a {
    color: #fff;
    opacity: 1
}

.team-slider-v2 .team ul.team-social>li>a:hover {
    background-color: #fff
}

.team-slider-v2 .team .info .designation {
    color: #fff;
    opacity: .6
}

.team-slider-v2 .team .title {
    color: #fff
}

.team-slider-v2 .team .bgcolor-major-gradient-overlay {
    opacity: 0
}

.team-slider-v2 .team:hover .bgcolor-major-gradient-overlay {
    opacity: 1
}

.team-slider-v2 .team:hover ul.team-social {
    top: 40px;
    opacity: 1
}

.team-slider-v2 .team:hover .info .designation {
    opacity: 1
}

.team-slider-v2 .team:hover .info {
    top: 80px;
    opacity: 1
}

.team-slider-v2 .owl-controls,
.team-slider-v3 .owl-controls {
    margin-top: 30px
}

.testimonial-quotes-icon {
    text-align: center;
    margin-bottom: 20px
}

.testimonial-quotes-icon i {
    font-size: 50px;
    color: #e0e0e0
}

.testimonial-slider .info {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.8;
    text-align: center
}

.testimonial-slider .flex-direction-nav {
    display: none
}

.testimonial-slider-thumb {
    margin: 0;
    padding: 20px 82px;
    margin: 0 20px;
    border-radius: 4px;
    overflow: hidden
}

.testimonial-slider-thumb .slides>li {
    opacity: .4;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.testimonial-slider-thumb .slides>li.flex-active-slide {
    opacity: 1
}

.testimonial-slider-thumb .img-wrapper img {
    width: 74px;
    border-radius: 100%
}

.testimonial-slider-thumb .media-body {
    padding-top: 20px;
    padding-left: 10px
}

.testimonial-slider-thumb .media-body .title {
    font-weight: 700
}

.flex-direction-nav a {
    background: #0756a5;
    width: 25px;
    height: 32px;
    -webkit-transition: .3s;
    transition: .3s
}

.flex-direction-nav a:before {
    content: '\f10a';
    font-family: Flaticon;
    font-style: normal;
    font-size: 25px
}

.flex-direction-nav a.flex-next:before {
    content: '\f109'
}

.flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
    right: 25px;
    opacity: .4
}

.flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 25px;
    opacity: .4
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1
}

.testimonial-slider-v2 {
    padding-top: 150px
}

.testimonial-slider-v2 .flex-control-thumbs {
    position: absolute;
    top: 0;
    bottom: initial;
    text-align: center
}

.testimonial-slider-v2 .flex-control-thumbs li {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    float: none
}

.testimonial-slider-v2 .flex-control-thumbs li img {
    opacity: .6;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: .3s;
    transition: .3s
}

.testimonial-slider-v2 .flex-control-thumbs li img.flex-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.testimonial-slider-v2 .slides .info {
    padding: 0 110px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.7;
    text-align: center;
    margin-top: 13px
}

.testimonial-slider-v2 .slides .about-client {
    margin-top: 25px
}

.testimonial-slider-v2 .slides .about-client .icon {
    color: #fff;
    font-size: 30px
}

.testimonial-slider-v2 .slides .about-client .name {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px
}

.testimonial-slider-v2 .slides .about-client .designation {
    font-weight: 300
}

.about-client .designation {
    font-size: 16px;
    margin-top: 5px
}

.testimonial-slider-v2 .flex-direction-nav .flex-prev {
    left: -25px
}

.testimonial-slider-v2 .flex-direction-nav .flex-next {
    right: -25px
}

.testimonial-slider-v2 .flex-direction-nav>li>a {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    text-align: center;
    opacity: 1;
    border-radius: 50%
}

.testimonial-slider-v2 .flex-direction-nav>li>a:before {
    font-size: 10px;
    text-shadow: none;
    color: #fff !important;
    line-height: 32px
}

.team-slider-v2 .owl-controls .owl-nav>div:hover,
.team-slider-v3 .owl-controls .owl-nav>div:hover .testimonial-slider-v2 .flex-direction-nav>li>a:hover {
    color: #fff;
    border: 0;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.testimonial-slider-v2 .flex-direction-nav>li>a:hover:before {
    line-height: 36px
}

.tweetSlider .single-tweet {
    margin-bottom: 30px
}

.tweet-icon {
    position: absolute;
    top: 50%;
    left: -47px;
    transform: translateY(-50%);
    width: 94px;
    height: 94px;
    line-height: 80px;
    background: #fff;
    font-size: 30px;
    border-radius: 100%;
    text-align: center;
    border: 7px solid
}

.twitter-info .tweet-text,
.twitter-info .tweet-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #fff
}

.twitter-info .tweet-text a,
.twitter-info .tweet-text p a {
    display: inline;
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

.twitter-info .tweet-text {
    margin-bottom: 37px
}

.twitter-info .tweet-text p {
    margin-bottom: 0
}

.twiiter-options li {
    list-style: none;
    display: inline-block;
    margin-right: 26px
}

.twiiter-options li:last-child {
    margin-right: 0
}

.twiiter-options li a {
    display: inline-block;
    color: #fff
}

.twiiter-options li a i,
.twiiter-options li a span {
    vertical-align: middle
}

.twiiter-options li a span {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 7px
}

.twiiter-options li a i {
    font-size: 16px
}

.tweetSlider-v2.tweetSlider .owl-dots {
    text-align: center
}

.tweetSlider .owl-dots {
    text-align: left
}

.tweetSlider .owl-prev,
.tweetSlider .owl-next {
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s
}

.tweetSlider .owl-prev:hover,
.tweetSlider .owl-next:hover {
    opacity: 1
}

.tweetSlider .owl-prev {
    position: absolute;
    right: 30px
}

.tweetSlider .owl-next {
    position: absolute;
    right: 0
}

.tweetSlider .owl-dot span {
    background: #fff;
    border-color: #fff
}

.tweet-icon-v2 {
    text-align: center;
    font-size: 60px;
    color: #00abf1;
    line-height: 1;
    margin-bottom: 50px
}

.tweetSlider-v2.tweetSlider .single-tweet {
    margin-bottom: 0
}

.tweetSlider-v2 .twitter-info .tweet-text {
    margin-bottom: 20px
}

.tweetSlider-v2 .twitter-info .tweet-text p {
    font-size: 18px;
    font-weight: 300
}

.tweetSlider-v2 .twitter-info .tweet-text p a {
    color: #00abf1
}

a.twitter-more-btn {
    text-transform: uppercase;
    color: #fff;
    background: #00abf1;
    line-height: 50px
}

.tweetSlider-v2 .owl-controls {
    position: relative;
    bottom: -90px
}

.accordion .panel {
    border: 0;
    border-bottom: 2px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important;
    background: 0
}

.accordion .panel-collapse>p {
    padding-bottom: 40px
}

.accordion .panel-heading {
    background: 0;
    display: block;
    overflow: hidden;
    padding: 15px 0;
    border: 0;
    position: relative
}

.accordion .panel-heading a:before {
    content: "\f108";
    font-size: 25px;
    font-weight: 400;
    position: absolute;
    right: 0;
    font-family: 'Flaticon';
    -webkit-transition: .3s;
    transition: .3s
}

.accordion .panel-heading a.collapsed:before {
    content: "\f10b";
    color: #8c8c8c
}

.accordion .panel-heading a {
    color: #8c8c8c;
    font-weight: 700;
    line-height: 50px;
    display: block
}

.accordion.accordion-v2 .panel {
    padding: 0 30px;
    background-color: #fff;
    border-color: #f5f5f5
}

.accordion-v2.accordion .panel-heading a {
    font-weight: 400
}

.accordion-v2 .panel-collapse p {
    font-size: 17px;
    font-weight: 300
}

.accordion.accordion-v3 .panel {
    padding: 0
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs>li>a {
    background: #f5f5f5;
    border: 0;
    border-radius: 2px 2px 0 0;
    margin-right: 10px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 0;
    color: #fff
}

.tab-content>.tab-pane {
    border: 2px solid #f5f5f5
}

.tab-content>.tab-pane .panel-div>div {
    width: 50%
}

.panel-div {
    padding: 30px
}

.nav-tabs-gradient.nav-tabs>li>a {
    padding: 10px 20px
}

.nav-tabs-gradient.nav-tabs>li.active>a:focus,
.nav-tabs-gradient.nav-tabs>li.active>a {
    background: 0
}

.tab-content-v2 .panel-div p {
    font-size: 17px;
    font-weight: 300
}

.nav-tabs-v2.nav-tabs>li>a {
    background: 0;
    margin-right: 25px;
    padding-left: 0;
    border-bottom: 2px solid transparent;
    transition: .3s
}

.nav-tabs-v2.nav-tabs>li.active>a,
.nav-tabs-v2.nav-tabs>li.active>a:hover,
.nav-tabs-v2.nav-tabs>li.active>a:focus {
    border-bottom: 2px solid;
    background: 0
}

.nav-tabs-v2.nav-tabs+.tab-content-v2 .tab-pane {
    border: 0
}

.nav-tabs-v2.nav-tabs+.tab-content-v2 .panel-div {
    padding: 0;
    padding-top: 20px
}

.demo-video {
    text-align: center;
    margin: 0 100px
}

.demo-video img {
    display: inline-block;
    -webkit-box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22)
}

.demo-video .play-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: rgba(0, 0, 0, .6);
    border-radius: 100px;
    line-height: 64px;
    font-size: 20px;
    cursor: pointer
}

.demo-video-v2-wrapper>.container {
    z-index: 10
}

.demo-video-v2 {
    margin: 0 100px;
    margin-top: -260px;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.demo-video-v2 .video-content img {
    width: 100%;
    display: block
}

.demo-video-play-icon {
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 20;
    font-size: 18px;
    text-transform: uppercase
}

.demo-video-play-icon:hover,
.demo-video-play-icon:focus {
    color: #fff;
    opacity: .8
}

.demo-video-play-icon i.fa {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    line-height: 48px;
    font-size: 20px;
    text-align: center;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    margin-right: 15px
}

.demo-video-play-icon i.fa-play:before {
    margin-left: 5px
}

.image-content {
    position: relative
}

.image-holder {
    position: absolute;
    top: 0;
    width: 41.66666667%;
    height: 100%;
    background-position: right;
    background-size: cover
}

.content-holder-wrapper {
    padding: 140px 30px 140px 80px;
    position: relative
}

.content-holder * {
    color: #fff
}

.work-progress .each-item {
    float: left;
    margin-right: 60px;
    text-align: center
}

.work-progress .each-item:last-child {
    margin-right: 0
}

.work-progress .each-item>div {
    display: inline-block;
    position: relative;
    text-align: center
}

.work-progress .each-item .title {
    color: #616161;
    text-transform: uppercase;
    margin-top: 10px
}

.cta {
    padding: 60px 0
}

.cta .title {
    font-weight: 300;
    line-height: 1.3
}

.cta .btn {
    font-size: 14px;
    line-height: 45px;
    padding: 0 30px
}

.go-top {
    position: fixed;
    bottom: -100px;
    right: 30px;
    font-size: 20px;
    background: #f50057;
    border: 0;
    color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21), 0 5px 10px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.21), 0 5px 10px 0 rgba(0, 0, 0, 0.22);
    width: 48px;
    height: 48px;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 100
}

.go-top i {
    display: block
}

.go-top.active {
    bottom: 100px
}

.page-title-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-position: center center;
    -webkit-animation: onlyscale 50s infinite;
    animation: onlyscale 50s infinite
}

@-webkit-keyframes onlyscale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes onlyscale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.page-title {
    padding: 160px 0 190px 0;
    color: #fff;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    margin-bottom: -125px;
    z-index: 10
}

.page-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page-title .breadcrumb {
    background-color: rgba(0, 0, 0, .1);
    padding: 12px 15px;
    font-size: 12px;
    text-transform: uppercase
}

.breadcrumb>li>a {
    opacity: .7;
    color: #fff
}

.breadcrumb>li>a:hover {
    opacity: 1
}

.partners-slider .item {
    margin-bottom: 40px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: .3s;
    transition: .3s
}

.partners-slider .item img {
    -webkit-transition: .3s;
    transition: .3s
}

.partners-slider .item:hover {
    opacity: 1
}

.partners-slider .owl-controls .owl-nav>div,
.team-slider-v2 .owl-controls .owl-nav>div,
.team-slider-v3 .owl-controls .owl-nav>div {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -70px;
    font-size: 14px;
    line-height: 1;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.team-slider-v2 .owl-controls .owl-nav>div,
.team-slider-v3 .owl-controls .owl-nav>div {
    border: 2px solid #e0e0e0;
    color: #e0e0e0;
    background: 0
}

.partners-slider .owl-controls .owl-nav>.owl-next,
.team-slider-v2 .owl-controls .owl-nav>.owl-next,
.team-slider-v3 .owl-controls .owl-nav>.owl-next {
    left: inherit;
    right: -70px
}

.partners-slider .owl-controls .owl-prev:hover,
.partners-slider .owl-controls .owl-next:hover {
    opacity: 1
}

.partners-slider .owl-dot span {
    background: #bdbdbd;
    border-color: #bdbdbd
}

.partners-slider.partners-slider-v2 .item {
    opacity: 1
}

.partners-slider.partners-slider-v2 .item img {
    opacity: .5
}

.partners-slider.partners-slider-v2 .item img:hover {
    opacity: 1
}

.newsletter .section-header {
    margin-bottom: 30px
}

.newsletter .section-header-v2 .section-title {
    margin-bottom: 20px
}

form.mailchimpForm {
    border: 2px solid;
    border-radius: 50px;
    padding-left: 25px;
    margin-left: 30px;
    display: inline-block;
    max-width: 450px;
    width: 100%;
    position: relative;
    z-index: 10;
    height: 60px
}

.newsletter {
    padding: 65px 0
}

.mailchimpForm .input {
    display: inline-block;
    width: 70%;
    padding: 0 10px;
    float: left
}

.mailchimpForm .input:after {
    display: none
}

.mailchimpForm input {
    width: 100%;
    background-color: transparent;
    line-height: 54px;
    border: 0
}

.mailchimpForm .input-label {
    left: 15px;
    -webkit-transform: translate3d(0, 38px, 0) scaleX(1);
    transform: translate3d(0, 38px, 0) scaleX(1);
    -webkit-transition: -webkit-transform .25s, font-size .25s, scale .25s;
    transition: transform .25s, font-size .25s, scale .25s
}

.mailchimpForm .input-label-content {
    opacity: .5
}

.mailchimpForm .input-field:focus+.input-label-content,
.mailchimpForm .input-filled .input-label-content {
    opacity: 1
}

.mailchimpForm .input-field:focus+.input-field,
.mailchimpForm .input-filled .input-field {
    color: #fff
}

.mailchimpForm .input-field:focus+.input-label,
.mailchimpForm .input-filled .input-label {
    -webkit-transform: translate3d(0, 38px, 0) scaleY(0);
    transform: translate3d(0, 38px, 0) scaleY(0);
    font-size: 16px
}

.mailchimpForm .btn {
    width: 30%;
    float: left;
    font-size: 14px;
    line-height: 56px;
    height: 57px;
    background-color: #fff;
    font-weight: 700;
    position: absolute;
    right: -2px;
    border-radius: 0 50px 50px 0
}

.mailchimpForm .btn:focus {
    outline: 0
}

.mini-newsletter p {
    font-size: 16px;
    color: #666;
    line-height: 1.5
}

.mini-newsletter input {
    width: 100%;
    background: 0
}

.pricing-table {
    background-color: #fff;
    padding: 50px 20px 40px;
    border-radius: 2px
}

.price-heading .price-group {
    font-weight: 700
}

.price-heading .title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 25px
}

.price-group .dollar {
    font-size: 35px;
    font-weight: 400;
    vertical-align: top
}

.price-group .price {
    font-size: 72px;
    line-height: 1
}

.price-group .price-more {
    font-size: 35px;
    letter-spacing: -1px;
    vertical-align: top;
    position: absolute
}

.price-group .time {
    text-transform: uppercase
}

ul.price-feature {
    margin: 60px 0
}

ul.price-feature>li {
    margin-bottom: 30px;
    text-transform: uppercase
}

ul.price-feature>li:last-child {
    margin-bottom: 0
}

.price-footer .btn {
    font-size: 13px;
    font-weight: 700;
    padding: 0 40px;
    line-height: 42px;
    text-transform: uppercase
}

.featured-price {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.featured-price * {
    color: #fff
}

.featured-price .price-footer .btn,
.featured-price .price-footer .btn:hover,
.featured-price .price-footer .btn:focus {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)
}

.pricing-table-v2 {
    padding: 60px 20px
}

.pricing-table-v2 .price-heading .title {
    color: #151414;
    margin-bottom: 40px
}

.pricing-table-v2 .price-heading .icon i:before {
    -webkit-transition: .3s;
    transition: .3s
}

.pricing-table-v2 .price-heading .icon i {
    display: inline-block;
    font-size: 40px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    line-height: 90px;
    -webkit-box-shadow: 0 0 0 15px #fafafa;
    box-shadow: 0 0 0 15px #fafafa;
    position: relative;
    z-index: 10;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.pricing-table-v2 .price-heading .icon i .bgcolor-major-gradient-overlay {
    opacity: 0
}

.pricing-table-v2 .price-heading .price-group {
    margin-top: 40px
}

.pricing-table-v2 .price-group .dollar {
    font-size: 25px;
    font-weight: 100
}

.pricing-table-v2 .price-group .price {
    font-size: 40px;
    font-weight: 400
}

.pricing-table-v2 .price-group .time {
    font-weight: 100
}

.pricing-table-v2 ul.price-feature {
    margin-top: 40px
}

.pricing-table-v2 ul.price-feature>li {
    margin-bottom: 25px;
    font-weight: 300;
    text-transform: uppercase;
    color: #151414
}

.pricing-table-v2 .price-footer .btn {
    border-color: #f5f5f5;
    font-weight: 400;
    height: 46px
}

.pricing-table-v2 .btn .bgcolor-major-gradient-overlay {
    opacity: 0;
    z-index: -1
}

.pricing-table-v2:hover .btn .bgcolor-major-gradient-overlay,
.pricing-table-v2 .btn:hover .bgcolor-major-gradient-overlay,
.pricing-table-v2 .btn:focus .bgcolor-major-gradient-overlay,
.pricing-table-v2.featured-price .price-footer .btn .bgcolor-major-gradient-overlay {
    opacity: 1
}

.pricing-table-v2 .price-footer .btn:hover,
.pricing-table-v2 .price-footer .btn:focus,
.pricing-table-v2:hover .price-footer .btn,
.pricing-table-v2.featured-price .price-footer .btn {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    border: 0;
    color: #fff
}

.pricing-table-v2.pricing-table {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-table-v2:hover .price-heading .icon i .bgcolor-major-gradient-overlay,
.pricing-table-v2.featured-price .price-heading .icon i .bgcolor-major-gradient-overlay {
    opacity: 1;
    -webkit-box-shadow: 0 0 0 15px rgba(251, 56, 95, .15);
    box-shadow: 0 0 0 15px rgba(251, 56, 95, .15)
}

.pricing-table-v2:hover .price-heading .icon i:before,
.pricing-table-v2.featured-price .price-heading .icon i:before {
    color: #fff;
    z-index: 100;
    position: relative
}

.contact-info .title {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 70px
}

.contact-info .title span {
    position: relative
}

.contact-info .title span:before {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #1c1c1c
}

.forms>li:nth-child(1),
.forms>li:nth-child(3) {
    padding-right: 55px
}

.send-message {
    background-color: #fff;
    padding: 45px 60px 30px 40px
}

.forms input,
.forms select {
    width: 100%
}

.forms>li:nth-child(1),
.forms>li:nth-child(2),
.forms>li:nth-child(3),
.forms>li:nth-child(4) {
    width: 50%
}

.forms>li {
    width: 100%;
    margin-bottom: 30px;
    float: left
}

.forms textarea {
    width: 100%;
    height: 90px
}

.send-message form button[type="submit"] {
    padding: 0 40px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 45px
}

#msgSubmit {
    font-size: 16px;
    position: absolute;
    bottom: 40px;
    text-align: center;
    display: block;
    width: 100%
}

.contact-details {
    padding: 45px 50px
}

.contact-details *,
.contact-info .contact-details .title {
    color: #fff
}

.contact-info .contact-details .title {
    margin-bottom: 80px
}

.contact-info .contact-details .title span:before {
    background-color: #fff
}

label.error {
    display: block;
    color: red;
    font-size: 12px;
    margin-top: 8px
}

.contactSection .help-block,
.contactSection label.error {
    position: absolute;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
    color: red;
    bottom: -35px;
    left: 0
}

.captcha label.error {
    bottom: -15px;
    left: 15px
}

.contact-details ul.info>li {
    margin-bottom: 30px
}

.contact-details ul.info>li:last-child {
    margin-bottom: 0
}

.contact-details ul.info .icon {
    font-size: 25px;
    margin-bottom: 5px
}

.contact-details ul.info p {
    font-size: 16px
}

ul.social-icon {
    position: absolute;
    bottom: 40px
}

ul.social-icon>li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px
}

ul.social-icon>li>a {
    opacity: .4;
    -webkit-transition: .3s;
    transition: .3s
}

ul.social-icon>li>a:hover {
    opacity: 1
}

.contact-details.contact-details-v2 {
    background-color: transparent;
    padding: 0
}

.contact-details.contact-details-v2 * {
    color: inherit
}

.contact-details.contact-details-v2 .title,
.send-message-v2 .title {
    color: #151414
}

.contact-details ul.info .icon {
    font-size: 40px
}

.contact-details ul.info p {
    font-size: 18px
}

.send-message-v2 .contact-form .input-filled .input-field {
    color: #151414
}

.input-filled .input-field {
    color: #151414
}

.send-message-v2 .contact-form .btn {
    border-width: 1px;
    font-weight: 600;
    padding: 0 43px
}

#map.map-v2 {
    position: relative !important;
    height: 360px
}

.most-popular article {
    position: relative
}

.most-popular .img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 3px
}

.most-popular .img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    border-radius: 3px
}

.most-popular img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s
}

.most-popular article:hover .img-wrapper:before {
    opacity: 1
}

.most-popular article:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: .5
}

.most-popular img {
    width: 100%
}

.most-popular article .info {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .85);
    margin-right: 60px;
    padding: 23px 30px 23px 35px;
    border-radius: 0 2px 2px 0;
    -webkit-transition: .3s;
    transition: .3s
}

.most-popular article:hover .info {
    background: rgba(255, 255, 255, 1)
}

.most-popular article .tag {
    position: absolute;
    top: 50%;
    left: -18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    font-size: 18px
}

.most-popular article .title {
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    font-weight: 500
}

.most-popular-v2 article .info {
    padding: 22px;
    border-radius: 0 2px 2px 0;
    background: rgba(0, 0, 0, .8)
}

.most-popular-v2 article .info .bgcolor-major-gradient-overlay {
    z-index: -1;
    opacity: 0
}

.most-popular-v2 article:hover .info .bgcolor-major-gradient-overlay {
    opacity: 1
}

body .most-popular-v2 article .title,
body .most-popular-v2 article .title:hover,
body .most-popular-v2 article .title:focus {
    color: #fff
}

.most-popular-v2 .img-wrapper:before {
    display: none
}

.most-popular-v2 article:hover img {
    opacity: 1
}

.categories>li {
    width: 50%;
    float: left;
    font-size: 16px;
    margin-bottom: 10px
}

.categories-v2>li {
    font-size: 14px
}

.categories-v2>li a {
    color: #a6a6a6
}

.niceGallery ul.entries-columns:before {
    content: "Loading........";
    position: absolute
}

.tag-clouds .tag {
    margin-top: 10px;
    margin-right: 5px;
    line-height: 32px
}

.social-feedback {
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: left
}

.social-feedback>div {
    float: left
}

.social-feedback .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    margin-top: 8px;
    margin-right: 10px
}

.social-feedback.facebook .icon {
    background: #336497
}

.social-feedback.facebook,
.social-feedback.facebook p {
    color: #336497
}

.social-feedback.twitter .icon {
    background: #25b5e6
}

.social-feedback.twitter,
.social-feedback.twitter p {
    color: #25b5e6
}

.social-feedback.youtube .icon {
    background: #d34a38
}

.social-feedback.youtube,
.social-feedback.youtube p {
    color: #d34a38
}

.social-feedback.vimeo .icon {
    background: #55accc
}

.social-feedback.vimeo,
.social-feedback.vimeo p {
    color: #55accc
}

.social-feedback.dribbble .icon {
    background: #f284a7
}

.social-feedback.dribbble,
.social-feedback.dribbble p {
    color: #f284a7
}

.social-feedback.gplus .icon {
    background: #cf5741
}

.social-feedback.gplus,
.social-feedback.gplus p {
    color: #cf5741
}

.single-post {
    margin-bottom: 50px;
    position: relative;
    z-index: 11;
    -webkit-transition: all .3s;
    transition: all .3s
}

.single-post:hover {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.single-post .img-wrapper {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.single-post .img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
    border-radius: 3px
}

.single-post img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s
}

.single-post:hover .img-wrapper:before {
    opacity: 1
}

.single-post:hover img {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
    opacity: .5
}

.single-post .tag {
    position: absolute;
    top: -15px;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px
}

.single-post .info {
    background: #fff;
    padding: 30px 25px 20px;
    position: absolute;
    bottom: -20px;
    left: 20px;
    right: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.single-post .title {
    color: #212121;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s
}

.single-post.small .title {
    font-size: 14px
}

.single-post .article-info {
    overflow: hidden
}

.single-post.post-details-effect .article-info {
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .7s ease, opacity .7s ease;
    transition: max-height .7s ease, opacity .7s ease
}

.single-post.post-details-effect:hover .article-info {
    max-height: 300px;
    opacity: 1
}

.single-post .article-info ul {
    font-size: 13px;
    margin-bottom: 10px
}

.single-post .article-info ul>li {
    display: inline-block
}

.single-post .article-info ul>li:after {
    content: " / "
}

.single-post .article-info ul>li:last-child:after {
    display: none
}

.single-post .article-info .author-name a {
    font-weight: 700;
    display: inline-block
}

.single-post .article-info .btn {
    line-height: 26px;
    padding: 0 20px;
    border: 2px solid #e0e0e0;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px
}

.single-post.single-post-index {
    margin-bottom: 40px
}

.single-post.single-post-index .info {
    padding: 30px 20px 20px
}

.single-post-v2 .info {
    margin-top: 25px
}

.single-post-v2 .tag {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.single-post-v2 .title {
    margin-bottom: 15px
}

.single-post-v2 .title a {
    color: #151414
}

.single-post-v2 .intro {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    margin-bottom: 20px
}

.single-post-v2 .article-info {
    color: #a6a6a6;
    text-transform: uppercase
}

.single-post-v2 .article-info ul li {
    display: inline-block;
    margin-right: 20px
}

.single-post-v2 .article-info ul li a {
    color: #a6a6a6
}

.single-post-v2 .article-info ul li i.fa {
    margin-right: 5px
}

.single-post-v2 .img-wrapper {
    overflow: hidden
}

.single-post-v2 .img-wrapper img {
    width: 100%
}

.single-post-v2 .img-wrapper .btn {
    border: 2px solid #fff;
    color: #fff;
    z-index: 15;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: .3s;
    transition: .3s
}

.single-post-v2 .img-wrapper .btn:hover,
.single-post-v2 .img-wrapper .btn:focus {
    background-color: #fff;
    border-color: #fff
}

.single-post-v2 .bgcolor-major-gradient-overlay {
    opacity: 0
}

.single-post-v2:hover .bgcolor-major-gradient-overlay {
    opacity: 1
}

.single-post-v2:hover .img-wrapper .btn {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.sub-leading-post.single-post-v2 .info {
    margin-top: 0;
    background: #fff;
    padding: 40px
}

.blog-view-all .btn {
    border: 2px solid #e0e0e0;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background: 0
}

.blog-view-all .btn .bgcolor-major-gradient-overlay {
    opacity: 0;
    z-index: -1
}

.blog-view-all .btn:hover .bgcolor-major-gradient-overlay,
.blog-view-all .btn:focus .bgcolor-major-gradient-overlay {
    opacity: 1
}

.featured-post {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.featured-post .info {
    left: 30px;
    right: 30px;
    bottom: -30px;
    padding: 30px
}

.featured-posts-slider .item {
    background: #fff
}

.featured-posts-slider .item>.row {
    display: table
}

.featured-posts-slider .item>.row>div {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.featured-posts-slider .info {
    padding: 0 35px 0 50px
}

.featured-posts-slider .info .tag {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.featured-posts-slider .info .title a {
    color: #151414
}

.featured-posts-slider .info .article-info {
    margin-top: 12px
}

.featured-posts-slider .info .article-info li:not(:last-child) {
    margin-right: 20px
}

.featured-posts-slider .info .article-info li {
    display: inline-block;
    color: #a6a6a6;
    text-transform: uppercase
}

.featured-posts-slider .info .article-info li i {
    margin-right: 5px
}

.featured-posts-slider .customnav {
    padding-left: 50px;
    padding-bottom: 20px
}

.featured-posts-slider .customnav>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    font-size: 10px;
    color: #e0e0e0;
    -webkit-transition: .3s;
    transition: .3s
}

.featured-posts-slider .customnav>span:not(:last-child) {
    margin-right: 10px
}

.featured-posts-slider .customnav>span:hover {
    color: #fff;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.featured-posts-slider .owl-dots {
    position: absolute;
    left: 33.33333333%;
    margin-left: 40px;
    bottom: 30px
}

.featured-posts-slider .owl-dots .owl-dot>span {
    border-color: #fff;
    background: #fff
}

ul.pagination {
    margin-top: 60px
}

ul.pagination>li>a {
    border: 0;
    padding: 5px 18px;
    font-size: 18px;
    background: 0;
    border-radius: 2px;
    color: #bdbdbd
}

ul.pagination>li>a:hover,
ul.pagination>li>a:focus {
    background: 0
}

ul.pagination>li.active>a {
    color: #fff
}

.btn.load-more {
    font-weight: 700
}

.load-more i.fa {
    margin-right: 15px
}

.sidebar {
    padding: 30px;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden
}

.sidebar-v2 {
    padding-left: 15px;
    padding-top: 0
}

.blog-single-wrapper {
    background: #fff;
    margin: 0 15px;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 30px
}

.post-img {
    width: 100%;
    height: 450px;
    background-image: url(../img/blog/blog-details.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0
}

.post-caption {
    background: #fff;
    padding: 50px 40px 20px 40px;
    border-radius: 2px 2px 0 0;
    margin-top: -160px;
    position: relative
}

.post-caption .title {
    color: #212121
}

.post-caption .post-tag {
    position: absolute;
    top: -15px;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px
}

ul.post-meta>li:after {
    content: " /"
}

ul.post-meta>li:last-child:after {
    display: none
}

ul.post-meta>li {
    display: inline-block;
    font-size: 16px
}

.post-info-wrapper {
    background: #fff;
    padding: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.post-info {
    background: #fff;
    padding: 20px 40px 40px;
    border-radius: 2px 2px 0 0
}

.post-info p {
    font-size: 15px
}

.post-info p,
.post-info h1,
.post-info h2,
.post-info h3,
.post-info h4,
.post-info h5,
.post-info h6 {
    color: #212121
}

.post-info-v2 {
    margin-top: 35px
}

.post-info-v2 .tag {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.post-info-v2 .title {
    font-size: 30px;
    margin-top: 8px
}

.post-info-v2 .title,
.post-info-v2 .title a {
    color: #151414
}

.post-info-v2 .article-info {
    margin-top: 20px
}

.post-info-v2 .article-info ul>li {
    display: inline-block;
    text-transform: uppercase;
    color: #a6a6a6;
    margin-right: 20px
}

.post-info-v2 .article-info ul>li a {
    color: #a6a6a6
}

.post-info-v2 .article-info ul>li i {
    margin-right: 5px
}

.post-info-v2 p {
    font-size: 18px;
    font-weight: 300;
    color: #666
}

.post-info-v2 blockquote {
    border-left-color: #e0e0e0;
    border-width: 2px;
    position: relative;
    padding: 0 22px;
    margin: 50px
}

.post-info-v2 blockquote:before {
    content: "\f10d";
    font-family: fontawesome;
    position: absolute;
    top: -8px;
    left: -56px;
    font-size: 33px
}

.post-info-v2 .tag-clouds .tag {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #a6a6a6
}

.post-info-v2 .tag-clouds .tag:hover {
    color: #fff
}

.related-post-wrapper-v2 {
    padding: 0
}

.section-title.mini-title-v2 {
    text-transform: capitalize;
    margin-bottom: 25px
}

.img-with-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.img-with-content .content {
    display: table-cell;
    padding-right: 35px
}

.img-with-content .img {
    display: table-cell
}

.author-info {
    background: #fff;
    padding: 35px 40px;
    border-radius: 2px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.author-img {
    display: table-cell;
    margin-right: 30px
}

.author-img img {
    border-radius: 40px
}

.author-content {
    display: table-cell
}

.author-content .degination {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px
}

.author-content h3 {
    font-weight: 600
}

ul.author-social li {
    margin-right: 10px;
    display: inline-block
}

ul.author-social li a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #bdbdbd;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.author-info-v2 {
    padding: 35px 0
}

.related-post-wrapper {
    background: #fff;
    padding: 35px 40px 10px;
    border-radius: 2px
}

.related-post .single-post .info {
    left: 15px;
    right: 15px
}

.related-post .section-title.mini-title {
    margin-bottom: 30px
}

.related-post .owl-nav {
    position: absolute;
    top: -47px;
    right: 0
}

.related-post .owl-nav>div {
    float: left;
    margin-left: 5px;
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s
}

.related-post .owl-nav>div:hover {
    opacity: 1
}

.related-post-v2 {
    margin-bottom: -15px
}

.related-post-v2 .single-post:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.related-post-v2 .single-post {
    margin-bottom: 0
}

.related-post-wrapper-v2 {
    padding: 15px 0
}

.comments-box {
    background: #fff;
    padding: 35px 40px 10px;
    border-radius: 2px
}

.commentlist li:not(:last-child) {
    margin-bottom: 40px
}

.commentlist li .child {
    margin-left: 80px;
    margin-top: 40px
}

.comment-meta {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.comment-author img {
    border-radius: 60px
}

.comment-author {
    margin-right: 20px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 15px
}

.comment-author span {
    display: block;
    color: #bdbdbd;
    font-weight: 400;
    font-size: 12px
}

.comment-reply {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    font-weight: 700
}

.thumbs-option {
    font-size: 20px
}

.thumbs-option span {
    margin-left: 10px
}

.thumbs-option .count {
    letter-spacing: -2px
}

.comments-box-v2 {
    padding: 15px 0
}

.comment-form {
    background: #fff;
    padding: 40px;
    border-radius: 2px
}

.comment-form .section-title.mini-title {
    margin-bottom: 20px
}

.comment-form .input-field {
    width: 100%
}

.comment-form .input {
    width: 48%;
    float: left
}

.comment-form .input:first-child {
    margin-right: 2%
}

.comment-form .input:nth-child(2) {
    margin-left: 2%
}

.comment-form .input-textarea {
    width: 100%
}

.comment-form .input-textarea:after {
    bottom: 6px
}

.comment-author-v2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px
}

.comment-author-v2 span {
    display: inline-block;
    font-size: 14px;
    margin-left: 8px
}

.comment-form-v2 {
    padding: 15px 0
}

.error-page body {
    background: transparent;
    color: #fff
}

.error-wrap h1 {
    font-size: 60px;
    font-weight: 700
}

.error-wrap .btn.btn-info {
    color: #fff;
    border-color: #fff
}

.error-wrap .btn.btn-info:hover,
.error-wrap .btn.btn-info:focus {
    color: #666;
    background-color: #fff;
    border-color: #fff
}

.error-wrap .btn.btn-link {
    font-size: 16px;
    margin-left: 40px;
    color: #fff
}

.error-wrap .team-social {
    margin-top: 200px
}

.error-wrap .team-social li>a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.error-wrap .team-social li>a:hover {
    background-color: #fff
}

.error-wrap footer {
    background: #f2f3f7;
    padding: 38px 0
}

.error-wrap footer p {
    color: #666
}

.error-wrap footer a {
    font-weight: 700
}

footer {
    padding: 0;
    color: #8c8c8c;
    background: #f5f5f5
}

footer .copyright a {
    font-weight: 700
}

.footer-logo {
    display: inline-block;
    padding: 40px 18px;
    border-radius: 0 0 3px 3px
}

.made-by {
    font-size: 12px;
    font-style: italic
}

footer.footer-v2 {
    padding: 50px 0
}

footer.footer-v2 .copyright {
    color: #666
}

footer.footer-v3 {
    box-shadow: 0 -3px 5px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 100
}

.all-buttons a.btn:not(:last-child) {
    margin-right: 15px
}

.style-chooser {
    width: 300px;
    right: 0;
    position: fixed;
    top: 105px;
    bottom: 0;
    z-index: 100;
    -webkit-transition: right 400ms;
    transition: right 400ms;
    box-shadow: 0 2px 50px rgba(0, 0, 0, 0.15)
}

.style-chooser .btn {
    font-size: 15px;
    font-weight: 700
}

.style-chooser.active {
    right: -300px
}

.style-chooser .toggler {
    position: absolute;
    top: 0;
    left: -48px;
    display: inline-block;
    background: #00aeef;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 4px 0 0 4px
}

.style-chooser-inner {
    position: relative;
    background: #fff;
    padding: 20px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.style-chooser-inner .info {
    margin-bottom: 40px
}

.style-chooser-inner .info h4 {
    font-size: 16px;
    text-align: center;
    margin: 30px 0 15px 0;
    letter-spacing: 2px
}

.style-chooser-inner .info p {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    opacity: .8
}

.style-chooser-inner h4.tittle {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.style-chooser-inner ul.demo {
    list-style: none;
    padding: 0
}

.style-chooser-inner ul.demo img {
    width: 100%
}

.style-chooser-inner ul.demo li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.style-chooser-inner ul.demo li.active a {
    background-color: #444
}

.style-chooser-inner ul.demo li.active a img {
    opacity: .3
}

.style-chooser-inner ul.demo li a {
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden
}

.style-chooser-inner ul.demo img {
    width: 100%;
    -webkit-transition: 2s;
    transition: 2s
}

.style-chooser-inner ul.demo li:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: 2s;
    transition: 2s
}

.style-chooser-inner ul.demo li strong {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    display: block;
    color: #000;
    opacity: .7
}

.style-chooser-inner ul li:last-child {
    margin-bottom: 0
}

ul.preset-list {
    display: block;
    margin-bottom: 20px;
    overflow: hidden
}

ul.preset-list li {
    display: inline-block;
    float: left;
    height: 36px;
    width: 40px;
    margin-bottom: 10px
}

ul.preset-list li:last-child {
    margin-bottom: 0
}

ul.preset-list>li img {
    width: 30px
}

.gcList .listTitle {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px dashed #ddd
}

.gcList .listTitle i {
    background: #f50;
    border-radius: 100%;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px
}

.downloadBtnRound {
    display: inline-block;
    background-color: #fff !important;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(50%, -50%);
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 0 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 0 28px 0 rgba(0, 0, 0, 0.22)
}

.downloadBtnRound i {
    color: #0756a5;
    font-size: 2.4rem;
    line-height: 120px
}

.smart-forms .select>select {
    padding: 0 10px
}

.blogPost img {
    min-height: 250px;
    max-height: 250px;
    width: 100%;
    max-width: inherit
}

.ebookSection {
    margin-bottom: 60px
}

.ebookSection:last-child {
    margin-bottom: 0
}

.ebookSection img {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.21), 0 0 0 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.21), 0 0 0 0 rgba(0, 0, 0, 0.22)
}

.eBookModal .modal-content {
    background: #0756a5 url(../images/ebook-modal-bg1.jpg) no-repeat center center;
    background-size: cover;
    color: #fff
}

.eBookModal .modal-body {
    padding: 3rem 2rem
}

.eBookModal h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.eBookModal .forms>li {
    width: 100%;
    padding-right: 0
}

.eBookModal input {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important
}

.eBookModal input:-internal-autofill-selected {
    background-color: rgba(0, 0, 0, 0) !important
}

.eBookModal button.close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #0756a5;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    opacity: 1;
    border: 0
}

@media only screen and (max-width :991px) {
    .eBookModal .modal-content {
        background-image: url(../images/ebook-modal-bg.jpg)
    }
    .modalBlankSide {
        display: none
    }
}


/*********** 404 page(13-06-2019) *************/

.eBookModal button.close {
    z-index: 1;
}

.eBookModal button.close span {
    display: block;
}

.error_page .fourOfour-page {
    padding: 150px 0 50px;
}

.error_page hr {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 20px;
}

.error_page .footerWrap .nav-link.hvr-forward {
    font-size: 1.6rem;
    padding: .4rem .2rem .4rem 0;
}

.error_page .footerWrap .nav-link.hvr-forward:hover {
    background-color: transparent;
}

.error_page .social-links .nav-link {
    font-size: 2rem;
}

.error_page .copyRight p {
    font-size: 1.6rem;
    margin: 0;
}

.error_page .useful-links h4 {
    font-size: 15px;
}

.error_page .useful-links .link-head {
    margin-top: -50px;
}

.error_page .copyRight.m-t-20 {
    padding: 5px 0;
}

.sorry {
    font-size: 70px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .error_page .container {
        max-width: 100%;
    }
    .error_page .fourOfour-page {
        padding: 50px 0 20px;
    }
}

@media (max-width: 768px) and (min-width: 600px) {
    .error_page .nav>li {
        border-bottom: none;
        border-top: none;
    }
}

a.navbar-brand.retina-logo {
    max-width: 210px;
}

.givingTuesday-box .downloadBtnRound {
    left: 15px;
    right: auto;
    transform: translate(-50%, -50%);
}

a:hover,
a:focus,
a:active,
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-info-major,
.bgcolor-major .btn:not(.btn-link),
.preloader .p-loading:after,
.preloader .progressFull:after,
.main-nav>ul>li.active>a,
.main-nav>ul>li:hover>a,
.main-nav>ul>li:focus>a,
#header.sticky-header .main-nav>ul>li.active>a,
#header.sticky-header .main-nav>ul>li:hover>a,
#header.sticky-header .main-nav>ul>li:focus>a,
.dropdown-items>li.active>a,
.dropdown-items>li:hover>a,
.mobile-nav ul li.has-child.children-open>a:after,
.mobile-nav ul>li .mobile-nav-toggler .close,
.mobile-nav .dropdown-items .current>a,
.accordion .panel-heading a:before,
.accordion .panel-heading a[aria-expanded="true"],
.nav-tabs-v2.nav-tabs>li.active>a,
.nav-tabs-v2.nav-tabs>li.active>a:hover,
.nav-tabs-v2.nav-tabs>li.active>a:focus,
.content-holder .tweet-icon,
.content-holder .tweet-icon i.fa,
.content-holder .icon,
.content-holder .icon i.fa,
.most-popular article .title:hover,
.mobile-nav ul>li a:hover,
.mobile-nav ul>li a:focus,
.mobile-nav ul>li a:active,
.mobile-nav ul>li.active>a,
.mobile-nav ul>li.children-open>a,
.simple-slider .btn,
.features-item-v2:hover .icon,
.tabbed-about-us-v2.tabbed-about-us .work-progress .circle>span,
.counter-v2:hover .icon,
.demo-video-play-icon i.fa,
.pricing-table-v2 .price-heading .icon i,
.pricing-table-v2 .price-heading .price-group>span,
.pricing-table-v2 .price-footer .btn,
.single-post-v2 .tag,
.single-post-v2 .title a:hover,
.single-post-v2 .img-wrapper .btn:hover,
.single-post-v2 .img-wrapper .btn:focus,
.blog-view-all .btn,
.post-info-v2 blockquote:before,
.featured-posts-slider .info .tag,
.featured-posts-slider .info .title a:hover,
.featured-posts-slider .info .title a:focus,
.features-item-v2 .icon,
.features-item:hover .features-icon,
.features-item:hover .features-info .title,
.features-item:hover .features-info p,
.tabbed-about-us .tabs-nav li:hover *,
.tabbed-about-us .tabs-nav li.active *,
.item-filter>li:hover,
.item-filter>li.active,
.portfolio-items .item .caption .tag,
.counter:hover *,
.testimonial-slider-v2 .flex-direction-nav>li>a:hover:before,
.team-slider-v2 .team ul.team-social>li>a:hover,
.contact-details ul.info .icon,
.categories-v2>li a:hover,
.single-post-v2 .article-info ul li a:hover,
.post-info-v2 .article-info ul>li a:hover,
#team-slider .item .title,
.our-team .owl-prev,
.our-team .owl-next,
#client-slider-thumb .slides>li.flex-active-slide .title,
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before,
.single-post .title:hover,
.btn.load-more,
.newsletter .btn.btn-primary,
.price-heading,
.price-footer .btn,
.featured-price .price-footer .btn:hover,
.featured-price .price-footer .btn:focus,
.featured-price .btn,
.error-wrap .team-social li>a:hover i,
.error-wrap footer a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.input-field:focus+.input-field,
.related-post .owl-nav>div,
.comment-reply,
.contact-details ul.info .icon,
footer a {
    color: #0756a5
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-border:hover,
.btn.btn-border:focus,
.bgcolor-major,
.btn.btn-primary,
.featured-price,
.item-filter.item-filter-v2>li:hover:before,
.item-filter.item-filter-v2>li.active:before,
.partners-slider .owl-controls .owl-nav>div,
.team-slider-v2 .owl-controls .owl-nav>div:hover,
.contact-details,
.team-social li>a:hover,
.featured-posts-slider .customnav>span:hover,
ul.author-social li a:hover,
ul.author-social li a:focus,
ul.author-social li a:active,
.viewbox .panel,
.eventLinks a:hover,
.eventLinks a.active,
.social-login a:hover,
.sitemap-section ul li a:hover {
    background: -webkit-linear-gradient(to right, #ff7b39, #f50);
    background: -webkit-linear-gradient(left, #ff7b39, #f50);
    background: linear-gradient(to right, #ff7b39, #f50)
}

.main-nav>ul>li.active>a:before,
.main-nav>ul>li:hover>a:before,
.main-nav>ul>li:focus>a:before,
.btn-primary.disabled.focus,
.btn-primary.disabled:hover,
#header.static-header,
#header.sticky-header .main-nav ul>li>a:hover:before,
#header.sticky-header .main-nav ul>li.active>a:before,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.most-popular article .tag,
.social-feedback .icon,
.owl-dot span,
.tabbed-about-us .tabs-nav li:after,
.single-post .tag,
ul.pagination>li.active>a,
.input:after,
.post-caption .post-tag,
.team-slider-thumb .thumb:after,
.footer-logo {
    background: #0756a5
}

.wrapperBlue .main-nav>ul>li.active>a::before,
.wrapperBlue .main-nav>ul>li:hover>a::before,
.wrapperBlue .main-nav>ul>li:focus>a::before,
.wrapperBlue .btn-primary.disabled.focus,
.wrapperBlue .btn-primary.disabled:hover,
#header.static-header,
.wrapperBlue #header.sticky-header .main-nav ul>li>a:hover::before,
.wrapperBlue #header.sticky-header .main-nav ul>li.active>a::before,
.wrapperBlue .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.wrapperBlue .nav-tabs>li.active>a:hover,
.wrapperBlue .most-popular article .tag,
.wrapperBlue .social-feedback .icon,
.wrapperBlue .owl-dot span,
.wrapperBlue .tabbed-about-us .tabs-nav li::after,
.wrapperBlue .single-post .tag,
.wrapperBlue ul.pagination>li.active>a,
.wrapperBlue .input::after,
.wrapperBlue .post-caption .post-tag,
.wrapperBlue .team-slider-thumb .thumb::after,
.wrapperBlue .footer-logo {
    background: #fff
}

.btn.btn-info-major,
.btn.btn-info:hover,
.btn.btn-info:focus,
.owl-dot span,
.features-item:hover .features-icon,
.features-item:hover .features-info .title,
.features-item:hover .features-info p,
.btn.btn-info-major,
.btn.btn-border,
.featured-posts-slider .customnav>span:hover,
.team-slider-v2 .owl-dot span {
    border-color: #0756a5
}

.wrapperBlue .btn.btn-info-major,
.wrapperBlue .btn.btn-info:hover,
.wrapperBlue .btn.btn-info:focus,
.wrapperBlue .owl-dot span,
.wrapperBlue .features-item:hover .features-icon,
.wrapperBlue .features-item:hover .features-info .title,
.wrapperBlue .features-item:hover .features-info p,
.wrapperBlue .btn.btn-info-major,
.wrapperBlue .btn.btn-border,
.wrapperBlue .featured-posts-slider .customnav>span:hover,
.wrapperBlue .team-slider-v2 .owl-dot span {
    border-color: #fff
}

.pace .pace-activity {
    border-top-color: #0756a5;
    border-left-color: #0756a5
}

.pricing-table-v2:hover .price-heading .icon i,
.pricing-table-v2.featured-price .price-heading .icon i {
    -webkit-box-shadow: 0 0 0 15px rgba(7, 86, 165, .15);
    box-shadow: 0 0 0 15px rgba(7, 86, 165, .15)
}

.major-color {
    color: #0756a5 !important
}

blockquote {
    border-left-color: #0756a5
}

::selection {
    background: rgba(7, 86, 165, .8)
}

::-moz-selection {
    background: rgba(7, 86, 165, .8)
}

.page-title:before {
    background: rgba(7, 86, 165)
}

.go-top {
    background-color: #196fc6
}

.nav-tabs-gradient.nav-tabs>li.active>a:focus,
.nav-tabs-gradient.nav-tabs>li.active>a,
body #header.gradient-header,
.bgcolor-major-gradient,
.footer-logo.bgcolor-major-gradient,
.error-page,
.pace .pace-progress {
    background-image: -moz-linear-gradient(135deg, #004385 0, #0756a5 100%);
    background-image: -webkit-linear-gradient(135deg, #004385 0, #0756a5 100%);
    background-image: -ms-linear-gradient(135deg, #004385 0, #0756a5 100%)
}

.bgcolor-major-gradient-overlay,
.niceGallery ul.entries-columns li a .bg,
.testimonial-slider-v2 .flex-direction-nav>li>a:hover,
.featured-posts-slider .customnav>span:hover,
.portfolio-items-v2.portfolio-items .item figure .caption,
.owl-controls .owl-nav>div:hover,
.wrapperBlue,
.events-overlay,
.social-login a,
.btn-inverse {
    background-image: -moz-linear-gradient(135deg, rgba(0, 67, 133, .9) 0, rgba(7, 86, 165, .9) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 67, 133, .9) 0, rgba(7, 86, 165, .9) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 67, 133, .9) 0, rgba(7, 86, 165, .9) 100%)
}

.events-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0)
}

.master-slider a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.master-slider,
.master-slider * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.master-slider.ms-fullheight {
    height: 100%
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent
}

.ms-layout-partialview .ms-container {
    overflow: hidden
}

.master-slider img,
.ms-slide-bgvideocont video {
    max-width: none
}

.ms-ie img {
    border: 0
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit
}

.ms-ie7 {
    zoom: 1
}

.ms-moz .ms-slide-bgcont>img {
    transform: translateX(0)
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0
}

.ms-slide-auto-height {
    display: table
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
    width: 36px;
    height: 36px;
    background: url(loading-2.gif) no-repeat center white;
    border-radius: 60px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px;
    opacity: .9
}

.ms-no-swipe,
.ms-def-cursor {
    cursor: auto !important
}

.ms-grab-cursor {
    cursor: url(grab.png), move
}

.ms-grabbing-cursor {
    cursor: url(grabbing.png), move
}

.ms-ie .ms-grab-cursor {
    cursor: move
}

.ms-ie .ms-grabbing-cursor {
    cursor: move
}

.ms-view {
    margin: 0 auto;
    overflow: hidden;
    background: black;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px
}

.ms-view .ms-slide-container {
    position: relative
}

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110
}

.ms-ie .ms-slide-link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat
}

.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video {
    -webkit-transform: translateZ(0.3px);
    transform: translateZ(0.3px)
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0
}

.ms-inner-controls-cont,
.ms-container {
    position: relative;
    margin: 0 auto
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
    position: absolute;
    pointer-events: auto
}

.ms-layer-mask {
    position: absolute;
    overflow: hidden
}

.ms-layer-mask .ms-layer {
    position: relative
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 109;
    top: 0;
    pointer-events: none
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: 0
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0
}

.ms-scroll-parallax-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.ms-wk .ms-scroll-parallax-cont {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px)
}

.ms-overlay-layers {
    position: absolute;
    top: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ms-action-layer {
    cursor: pointer
}

.ms-btn-container {
    position: absolute
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: black;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap
}

.ms-default-btn {
    background: #0074a2;
    border-radius: 5px;
    color: #FFF
}

.ms-default-btn:hover {
    background-color: #0098d5
}

.ms-default-btn:active {
    top: 1px
}

.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0
}

.ms-btn-m {
    padding: 12px 40px
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%
}

.ms-btn-round {
    border-radius: 5px
}

.ms-btn-circle {
    border-radius: 100px
}

.ms-btn-outline-round {
    border-radius: 5px
}

.ms-btn-outline-circle {
    border-radius: 100px
}

.ms-layer.video-box {
    background: black
}

.ms-layer.video-box iframe {
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    z-index: 111
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 112
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: .75em;
    display: inline-block;
    background: url(video-close-btn.png) no-repeat 0 3px;
    padding-left: 15px;
    height: 15px;
    color: #dbdbdb;
    margin-top: 7px
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(0.44px);
    transform: translateZ(0.44px)
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left
}

.ms-thumb-list {
    overflow: hidden;
    position: absolute
}

.ms-thumb-list.ms-dir-h {
    width: 100%
}

.ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0
}

.ms-thumbs-cont {
    position: relative
}

.ms-thumb-frame img {
    width: 100%;
    height: auto
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}

.ms-thumb-frame-selected {
    opacity: 1
}

.ms-tabs .ms-thumb-frame {
    background-color: #f6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px
}

.ms-tabs .ms-thumb {
    padding: 20px 20px
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #ededed
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #f6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #ededed
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0;
    top: auto;
    border-bottom: 0;
    border-top: solid 12px #f6f6f6
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #ededed
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #ededed;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #ededed
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #ededed
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #ededed
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    content: close-quote;
    top: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 5px 5px 5px 0;
    display: block;
    border-right-color: #FFF;
    width: 6px;
    height: 1px
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    border-width: 5px 0 5px 5px;
    border-left-color: #FFF;
    left: 7px
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    content: close-quote;
    left: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 5px 5px 5px;
    display: block;
    border-bottom-color: #FFF;
    height: 1px;
    top: 5px;
    width: 0
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    border-width: 5px 5px 0 5px;
    border-top-color: #FFF;
    top: 7px
}

.ms-bullet {
    cursor: pointer;
    float: left
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%
}

.ms-bullets.ms-dir-v .ms-bullet {
    float: none
}

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-sbar {
    position: absolute
}

.ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px
}

.ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px
}

.ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px
}

.ms-sbar.ms-dir-v .ms-bar {
    width: 4px
}

.ms-sbar .ms-bar {
    position: relative;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}

.ms-timerbar {
    width: 100%;
    bottom: 0;
    position: absolute
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer
}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    -moz-transition: width 120ms linear;
    -ms-transition: width 120ms linear;
    -o-transition: width 120ms linear;
    transition: width 120ms linear
}

.ms-ie7 .ms-tooltip-arrow {
    height: 0
}

.ms-slide-info {
    position: absolute
}

.ms-slide-info.ms-dir-v {
    top: 0
}

.ms-slide-info.ms-dir-h {
    width: 100%
}

@keyframes point-anim {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 1
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes point-anim {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none
}

.master-slider {
    -moz-transform: translate3d(0, 0, 1px)
}

.ms-staff-carousel {
    max-width: 880px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.ms-staff-carousel .ms-view {
    overflow: visible;
    background-color: transparent
}

.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
    background: url(../images/arrows.png) white no-repeat -7px -57px;
    width: 35px;
    height: 40px;
    left: -35px;
    margin-top: -17px;
    box-shadow: 0 1px 0 0 #bebebe;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-staff-carousel .ms-nav-next {
    background-position: -6px -7px;
    right: -35px;
    left: auto
}

.ms-staff-carousel .ms-staff-info {
    font-family: 'Lato', sans-serif;
    text-align: center;
    max-width: 600px;
    margin-top: 30px;
    min-height: 300px;
    color: #222
}

.ms-staff-carousel .ms-staff-info h3 {
    font-weight: 400;
    font-size: 22pt;
    margin: 0;
    color: #fff
}

.ms-staff-carousel .ms-staff-info h4 {
    font-weight: 300;
    color: rgba(255, 255, 255, .7);
    font-size: 15pt;
    margin: 3px
}

.ms-staff-carousel .ms-staff-info .email a {
    text-decoration: none;
    color: #fff
}

.ms-staff-carousel .ms-staff-info.email,
.ms-staff-info p {
    margin: 4px;
    font-size: 11pt;
    color: rgba(255, 255, 255, .9)
}

.ms-staff-info p {
    margin-top: 20px
}

.ms-staff-carousel .ms-staff-info .ms-socials {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 15px 0 0 0;
    text-shadow: none;
    zoom: 1;
    *display: inline
}

.ms-staff-carousel .ms-staff-info .ms-socials li {
    float: left
}

.ms-staff-carousel .ms-staff-info .ms-socials li a {
    text-indent: 9999px;
    width: 35px;
    height: 35px;
    background: url(sicons.png);
    margin: 0 2px;
    display: block
}

.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-tw a {
    background-position: 115px 0
}

.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-gp a {
    background-position: 75px 0
}

.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-yt a {
    background-position: 35px 0
}

.ms-staff-carousel.ms-round .ms-slide-bgcont {
    border-radius: 5000px;
    border: solid 8px #e6e6e6;
    margin: 0 -8px
}

.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
    background-color: transparent;
    box-shadow: none;
    left: -45px
}

.ms-staff-carousel.ms-round .ms-nav-next {
    left: auto;
    right: -45px
}


/**  - v1.2.0* Homepage: http://bqworks.com/slider-pro/* Author: bqworks* Author URL: http://bqworks.com/*/

.slider-pro {
    position: relative;
    margin: 0 auto;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sp-slides-container {
    position: relative
}

.sp-mask {
    position: relative;
    overflow: hidden
}

.sp-slides {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.sp-slide {
    position: absolute
}

.sp-image-container {
    overflow: hidden
}

.sp-image {
    position: relative;
    display: block;
    border: 0
}

.sp-no-js {
    overflow: hidden;
    max-width: 100%
}

.sp-thumbnails-container {
    position: relative;
    overflow: hidden
}

.sp-bottom-thumbnails,
.sp-top-thumbnails {
    left: 0;
    margin: 0 auto
}

.sp-top-thumbnails {
    position: absolute;
    top: 0;
    margin-bottom: 4px
}

.sp-bottom-thumbnails {
    margin-top: 4px
}

.sp-left-thumbnails,
.sp-right-thumbnails {
    position: absolute;
    top: 0
}

.sp-right-thumbnails {
    right: 0;
    margin-left: 4px
}

.sp-left-thumbnails {
    left: 0;
    margin-right: 4px
}

.sp-thumbnails {
    position: relative
}

.sp-thumbnail {
    border: 0
}

.sp-thumbnail-container {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
    margin-left: 2px;
    margin-right: 2px
}

.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
    margin-left: 0
}

.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
    margin-right: 0
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
    margin-top: 2px;
    margin-bottom: 2px
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
    margin-top: 0
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
    margin-bottom: 0
}

.sp-right-thumbnails.sp-has-pointer {
    margin-left: -13px
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    left: 18px;
    margin-left: 0 !important
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid red;
    left: 0;
    top: 0;
    margin-left: 13px
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid red;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.sp-left-thumbnails.sp-has-pointer {
    margin-right: -13px
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    right: 18px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid red;
    right: 0;
    top: 0;
    margin-right: 13px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    margin-top: -8px;
    border-left: 13px solid red;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    top: 18px;
    margin-top: 0 !important
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid red;
    top: 0;
    margin-top: 13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0;
    margin-left: -8px;
    border-bottom: 13px solid red;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.sp-top-thumbnails.sp-has-pointer {
    margin-bottom: -13px
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    bottom: 18px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid red;
    bottom: 0;
    margin-bottom: 13px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    border-top: 13px solid red;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.sp-layer {
    position: absolute;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden
}

.sp-black {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, .7)
}

.sp-white {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, .7)
}

.sp-rounded {
    border-radius: 10px
}

.sp-padding {
    padding: 10px
}

.sp-grab {
    cursor: url(images/openhand.cur), move
}

.sp-grabbing {
    cursor: url(images/closedhand.cur), move
}

.sp-selectable {
    cursor: default
}

.sp-caption-container {
    text-align: center;
    margin-top: 10px
}

.sp-full-screen {
    margin: 0 !important;
    background-color: #000
}

.sp-full-screen-button {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sp-full-screen-button:before {
    content: '\2195'
}

.sp-fade-full-screen {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.slider-pro:hover .sp-fade-full-screen {
    opacity: 1
}

.sp-buttons {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.sp-button {
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.sp-selected-button {
    background-color: #000
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .sp-button {
        width: 14px;
        height: 14px
    }
}

@media only screen and (min-width:568px) and (max-width:768px) {
    .sp-button {
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .sp-button {
        width: 18px;
        height: 18px
    }
}

.sp-arrows {
    position: absolute
}

.sp-fade-arrows {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.sp-slides-container:hover .sp-fade-arrows {
    opacity: 1
}

.sp-horizontal .sp-arrows {
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -15px
}

.sp-vertical .sp-arrows {
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -10px
}

.sp-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer
}

.sp-vertical .sp-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sp-horizontal .sp-previous-arrow {
    left: 20px
}

.sp-horizontal .sp-next-arrow {
    right: 20px
}

.sp-vertical .sp-previous-arrow {
    top: 20px
}

.sp-vertical .sp-next-arrow {
    bottom: 20px
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #FFF
}

.sp-previous-arrow:before {
    left: 30%;
    top: 0;
    -webkit-transform: skew(145deg, 0);
    -ms-transform: skew(145deg, 0);
    transform: skew(145deg, 0)
}

.sp-previous-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg, 0);
    -ms-transform: skew(-145deg, 0);
    transform: skew(-145deg, 0)
}

.sp-next-arrow:before {
    right: 30%;
    top: 0;
    -webkit-transform: skew(35deg, 0);
    -ms-transform: skew(35deg, 0);
    transform: skew(35deg, 0)
}

.sp-next-arrow:after {
    right: 30%;
    top: 50%;
    -webkit-transform: skew(-35deg, 0);
    -ms-transform: skew(-35deg, 0);
    transform: skew(-35deg, 0)
}

.ie7 .sp-arrow,
.ie8 .sp-arrow {
    width: 0;
    height: 0
}

.ie7 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie8 .sp-arrow:before {
    content: none
}

.ie7.sp-horizontal .sp-previous-arrow,
.ie8.sp-horizontal .sp-previous-arrow {
    border-right: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.ie7.sp-horizontal .sp-next-arrow,
.ie8.sp-horizontal .sp-next-arrow {
    border-left: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.ie7.sp-vertical .sp-previous-arrow,
.ie8.sp-vertical .sp-previous-arrow {
    border-bottom: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent
}

.ie7.sp-vertical .sp-next-arrow,
.ie8.sp-vertical .sp-next-arrow {
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent
}

.sp-thumbnail-arrows {
    position: absolute
}

.sp-fade-thumbnail-arrows {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
    opacity: 1
}

.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -12px
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -7px
}

.sp-thumbnail-arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 25px;
    cursor: pointer
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
    left: 0
}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
    right: 0
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
    top: 0
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
    bottom: 0
}

.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #FFF
}

.sp-previous-thumbnail-arrow:before {
    left: 30%;
    top: 0;
    -webkit-transform: skew(145deg, 0);
    -ms-transform: skew(145deg, 0);
    transform: skew(145deg, 0)
}

.sp-previous-thumbnail-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg, 0);
    -ms-transform: skew(-145deg, 0);
    transform: skew(-145deg, 0)
}

.sp-next-thumbnail-arrow:before {
    right: 30%;
    top: 0;
    -webkit-transform: skew(35deg, 0);
    -ms-transform: skew(35deg, 0);
    transform: skew(35deg, 0)
}

.sp-next-thumbnail-arrow:after {
    right: 30%;
    top: 50%;
    -webkit-transform: skew(-35deg, 0);
    -ms-transform: skew(-35deg, 0);
    transform: skew(-35deg, 0)
}

.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
    width: 0;
    height: 0
}

.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
    content: none
}

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
    border-right: 12px solid #FFF;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
    border-left: 12px solid #FFF;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
    border-bottom: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
    border-top: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent
}

a.sp-video {
    text-decoration: none
}

a.sp-video img {
    -webkit-backface-visibility: hidden;
    border: 0
}

a.sp-video:after {
    content: '\25B6';
    position: absolute;
    width: 45px;
    padding-left: 5px;
    height: 50px;
    border: 2px solid #FFF;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    top: 0;
    color: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    margin: auto;
    line-height: 52px
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -mox-box-shadow: none !important;
    box-shadow: none !important;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.slider-pro a {
    position: static;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important
}

.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
    max-width: none;
    max-height: none
}

.slider-pro p.sp-layer {
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h1.sp-layer {
    font-size: 32px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h2.sp-layer {
    font-size: 24px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h3.sp-layer {
    font-size: 19px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h4.sp-layer {
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h5.sp-layer {
    font-size: 13px;
    line-height: 1.4;
    margin: 0
}

.slider-pro h6.sp-layer {
    font-size: 11px;
    line-height: 1.4;
    margin: 0
}

.slider-pro img.sp-layer {
    border: 0
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
    max-width: 100% !important
}

@charset "UTF-8";
.donateBtn::before {
    display: none
}

.nogutterPadding {
    padding: 0
}

.highlight {
    color: #f50
}

.textTruncate {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.textWrap {
    word-wrap: break-word
}

.textRed {
    color: red
}

.f700 {
    font-weight: 700
}

.jumbotron {
    margin-bottom: 0;
    border-radius: 0;
    padding: 0 1rem;
    background: 0 0
}

.bannerContent {
    padding-top: 18%;
    padding-bottom: 9%
}

.breadCrumContent {
    padding-top: 14%;
    padding-bottom: 3%
}

.resourceBanner .bannerContent {
    padding-top: 19%;
    padding-bottom: 2%
}

.donateBanner .bannerContent {
    padding-top: 14%;
    padding-bottom: 2%
}

.homeBanner {
    background: url(../images/banner-home.webp) no-repeat;
    background-size: 100% auto
}

.aboutBanner {
    background: url(../images/about-banner.jpg) no-repeat;
    background-size: 100% auto
}

.communityBanner {
    background: url(../images/gc-community-banner.jpg) no-repeat;
    background-size: 100% auto
}

.communityBanner .bannerContent {
    padding-bottom: 5%
}

.eventBanner {
    background: url(../images/event-banner.jpg) no-repeat;
    background-size: 100% auto;
    min-height: 750px
}

.GOBanner {
    background: url(../images/mobile-bg.jpg) no-repeat;
    background-size: 100% auto
}

.crowdfundingBanner {
    background: url(../images/crodfunding-bg.jpg) no-repeat;
    background-size: 100% auto
}

.GOBanner .jumbotron,
.crowdfundingBanner .jumbotron {
    background: 0 0
}

.sfBanner {
    background: url(../images/sf-banner.jpg) no-repeat;
    background-size: 100% auto
}

.fofBanner {
    background: url(../images/fof-banner.jpg) no-repeat;
    background-size: 100% auto
}

.resourceBanner {
    background: url(../images/resources-banner.jpg) no-repeat;
    background-size: 100% auto
}

.successCenter {
    background: #0756a5 url(../images/office-building.jpg) right top no-repeat
}

.donateBanner {
    background: url(../images/donate-banner.jpg) no-repeat;
    background-size: 100% auto
}

.locationBanner {
    background: url(../images/location-banner.jpg) no-repeat;
    background-size: 100% auto
}

.defaultBanner {
    background: url(../images/default-banner.jpg) no-repeat center bottom;
    background-size: 100% auto
}

.supportBanner {
    background: url(../images/gc-support.jpg) no-repeat center bottom;
    background-size: 100% auto
}

.faqBanner {
    background: url(../images/faq-banner.jpg) no-repeat center bottom;
    background-size: 100% auto
}

.easyBanner {
    background: url(../images/fundraising-banner.jpg) no-repeat center bottom;
    background-size: 100% auto
}

.benefitBanner {
    background: url(../images/benefit-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.givingTuesdayBanner {
    background: url(../images/givingtuesday-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.ebookBanner {
    background: url(../images/ebook-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.donationBanner {
    background: url(../images/dontion-tracker-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.surveyBanner {
    background: url(../images/survey-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.webinarBanner {
    background: url(../images/webinar-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.sitemapBanner {
    background: url(../images/sitemap-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.transformgivBanner {
    background: url(../images/event-registration-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.cc-Banner {
    background: url(../images/campaign-banner.jpg) no-repeat center top;
    background-size: cover
}

.integrationBanner {
    background: url(../images/integration-banner.jpg) no-repeat center top;
    background-size: 100% auto
}

.syncBanner {
    background: url(../images/sync-banner.jpg) no-repeat center top;
    background-size: cover
}

.defaultBanner .bannerContent {
    padding-top: 10%;
    padding-bottom: 1%
}

.defaultBanner .blackOverlay {
    background: rgba(0, 0, 0, .3)
}

.display-4 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 30px 0
}

.jumbotron .lead {
    font-size: 24px;
    font-weight: 400;
    color: #303030;
    line-height: inherit;
    margin-bottom: 20px
}

.jumbotron p {
    color: #333;
    font-size: 15px;
    font-weight: 600
}

.sliderImage {
    position: relative
}

.sliderImage .goSlide1 {
    position: absolute;
    max-width: 260px;
    right: 0;
    top: -105px
}

.gcConnectImg {
    position: absolute;
    bottom: -20px
}

.sliderImage .goSlide2 {
    position: absolute;
    max-width: 250px;
    top: -70px;
    left: 100px
}

.sliderImage .gcSlide1 {
    position: absolute;
    right: 0
}

.connectImg .goSlide1 {
    max-width: 100%
}

.giveImg .goSlide1 {
    max-width: 74%
}

.gcProducts {
    background: url(../images/products-bg.webp) no-repeat right top;
    background-size: auto 100%
}

.aboutCommunity,
.aboutFundraising,
.aboutSchool,
.aboutTexting {
    background: url(../images/group-of-people.jpg) no-repeat left top;
    background-size: auto 100%;
    padding: 30px 0
}

.aboutFundraising {
    background-image: url(../images/gc-people-talking.jpg);
    background-size: auto 75%
}

.aboutSchool {
    background-image: url(../images/school-tech.jpg)
}

.aboutTexting {
    background-image: url(../images/mobile-app.jpg);
    background-size: auto 70%
}

.gcBenefits {
    background-size: auto 100%;
    padding: 80px 0
}

.gcBenefits .helpText {
    font-size: 2rem;
    right: 58px;
    bottom: 10px
}

.outerImg img {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22)
}

.gcProducts .outerImg {
    right: 0;
    left: inherit;
    top: 0
}

.outerImg {
    position: absolute;
    left: 0;
    top: 150px
}

.communityBanner .outerImg {
    left: inherit;
    right: 20px;
    bottom: 0
}

.aboutCommunity .outerImg,
.aboutGO .outerImg {
    bottom: 0;
    margin-top: 50px
}

.gcBenefits .outerImg {
    right: 0;
    left: inherit;
    top: 0
}

.aboutCommunity .outerImg img,
.aboutGO .outerImg img {
    max-width: 450px
}

.gcProducts .outerImg img {
    max-width: 580px
}

.communityBanner .outerImg img,
.gcBenefits .outerImg img {
    box-shadow: none
}

.gcBenefits .outerImg img {
    max-width: 95%;
    float: right
}

.mobGiving {
    top: 80px
}

.mobGiving img {
    max-width: 500px
}

.schoolFunding img {
    max-width: 450px
}

.heading-custom {
    position: relative
}

.heading-title-md.sep,
.section-title.sep {
    padding-bottom: 15px
}

.sep::before {
    position: absolute;
    background-color: #0756a5;
    content: "";
    width: 120px;
    height: 4px;
    left: 0;
    bottom: 0
}

.wrapperBlue h2 {
    color: #fff
}

.heading-custom.text-center .sep::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.newsletter .sep::before,
.sep.white-color::before,
.wrapperBlue .sep::before {
    background-color: #fff
}

.bg-grey {
    background: #f8f8f8
}

.productNav {
    background-color: #fff
}

.barHorizontal,
.barVertical {
    position: absolute;
    z-index: 1
}

.barVertical {
    left: 50%;
    top: 11%
}

.barHorizontal {
    top: 205px;
    left: 11%
}

.ca-menu {
    padding: 0;
    margin: 0
}

.ca-menu li {
    width: 50%;
    height: 220px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.ca-menu li:last-child {
    margin-right: 0
}

.ca-menu li a {
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    position: relative
}

.ca-menu li a i {
    font-size: 60px;
    color: #fff;
    text-shadow: 0 0 1px #333;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    text-align: center;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.ca-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    top: 50%
}

.ca-main {
    font-size: 20px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 15px
}

.ca-menu li:hover {
    background-color: rgba(0, 0, 0, .2)
}

.ca-menu li:hover i {
    color: #fff;
    -webkit-animation: moveFromBottom .3s ease;
    -moz-animation: moveFromBottom .3s ease;
    -ms-animation: moveFromBottom .3s ease
}

.ca-menu li:hover .ca-main {
    color: #fff;
    -webkit-animation: smallToBig .3s ease;
    -moz-animation: smallToBig .3s ease;
    -ms-animation: smallToBig .3s ease
}

@-webkit-keyframes smallToBig {
    from {
        -webkit-transform: scale(.1)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes smallToBig {
    from {
        -moz-transform: scale(.1)
    }
    to {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes smallToBig {
    from {
        -ms-transform: scale(.1)
    }
    to {
        -ms-transform: scale(1)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%)
    }
    to {
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%)
    }
    to {
        -ms-transform: translateY(0)
    }
}

.serviceIcons {
    text-align: center;
    margin-bottom: 20px
}

.serviceIcons .svgIcon,
.serviceIcons i {
    color: #0756a5;
    background: #fff;
    width: 110px;
    display: inline-block;
    border-radius: 100%;
    line-height: 110px;
    font-size: 4rem;
    margin: 20px 0
}

.serviceIcons .svgIcon {
    width: 106px;
    height: 106px
}

.serviceIcons .svgIcon img {
    height: 82px;
    padding-top: 24px
}

.serviceIcons h5 {
    color: #fff
}

.icon-angle-left,
.icon-angle-right {
    font-family: Flaticon;
    font-style: normal
}

.icon-angle-left:before {
    content: "\f10a"
}

.icon-angle-right:before {
    content: "\f109"
}

.footerWrap .nav-link {
    padding: .2rem .2rem .2rem 0;
    color: rgba(255, 255, 255, .8);
    font-size: 1rem
}

.footerWrap .nav-link:hover {
    color: rgba(255, 255, 255, 1)
}

.copyRight {
    background: rgba(0, 0, 0, .7)
}

.copyRight p {
    margin-bottom: .75rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, .9);
    margin-top: 27px
}

.social-links .nav-item {
    margin: .75rem .5rem
}

.social-links .nav-item:last-child {
    margin-right: 0
}

.social-links .nav-link {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 0;
    font-size: 1.4rem;
    border-radius: 100%;
    text-align: center;
    width: 54px;
    line-height: 50px
}

.social-links .nav-link:hover {
    background: rgba(255, 255, 255, 1);
    color: #0756a5
}

.pt-40 {
    padding-top: 40px
}

ul.partner {
    display: block;
    margin: 25px 0 10px 0;
    text-align: center
}

ul.partner li:first-child {
    margin-left: 0
}

ul.partner li {
    display: inline-block;
    background: #fff;
    margin-left: 10px;
    max-width: 150px
}

ul.partner li a {
    display: block
}

ul.partner li a img {
    padding: 4px
}

.contactSection {
    background: url(../images/frame-bg-left.png) no-repeat left top;
    background-size: auto 100%
}

.contctDetails {
    padding: 2.75rem 3.75rem;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.media-left i {
    font-size: 2.5rem;
    color: #fff;
    margin-right: 20px
}

.media-body .media-heading {
    color: #fff;
    margin: 10px 0;
    font-weight: 400
}

address {
    color: #fff
}

.btnIcon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    border-radius: 5px;
    background: #000;
    box-shadow: 0 12px 25px 0 rgba(0, 0, 0, .08);
    min-width: 200px;
    margin-right: 10px;
    text-align: left;
    color: #fff
}

.btnIcon .text {
    display: inline-block
}

.btnIcon:active,
.btnIcon:focus,
.btnIcon:hover,
.btnIcon:link {
    color: #fff
}

.btnIcon h6 {
    color: #fff
}

.btnIcon .icon {
    font-size: 3rem;
    color: #fff;
    margin-right: 1rem;
    display: inline-block
}

.cta .sep::before {
    background-color: #fff
}

.separatorLineVerticle {
    width: 1px;
    height: 20px;
    display: inline-block;
    background: #f50;
    text-align: center
}

.helpText {
    background: #0756a5;
    padding: 3rem;
    position: absolute;
    max-width: 400px;
    right: 98px;
    bottom: 40px;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22)
}

.helpText p {
    color: #fff;
    font-size: 22px;
    line-height: inherit
}

.fofQuote {
    bottom: 30px
}

.serviceFeature .card {
    background: 0 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border: 0
}

.serviceFeature .card-body {
    padding: 0
}

.serviceFeature .card-text,
.serviceFeature .card-title {
    color: #fff
}

.featureIcon {
    background: #fff;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    line-height: 100px;
    margin: 0 auto 30px auto
}

.featureIcon i {
    color: #0756a5;
    font-size: 3rem
}

.benefits-slider .owl-dots {
    text-align: left;
    margin-top: 30px
}

.demo-video-v2-wrapper .bgcolor-major-gradient-overlay {
    z-index: 0
}

.video-content {
    text-align: center
}

.mobfeatureBrief {
    background: #f6f7fe;
    padding: 120px;
    position: relative
}

.textGiving {
    padding: 90px 120px
}

.mobfeatureImage {
    background-image: linear-gradient(135deg, #3486d8 45%, #0756a5 70%)
}

.connect .mobfeatureImage {
    padding-bottom: 20px
}

.tabLinks {
    position: absolute;
    right: -11px;
    top: 130px;
    z-index: 1
}

.tabLinks .nav-link {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 6px 20px 6px rgba(0, 0, 0, .15);
    color: #0756a5;
    font-size: 42px;
    height: 100px;
    margin: 40px -40px 30px 0;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 100px
}

.connect .tabLinks .nav-link {
    margin-top: 70px;
    margin-bottom: 70px
}

.tabLinks .nav-link::after {
    background: 0 0;
    border: 3px solid #c8dffd;
    border-radius: 50%;
    content: "";
    height: 120px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 120px
}

.connectTabs .nav-link {
    margin-top: 70px;
    margin-bottom: 70px
}

.giveTabs .nav-link {
    margin-top: 50px;
    margin-bottom: 50px
}

.eventBanner .bannerContent {
    padding-top: 25%
}

.global-reach__figures-wrap {
    width: 975px;
    height: 659px;
    position: absolute;
    top: 35px;
    right: 0;
    background-image: url(../images/global-reach-outline.svg);
    background-position: top right;
    background-repeat: no-repeat
}

.global-reach__figure__table {
    width: 180px;
    height: 180px;
    text-align: center;
    display: table
}

.global-reach__figure__cell {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle
}

.global-reach__figure i {
    font-size: 40px;
    margin-bottom: 5px;
    display: block;
    color: #0756a5
}

.global-reach__figure h4 {
    font-size: 17px;
    line-height: 1.5rem;
    padding: 0 20px;
    color: #0756a5
}

.global-reach__figure {
    width: 180px;
    height: 180px;
    background: #444;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    text-align: center;
    border-radius: 150%;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .5)
}

.global-reach__figure:hover {
    background: rgba(255, 255, 255, .95)
}

.global-reach__figure--card {
    top: 205px;
    left: 20px
}

.global-reach__figure--com {
    bottom: 72px;
    left: 144px
}

.global-reach__figure--cf {
    left: 357px;
    bottom: -30px
}

.global-reach__figure--preauthorize {
    bottom: -10px;
    right: 200px
}

.global-reach__figure--software {
    bottom: 131px;
    right: 13px
}

.global-reach__figure--personalcom {
    top: 125px;
    right: -59px
}

.leftSection {
    background: url(../images/event-bg.png) no-repeat left top;
    background-size: auto 130%
}

.rightSection {
    background: url(../images/event-bg-right.png) no-repeat right top;
    background-size: auto 130%
}

.leftSection .outerImg {
    right: 0;
    left: inherit;
    bottom: 0;
    top: inherit
}

.leftSection .outerImg img,
.rightSection .outerImg img {
    box-shadow: none
}

.helpImgTexting {
    position: absolute;
    right: 60px;
    top: 40px
}

.helpImgCrowdfunding {
    position: absolute;
    right: -60px;
    top: 60px
}

.cardReaderImg {
    max-width: 90%
}

.resources-slider-v2 .number {
    font-size: 60px;
    font-family: Poppins, sans-serif;
    color: #303030;
    font-weight: 600
}

.resources-slider-v2 h5 {
    color: #303030
}

.resources-slider p {
    min-height: 100px
}

.allResource {
    background: #fff;
    padding: 30px
}

.source-icon i {
    background: #f50;
    color: #fff;
    font-size: 3rem;
    display: inline-block;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    margin-bottom: 20px
}

.allResource h5 {
    color: #303030
}

.blogPost {
    position: relative;
    display: block;
    overflow: hidden
}

.blogPost h5 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    top: 0;
    color: #fff
}

.blogPost h5 span {
    position: absolute;
    bottom: 20px;
    right: 1rem;
    left: 1rem
}

.gcServices .owl-dots {
    display: none!important
}

.faq {
    font-size: 30px;
    line-height: 40px
}

.easyTabs .nav-tabs {
    border-bottom: 0
}

.easyTabs .nav-tabs .nav-link {
    text-align: center;
    border: 0;
    color: #464545
}

.easyTabs .nav-tabs .nav-link i {
    background: #f5f5f5;
    border-radius: 100%;
    display: block;
    width: 82px;
    height: 82px;
    line-height: 82px;
    margin: auto;
    color: #464545
}

.easyTabs .nav-tabs .nav-link i::before {
    font-size: 3rem
}

.easyTabs .nav-tabs .nav-link span {
    display: block;
    margin-top: .75rem;
    font-size: 18px;
    font-weight: 600
}

.easyTabs .nav-tabs .nav-item {
    margin-bottom: 0;
    min-width: 11em
}

.fundraising .headLines::after {
    left: 43%
}

.easyTabs .tab-content {
    background: #fff;
    box-shadow: -15px 15px 50px 10px rgba(0, 0, 0, .5);
    border-radius: 8px;
    padding: 30px
}

.easyTabs .nav-tabs .nav-link.active {
    background: 0 0
}

.nav-tabs .nav-item:hover i,
.nav-tabs .nav-link i:hover,
.nav-tabs .nav-link.active i {
    color: #fff;
    background: -webkit-linear-gradient(135deg, rgba(243, 71, 75, .9) 0, rgba(255, 152, 0, .9) 100%);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22)
}

.tab-group li {
    font-size: 22px;
    padding: 0;
    border: 0
}

.tab-group li span {
    position: relative;
    padding-right: 70px
}

.tab-group li span::after {
    position: absolute;
    content: "";
    left: 20px;
    bottom: 45%;
    width: 45px;
    height: 1px;
    background-color: #464545
}

.easyTabs>ul>li>a {
    background: 0 0
}

.easyTabs .tab-content>.tab-pane {
    border: 0
}

.fundingCarousel {
    margin-bottom: 2rem;
    margin-top: -5rem
}

.fundingCarousel .carousel-caption {
    right: 5%;
    bottom: 0;
    left: 5%;
    text-align: left
}

.fundingCarousel .carousel-indicators {
    bottom: -30px
}

.fundingCarousel .carousel-indicators li {
    background-color: rgba(0, 0, 0, .8)
}

.fundingCarousel .carousel-indicators .active {
    background-color: #0756a5
}

.locationInfo .list-group-item span {
    display: block
}

.list-group-item {
    padding: .5rem 1.5rem
}

.locationInfo .list-group-item .textWrap {
    font-weight: 500
}

.locationInfo .list-group-item .textWrap a {
    color: #303030
}

.gcfaq .list-group-item,
.locationInfo .list-group-item {
    border: 0
}

.gcfaq .card-header,
.locationInfo .card-header,
.locationSocial .card-header,
.massTimes .card-header {
    border: 0;
    background-color: transparent
}

.gcfaq h2,
.locationInfo h2,
.locationSocial h2,
.massTimes h2 {
    margin-bottom: 10px
}

.event-cat,
.gcfaq .card,
.locationInfo,
.locationSocial,
.massTimes {
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    padding: 20px 0;
    border-color: #e6e6e6
}

.gcfaq .card-body,
.locationSocial .card-body {
    padding: 0
}

.massTimes .card-body {
    padding-top: 0;
    padding-bottom: 0
}

.event-cat {
    border-radius: .25rem;
    padding: 20px;
    border: 1px solid #e6e6e6
}

#eventsform .table-bordered thead th:first-child {
    width: 100px
}

.thumbnail {
    box-shadow: 0 3px 15px -2px rgba(94, 94, 94, .65);
    margin-bottom: 30px;
    height: 185px;
    overflow: hidden;
    border: 1px solid transparent
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.blackOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, .8)
}

.locationBanner .bannerContent {
    padding-bottom: 5%
}

.locationBannerImage {
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22)
}

.locations a>img,
.locations>img {
    height: 119px;
    max-width: 100%;
    width: auto
}

.locationEvents a>img,
.locationEvents>img {
    height: auto;
    width: 100%
}

.result .alert {
    line-height: 45px;
    font-size: 13px
}

.dashboard-events .thumbnail {
    height: 213px;
    position: relative
}

.eventLinks a {
    background: #f6f7fe;
    border-radius: 50%;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    line-height: 40px
}

.eventLinks a.active,
.eventLinks a:hover,
.social-login a:hover {
    color: #fff
}

.basicInfo .list-group-item {
    padding: .75rem;
    color: #464545;
    font-weight: 500
}

.basicInfo .list-group-item a {
    color: #464545
}

.basicInfo .list-group-item a:hover {
    color: #0756a5
}

.basicInfo i {
    width: 30px;
    display: inline-block
}

.basicInfo span {
    max-width: 80%;
    display: inline-block
}

.social-login a {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-right: 8px;
    margin-top: 15px
}

.login {
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    border-radius: 5px;
    margin: 100px 0
}

.loginHeader {
    display: block;
    padding: 20px;
    width: 100%;
    border-radius: 5px 5px 0 0
}

.paymentForm {
    padding: 40px 5px
}

.loginForm input,
.loginForm li {
    width: 100%
}

.field2 {
    display: block
}

.search-box {
    border: 8px solid rgba(0, 0, 0, .4);
    padding: 20px;
    background: rgba(255, 255, 255, .9)
}

.locationEvents .thumbnail {
    height: 216px;
    position: relative
}

.sep span::before {
    display: none
}

.events-overlay span.plus {
    color: #fff;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 200px
}

.event-cat .nav-link {
    padding: .5rem 0;
    border-bottom: 1px dashed #ddd
}

.event-cat .nav-link.active a {
    color: #0756a5
}

.event-cat .nav-link:last-child {
    border-bottom: 0
}

.media:first-child {
    margin-top: 0
}

.media {
    position: relative
}

.sugested_events .media,
.sugested_events .media .media {
    border-bottom: 1px solid #d3d1d2;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%
}

.media>.pull-left {
    float: left
}

.media img {
    height: 58px;
    width: auto
}

.sugested_events .media-body {
    margin-top: 15px
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.sugested_events .media-heading {
    margin: 0;
    color: #464545
}

.text-disable {
    color: #7e7e7e;
    font-size: 14px
}

.widget-title {
    margin-bottom: 30px
}

.ui-datepicker-trigger {
    display: none
}

.field-name {
    font-weight: 500!important;
    line-height: 36px;
    letter-spacing: .5px;
    display: block
}

.btn-mob {
    margin-left: 20px
}

.login {
    background: #fff
}

.addEvent .field-name {
    display: inline-block
}

.missionStatement p {
    color: #fff;
    padding: 80px 0;
    text-align: center
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.loginHeader {
    background: #0756a5
}

.login-footer {
    background: #f5f5f5;
    border-radius: 0 0 5px 5px;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%
}

.userLogin {
    padding: 40px
}

.modal-footer .btn-inverse,
.modal-footer .btn-primary,
.ui-dialog-content .btn-inverse,
input.btn-primary {
    line-height: 46px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px!important
}

.fundraisingModal .organizerInfo {
    padding-left: 10px;
    font-size: 12px;
    line-height: 2em
}

.fundraisingModal .organizerInfo i {
    margin-right: 10px
}

.organizerName {
    font-weight: 700;
    color: #0055a5;
    margin-right: 4px
}

.eventTitle {
    text-transform: capitalize;
    font-weight: 700
}

.eventHead {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.eventInfo {
    margin: 20px 0 30px 0;
    font-weight: 600
}

.eventInfo a {
    color: #d97d0b;
    text-decoration: none
}

.eventAddedOn {
    font-size: 13px;
    color: #aaa
}

.goalSection {
    margin-bottom: 30px
}

.goalSection span {
    color: #0756a5
}

.goalSection strong {
    font-weight: 600;
    color: #464545;
    font-size: 20px
}

.donationWell {
    border: 1px solid #ddd;
    margin-top: 30px;
    padding: 25px
}

.share {
    margin: 20px 0
}

.share p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 74px
}

.feFacebook {
    background-color: #3e5c9a!important
}

.feFacebook:hover {
    background-color: #324e89!important
}

.feLinkedin {
    background-color: #0077b5!important
}

.feLinkedin:hover {
    background-color: #026aa0!important
}

.feTwitter {
    background-color: #1da1f2!important
}

.feTwitter:hover {
    background-color: #1494e2!important
}

.donateBtn:hover,
.feFacebook:hover,
.feLinkedin:hover,
.feTwitter:hover {
    color: #fff!important
}

.feDonationsTabs ul li a,
.fundraisingTabs ul li a {
    display: block;
    padding: 10px 15px
}

.feDonationsTabs .tab-content>.tab-pane,
.fundraisingTabs .tab-content>.tab-pane {
    padding: 20px
}

.donationTabs .tab-content .tab-pane,
.fundraisingTabs .tab-content .tab-pane {
    min-height: 100px;
    padding: 20px;
    margin-top: -1px;
    border: 1px solid #dee2e6
}

ul.feTab {
    padding-left: 0;
    list-style: none
}

.donationTabs ul.feTab li {
    min-height: 70px;
    padding: 0 5px;
    display: block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}

.donationTabs ul.feTab li:last-child {
    border-bottom: 0
}

.DP {
    display: table-row
}

.donationAmount {
    font-size: 20px;
    color: #0756a5;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px
}

.donationTime {
    color: #aaa;
    margin-top: 7px
}

.alert-dismissible {
    margin-top: 37px;
    margin-bottom: 0
}

.table thead th {
    background: #f5f5f5;
    text-align: center
}

.table td,
.table th {
    padding: 7px 10px;
    vertical-align: middle
}

ul.table-group-icons {
    margin: 0;
    padding: 0;
    min-width: 75px
}

ul.table-group-icons li {
    display: inline-block;
    border-right: 1px solid #d3d1d2;
    padding: 0 5px
}

ul.table-group-icons li:last-child {
    border-right: 0
}

.contctDetails a {
    color: #fff
}

.mobileBenefit {
    background: #3486d8
}

.categoryInput .btn {
    border-radius: 30px 0 0 30px!important
}

.categoryInput .btn+.btn {
    border-radius: 0 30px 30px 0!important;
    max-width: 90px
}

.categoryInput .dropdown-menu {
    border: 0;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.categoryInput .dropdown-menu li {
    border-bottom: 1px solid #ddd
}

.categoryInput .dropdown-menu li:last-child {
    border: 0
}

.categoryInput .dropdown-menu li a {
    display: block;
    color: #464545;
    padding: 15px
}

.table .smart-forms .select {
    min-width: 120px
}

.well .list-group-item {
    background: 0 0;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

.disable-events,
.disable-events .events-overlay,
.disabled,
.disabled:hover {
    pointer-events: none;
    cursor: not-allowed
}

.disable-events .tooltip {
    display: none
}

.pressRelease h6 {
    margin-top: 30px;
    margin-bottom: 10px
}

.pressRelease h6 span {
    color: #333;
    font-family: Poppins, sans-serif;
    font-size: 18px
}

.pressRelease p {
    font-size: 13px;
    color: rgba(0, 0, 0, .6)
}

.policy h4 {
    margin-top: 30px;
    margin-bottom: 10px
}

.policy ul,
.privacyPolicy ul {
    margin: 20px 30px
}

.policy ul li,
.privacyPolicy ul li {
    list-style: square
}

.privacyPolicy .panel {
    margin-bottom: 30px;
    margin-top: 30px
}

.privacyPolicy .panel-body {
    padding: 30px 0
}

.privacyPolicy .panel-body p {
    margin-bottom: 15px
}

.privacyPolicy .btn-primary {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    box-shadow: none;
    margin-right: 20px
}

.cases .card-img-overlay {
    background: rgba(0, 0, 0, .8)
}

.cases .btn-default {
    width: 60px;
    height: 60px;
    line-height: 70px;
    border-radius: 100%;
    padding: 0
}

.cases .btn-default i {
    font-size: 30px
}

.noBanner {
    min-height: 230px
}

.card-img-overlay .bannerContent {
    padding-top: 11%;
    padding-bottom: 0
}

.mainBanner .card {
    border-radius: 0;
    border: 0
}

.mainBanner .card-img {
    border-radius: 0
}

.bannerLogin .card-img-overlay {
    background: rgba(0, 0, 0, .7)
}

#launcher {
    bottom: 50px!important
}

.card-img-overlay {
    background: rgba(0, 0, 0, .5)
}

.fivegridding {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    text-align: center
}

.leadTxt {
    font-weight: 500;
    font-size: 16px
}

p.highlighted {
    font-weight: 700;
    margin-top: 30px;
    color: #0756a5;
    font-size: 1.2em
}

.churchIntro {
    padding-left: 20px
}

.churchIntro li {
    margin: 20px 0;
    list-style: none
}

.churchIntro li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 10px
}

.donationTesti {
    background-color: #fff;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21);
    border-radius: 4px;
    padding: 20px;
    min-height: 460px
}

.testImg {
    text-align: center
}

.donationTesti .name {
    font-size: 13px;
    color: #aaa
}

.givingTabs .nav-tabs {
    background: #f5f5f5
}

.actionBtn:hover {
    color: #fff!important
}

.trickText {
    transform: translateY(-50%);
    top: 30%;
    position: absolute
}

.givingTabs .tab-content>.tab-pane {
    border: 0
}

.share_event {
    margin: 15px 0
}

.share_event .languages {
    display: inline-block;
    font-size: 12px
}

.modal form.mailchimpForm {
    margin-left: 0
}

.item ul li img {
    width: 100%;
    height: auto
}

.sitemap-section ul {
    display: block;
    margin: auto
}

.sitemap-section ul li {
    display: inline-block;
    width: 22%;
    margin: 10px
}

.sitemap-section ul li a {
    display: block;
    background: #f5f5f5;
    padding: 15px 10px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 15px
}

.sitemap-section ul li a:hover {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    color: #fff
}

.benefitCounter .info {
    display: inline-block;
    padding-top: 21px;
    width: 80%
}

.benefitCounter i {
    font-weight: 700;
    color: #333
}

.benefitCounter .info h2 {
    color: #333;
    font-weight: 700
}

.benefitCounter .info p {
    color: #333;
    font-weight: 500
}

.benefitList {
    margin-top: 20px
}

.benefitList p {
    padding: 10px;
    background: #f5f5f5;
    margin-bottom: 20px
}

.bg-paralax {
    background-attachment: fixed!important;
    background-size: auto;
    position: relative;
    background-position: 35%;
    background-repeat: no-repeat;
    transition: all .5s ease-in-out
}

.bg-paralax:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .75)
}

.gcFeatures .card-img-overlay {
    background-color: rgba(0, 0, 0, .3)
}

.gcFeatures .card,
.gcFeatures .card-img {
    border-radius: 0;
    border: 0
}

.gcFeatures .card-title {
    font-size: 20px;
    font-weight: 600
}

.grid {
    background: #eee;
    max-width: 100%
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-item,
.grid-sizer {
    width: 20%
}

.grid-item {
    height: 120px;
    float: left;
    background: #0756a5;
    border: 5px solid #fff;
    overflow: hidden
}

.grid-item--width1 {
    width: 20%
}

.grid-item--width2 {
    width: 40%
}

.grid-item--width3 {
    width: 60%
}

.grid-item--height2 {
    height: 160px
}

.grid-item--height3 {
    height: 260px
}

.grid-item--height4 {
    height: 360px
}

.grid-item--height5 {
    height: 420px
}

.grid-item--height6 {
    height: 200px
}

.servicesPage .serviceIcons i {
    color: #fff;
    background: #0756a5
}

.servicesPage .serviceIcons h5 {
    color: #0756a5
}

.servicesPage .team-slider-v2 .owl-controls .owl-nav>div {
    border: 2px solid #0756a5;
    color: #fff;
    background: #0756a5
}

.list-group-item {
    background-color: transparent;
    border: 0
}

.slide-icon {
    max-width: 250px;
    height: auto;
    margin: 0 auto 20px auto
}

.campaign-slider .owl-dot span {
    border-color: #fff
}

.campaign-slider .owl-dots {
    text-align: center
}

.my-list {
    margin-top: 30px
}

.my-list p {
    color: #fff;
    border-bottom: 1px dashed #fff;
    font-size: 16px
}

.appeal-img {
    position: absolute;
    bottom: 44px;
    right: 0
}

.ff {
    font-family: sans-serif
}

.subheading {
    font-size: 20px!important
}

.about-sub {
    color: #303030
}

.sep::before {
    position: absolute;
    background-color: #0756a5;
    content: "";
    width: 120px;
    height: 4px;
    left: 0;
    bottom: 0
}

.integrationSlider {
    margin-top: -120px
}

.integrationSlider .item h3 {
    margin-top: 140px
}

.integrationSlider .item p.last {
    margin-bottom: 40px
}

.integrationSlider .owl-dot span {
    border-color: #fff;
    background: #fff
}

.section-title .sub-title {
    position: relative;
    display: block;
    color: #333;
    font-family: Poppins, sans-serif;
    font-size: 20px
}

.sync-carousel h5 {
    font-size: 20px;
    margin-bottom: 20px
}

.sync-cards .card-body {
    min-height: 120px
}

.sync-cards .card-body {
    min-height: 120px;
    padding: 1rem .75rem
}

.sync-cards .card {
    margin-bottom: 20px
}

.process a {
    text-align: center;
    display: block
}

.popover {
    border: 0
}

.popover-body {
    padding: 1rem .75rem;
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21);
    border: 0;
    border-radius: 5px
}

.process-list {
    text-align: center;
    margin-bottom: 30px
}

.gc-fdBanner {
    background: url(../images/gc-fd-cover.jpg) no-repeat;
    background-size: 100% auto
}

.fd-compare-bg {
    background-color: #fff;
    -webkit-box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .3);
    box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .3);
    border-radius: 40px
}

.fd-compare-features {
    border-radius: 40px 0 0 0
}

.fd-compare-fd {
    border-radius: 0 40px 0 0
}

.fd-compare-bg ul li:nth-child(even) {
    background: rgba(0, 0, 0, .03)
}

.fd-compare-bg ul li.height-fix {
    min-height: 90px;
    max-height: 90px
}

.fd-compare-bg ul li.svg-lh {
    line-height: 4.2
}

.fd-compare-bg ul li {
    min-height: 69px;
    max-height: 69px
}

.fd-box-shadow {
    -webkit-box-shadow: -21px 0 32px -21px rgba(0, 0, 0, .18);
    -moz-box-shadow: -21px 0 32px -21px rgba(0, 0, 0, .18);
    box-shadow: -21px 0 32px -21px rgba(0, 0, 0, .18)
}

.fd-readmore-radius {
    border-radius: 0 0 40px 40px
}

.gc-fdcalculator {
    background: url(../images/fd-calculate-bg.jpg) no-repeat;
    background-size: cover
}

.fd-calculator-box-shadow {
    -webkit-box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .8);
    -moz-box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .8);
    box-shadow: -15px 15px 50px 0 rgba(0, 0, 0, .8)
}

.calculator-box .forms>li:nth-child(1),
.calculator-box .forms>li:nth-child(2),
.calculator-box .forms>li:nth-child(3),
.calculator-box .forms>li:nth-child(4) {
    width: 100%
}

.calculator-box .forms>li:nth-child(1),
.calculator-box .forms>li:nth-child(3) {
    padding-right: 0!important
}

.price-compare-header {
    border-radius: 40px 40px 0 0
}

.fd-border-btm {
    border-bottom: solid #f3f3f3 1px
}

.hide-lg {
    display: none
}

.hide-sm {
    display: flex
}

@media (max-width:480px) and (min-width:320px) {
    .gc-fdBanner .bannerContent {
        padding-top: 46%!important
    }
}

@media (max-width:767px) and (min-width:320px) {
    .hide-sm {
        display: none
    }
    .hide-lg {
        display: block
    }
    .calculator-box .input-filled .input-label {
        font-size: 10.5px!important
    }
}

.table.fd-sm-table .thead-dark th {
    color: #fff!important;
    background-image: -webkit-linear-gradient(135deg, rgba(0, 67, 133, .9) 0, rgba(7, 86, 165, .9) 100%)!important;
    border-color: #0756a5!important
}

.w-67 {
    width: 67%!important
}

.fd-example {
    left: 36%;
    top: -12%
}

.p-t-5-rem {
    padding-top: 5rem!important
}

.mt-5-rem {
    margin-top: 5rem!important
}

table.fd-sm-table tr {
    text-align: center
}

.mobOnly {
    display: none
}

.icon-menu {
    background: url(../images/bars.svg) !important;
    width: 36px !important;
    height: 32px !important;
    background-size: cover !important;
    margin-top: 15px !important
}

.icon-times {
    background: url(../images/times.svg) no-repeat !important;
    width: 32px !important;
    height: 32px !important;
    background-size: cover !important;
    position: absolute;
    right: 11px;
    z-index: 1000;
    margin-top: 15px !important
}

.mobile-nav {
    padding: 104px 20px 30px 20px
}

@media only screen and (max-width :1200px) {
    #header.box-header .box-header-wrap {
        padding: 0 10px 0 10px
    }
    .main-nav>ul>li {
        margin-left: 20px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img1 {
        max-width: 230px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img2 {
        max-width: 150px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img3 {
        max-width: 250px;
        left: initial;
        right: 30px
    }
    .tabbed-about-us .details-wrapper {
        padding-left: 0
    }
    .tabbed-about-us .details .title {
        margin-bottom: 20px
    }
    .tabbed-about-us .work-progress {
        margin-top: 30px
    }
    .tabbed-about-us .tabs-nav li {
        margin-right: 100px
    }
    .pricing-table {
        margin-bottom: 30px
    }
    .testimonial-slider-thumb {
        padding: 20px 130px
    }
    .most-popular-v2 article .info {
        margin-right: 20px
    }
    .niceGallery ul.entries-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media only screen and (max-width :992px) {
    .offcanvas #header:not(.box-header) {
        background-color: #536dfe
    }
    .offcanvas #header:not(.box-header).sticky-header {
        background-color: #fff
    }
    .offcanvas #header:not(.box-header).sticky-header i#offcanvas-closer {
        color: #000
    }
    .offcanvas #header.box-header {
        background-color: #fff
    }
    .transparent-header .offcanvas-toggler>i.icon-bar,
    .offcanvas-toggler>i.icon-close {
        color: #fff
    }
    .main-nav {
        display: none
    }
    .offcanvas-toggler,
    .mobile-nav {
        display: block
    }
    .offcanvas-toggler>i {
        line-height: 60px
    }
    body:not(.offcanvas) #header.sticky-header .offcanvas-toggler>i {
        color: #000
    }
    #header .logos {
        line-height: 60px
    }
    .clear-problem>div:nth-child(2n+1) {
        clear: left
    }
    .clear-problem>div:nth-child(3n+1) {
        clear: none
    }
    .advanced-slider.simple-slider .btn {
        margin-right: 10px
    }
    .tabbed-about-us .tabs-nav li {
        margin-right: 40px
    }
    .tabbed-about-us-v2.tabbed-about-us .tabs-nav li {
        width: 120px;
        height: 120px;
        margin-right: 20px;
        margin-bottom: 20px
    }
    .our-team .owl-controls {
        margin-top: 30px;
        margin-bottom: 50px
    }
    #client-slider-thumb {
        padding: 20px 155px
    }
    .mailchimpForm {
        margin-top: 30px
    }
    .mailchimpForm-wrapper,
    .newsletter .title {
        text-align: center
    }
    .mailchimpForm {
        text-align: left
    }
    .pricing-table {
        margin-bottom: 30px
    }
    .tabbed-about-us .img-wrapper .img-three {
        top: 170px;
        left: 205px
    }
    .tabbed-about-us .img-wrapper .img-two {
        top: 0;
        left: 350px
    }
    .col-4.portfolio-items .item {
        width: 33.333%
    }
    .col-3.portfolio-items .item {
        width: 50%
    }
    .item-filter>li {
        margin-bottom: 15px;
        padding: 0 15px
    }
    .portfolio-items .item .caption {
        padding: 20px
    }
    .portfolio-items .item {
        width: 33.33%
    }
    .counter .info {
        padding-top: 30px
    }
    .testimonial-slider-thumb {
        padding: 20px 40px
    }
    .flex-direction-nav .flex-next,
    .flexslider:hover .flex-direction-nav .flex-next {
        right: 10px
    }
    .flex-direction-nav .flex-prev,
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 10px
    }
    .demo-video-v2 {
        margin-left: 0;
        margin-right: 0
    }
    .cta-content {
        text-align: center
    }
    .cta-content .title {
        display: block;
        margin-bottom: 20px
    }
    .cta-content .btn {
        display: inline-block;
        float: none !important
    }
    .send-message {
        background-color: #fff;
        padding: 30px
    }
    .contact-details {
        padding: 30px
    }
    .contact-info .contact-details .title {
        margin-bottom: 40px
    }
    .contact-details ul.info .icon {
        line-height: 1.4
    }
    .most-popular article .info {
        padding: 12px 20px;
        margin-right: 0
    }
    .most-popular article .info .title {
        font-size: 14px
    }
    .categories>li {
        width: 100%
    }
    .featured-posts-slider .customnav {
        padding-top: 30px
    }
    .featured-posts-slider .item .info {
        padding-bottom: 30px
    }
    .single-post-v2 .img-wrapper .btn {
        line-height: 35px;
        padding: 0 22px;
        font-size: 12px
    }
}

@media only screen and (max-width :768px) {
    h1 {
        font-size: 30px
    }
    h2 {
        font-size: 25px
    }
    h3 {
        font-size: 22px
    }
    h4 {
        font-size: 20px
    }
    h5 {
        font-size: 18px
    }
    p,
    body {
        font-size: 14px;
        line-height: 26px
    }
    .btn {
        line-height: 35px
    }
    .btn.btn-primary {
        padding: 0 25px
    }
    .btn.btn-xlg {
        line-height: 40px;
        padding: 0 20px;
        font-size: 13px
    }
    input,
    textarea {
        font-size: 14px
    }
    .res-m-30 {
        margin: 30px 0 !important
    }
    .res-m-t-50 {
        margin-top: 30px !important
    }
    .res-m-b-30 {
        margin-bottom: 30px !important
    }
    .res-m-b-50 {
        margin-bottom: 50px !important
    }
    .res-m-b-80 {
        margin-bottom: 80px !important
    }
    .res-m-b-100 {
        margin-bottom: 100px !important
    }
    .section-common-space {
        padding-top: 50px;
        padding-bottom: 50px
    }
    #header.box-header>.container {
        border-radius: 0;
        margin-top: 0
    }
    #header.box-header {
        left: 0;
        right: 0;
        width: initial
    }
    #header .logos .logo {
        max-height: 50px
    }
    #header.sticky-header.box-header {
        left: 0;
        right: 0
    }
    #header.box-header.sticky-header .box-header-wrap {
        padding: 0 10px
    }
    .offcanvas #header.box-header {
        left: 0;
        right: 0
    }
    .style-chooser {
        right: -230px;
        width: 230px
    }
    .style-chooser.active {
        right: 0
    }
    .advanced-slider.simple-slider .item .item-content>.container>div {
        vertical-align: top;
        padding-top: 140px
    }
    .advanced-slider.simple-slider .item .item-content {
        height: 720px
    }
    .advanced-slider.simple-slider .title {
        font-size: 30px
    }
    .advanced-slider.simple-slider .details {
        font-size: 16px;
        margin-top: 0
    }
    .advanced-slider.simple-slider .slider-details {
        margin-bottom: 40px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img3 {
        right: 30%
    }
    .text-slider .item {
        padding: 50px 0 20px
    }
    .text-slider .btn {
        line-height: 45px;
        font-size: 14px;
        padding: 0 35px
    }
    .text-slider .owl-controls .owl-prev,
    .text-slider .owl-controls .owl-next {
        left: 0;
        font-size: 25px
    }
    .text-slider .owl-controls .owl-next {
        left: inherit;
        right: 0
    }
    .simple-slider .more-btn {
        margin-top: 20px
    }
    .simple-slider .more-btn .btn {
        line-height: 40px;
        font-size: 14px;
        padding: 0 25px
    }
    .simple-slider .item .item-content {
        padding: 100px 0 20px
    }
    .demo-video .play-icon {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 14px
    }
    .section-title {
        margin-bottom: 20px
    }
    .section-title span:before {
        bottom: -10px
    }
    .about-us-bg .section-header-v2 {
        margin-bottom: 50px
    }
    .section-header-v2 .section-title {
        margin-bottom: 15px
    }
    .section-header-v2 .section-subtitle {
        font-size: 16px
    }
    .section-header-v2 .section-subtitle br {
        display: none
    }
    .features-item {
        margin-bottom: 90px
    }
    .features-item-v2 {
        margin-bottom: 30px !important;
        text-align: center
    }
    .features-item-v2 .icon {
        margin-bottom: 15px;
        font-size: 30px
    }
    .features-item-v2 .title {
        margin-bottom: 10px
    }
    .features-item-v2 .features-info p {
        font-size: 14px
    }
    .tabbed-about-us .details .title {
        margin-bottom: 20px
    }
    .tabbed-about-us .details-wrapper {
        padding-left: 0
    }
    .tabbed-about-us .work-progress {
        margin-top: 30px
    }
    .work-progress .each-item {
        margin-right: 25px;
        margin-bottom: 15px
    }
    .tabbed-about-us .tab-pane {
        margin-bottom: 30px
    }
    .tabbed-about-us:not(.tabbed-about-us-v2) .tabs-nav {
        overflow: hidden;
        padding: 15px 15px 5px
    }
    .tabbed-about-us-v2 .tabs-nav {
        float: left
    }
    .tabbed-about-us .tabs-nav li {
        margin-right: 15px;
        margin-bottom: 10px
    }
    .tabbed-about-us .tabs-nav li:after {
        display: none
    }
    .tabbed-about-us .tabs-nav li a {
        font-size: 13px
    }
    .tabbed-about-us .tabs-nav li span.icon {
        display: none
    }
    .tabbed-about-us-v2.tabbed-about-us .tabs-nav li {
        height: initial;
        padding: 15px 10px
    }
    .tabbed-about-us-v2.tabbed-about-us .details p {
        font-size: 14px;
        margin-bottom: 15px
    }
    .portfolio-items .item {
        width: 50%
    }
    .portfolio-items .item .caption .title {
        font-size: 14px
    }
    .portfolio-items .item figure:hover .caption {
        bottom: 0;
        left: 0
    }
    .item-filter {
        margin-bottom: 20px
    }
    .item-filter.item-filter-v2>li {
        margin-right: 20px
    }
    .item-filter>li {
        margin-bottom: 5px
    }
    .item-filter>li>a {
        line-height: 35px;
        padding: 0 15px
    }
    .testimonial-slider-thumb {
        padding: 20px 120px
    }
    .demo-video-v2-wrapper {
        padding-bottom: 0
    }
    .demo-video-v2 {
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px
    }
    .pie-value {
        font-size: 13px
    }
    .stats {
        padding-top: 30px
    }
    .counter {
        margin-top: 30px;
        text-align: center
    }
    .counter .icon {
        display: inline-block;
        float: none;
        width: 135px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
        margin: 0
    }
    .counter .info {
        display: block;
        padding-top: 15px
    }
    .counter:hover .icon {
        width: 135px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
        margin-top: 0
    }
    .counter-v2 {
        margin-bottom: 30px
    }
    .counter-v2 .icon {
        margin-bottom: 0;
        font-size: 33px
    }
    .testimonial-slider-v2 .flex-direction-nav .flex-prev {
        left: 20px
    }
    .testimonial-slider-v2 .flex-direction-nav .flex-next {
        right: 20px
    }
    #client-slider-thumb {
        padding: 20px 100px
    }
    .image-holder {
        width: 100%
    }
    .image-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(83, 109, 254, 0.9)
    }
    .content-holder-wrapper {
        padding: 40px 20px 30px 100px
    }
    .tweet-icon {
        position: absolute;
        left: 15px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 25px;
        border: 0
    }
    .content-holder .icon i.fa {
        color: #fff
    }
    .newsletter .title {
        text-align: center
    }
    form.mailchimpForm {
        text-align: center
    }
    form.mailchimpForm .input {
        text-align: left
    }
    .input-label {
        font-size: 14px
    }
    .price-group .dollar {
        font-size: 20px
    }
    .price-group .price {
        font-size: 40px
    }
    .price-group .price-more {
        font-size: 18px
    }
    .pricing-table {
        padding: 25px
    }
    .price-group .time {
        font-size: 13px
    }
    .price-heading .title {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px
    }
    ul.price-feature {
        margin: 30px 0
    }
    ul.price-feature>li {
        margin-bottom: 10px
    }
    #accordion .panel-heading {
        padding: 10px 0
    }
    #accordion .panel-heading a {
        line-height: 30px
    }
    #accordion .panel-heading a:before {
        font-size: 25px
    }
    .tab-content>.tab-pane .panel-body>div:first-child {
        width: 32%;
        padding-right: 20px
    }
    .tab-content>.tab-pane .panel-body>div:last-child {
        width: 68%
    }
    .tab-content>.tab-pane .panel-body img {
        width: 100%
    }
    .featured-post .info {
        left: 15px;
        right: 15px
    }
    #map {
        height: 300px
    }
    .most-popular article .info {
        padding: 23px 30px 23px 35px;
        margin-right: 15px
    }
    .niceGallery ul.entries-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .contact-section {
        padding-bottom: 50px
    }
    .contact-info {
        margin-top: 300px
    }
    .contact-info .title {
        text-align: center;
        margin-bottom: 50px
    }
    .send-message {
        padding: 40px 15px
    }
    .forms>li:nth-child(1),
    .forms>li:nth-child(2),
    .forms>li:nth-child(3),
    .forms>li:nth-child(4) {
        width: 100%
    }
    .forms>li:nth-child(1),
    .forms>li:nth-child(3) {
        padding-right: 0
    }
    .contact-details {
        padding: 40px 15px;
        height: inherit !important;
        text-align: center
    }
    .contact-info .contact-details .title {
        margin-bottom: 50px
    }
    .contact-details ul.info .icon {
        line-height: 1
    }
    .most-popular article .tag {
        display: none
    }
    .single-post-v2 {
        margin-bottom: 30px
    }
    .post-info-v2 .title {
        font-size: 20px
    }
    .blog-single-wrapper {
        padding-left: 0
    }
    .featured-posts-slider .item>.row>div {
        display: block
    }
    .sidebar {
        margin-bottom: 40px
    }
    .sidebar-v2 {
        padding: 0 15px
    }
    .post-img {
        max-height: 250px
    }
    .categories>li {
        width: 50%
    }
    .post-info-v2 p {
        font-size: 14px
    }
    .post-info-v2 blockquote:before {
        font-size: 15px;
        left: -25px
    }
    .post-info-v2 blockquote {
        font-size: 14px;
        border: 0;
        margin-left: 25px;
        padding: 0 15px;
        margin-top: 30px
    }
    .author-info {
        padding: 30px 0
    }
    .author-img {
        margin-left: 20px
    }
    .comment-author img,
    .author-img img {
        max-width: 50px
    }
    .error-wrap .wrapper {
        margin-top: 0;
        text-align: center
    }
    .error-wrap h1 {
        font-size: 30px;
        font-weight: 700
    }
    .error-wrap .wrapper .text-right {
        text-align: center
    }
    .error-img {
        margin-top: 50px
    }
    .error-wrap .team-social {
        margin-top: 50px
    }
    .contact-details.contact-details-v2 {
        margin-top: 15px
    }
    .send-message-v2 {
        padding: 0 30px;
        margin-top: 30px
    }
    ul.social-icon {
        position: relative;
        bottom: 0;
        margin-top: 30px
    }
    footer {
        padding: 0
    }
    .footer-logo {
        padding: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width :510px) {
    .p-b-150 {
        padding-bottom: 80px
    }
    .btn.btn-lg {
        line-height: 40px;
        padding: 0 25px;
        font-size: 13px
    }
    .mobile-nav {
        width: 100%;
        right: -100%;
        padding: 104px 20px 30px 20px
    }
    .mobile-nav ul>li a {
        padding: 15px 0
    }
    .advanced-slider.simple-slider .slider-images img.slider-img3 {
        right: 30px
    }
    .advanced-slider.simple-slider .item .item-content>.container {
        padding: 0
    }
    .advanced-slider.simple-slider .slider-images img.slider-img2 {
        right: 15px
    }
    .demo-video {
        margin: 0
    }
    .demo-video-play-icon {
        font-size: 14px
    }
    .page-title {
        padding: 100px 0 150px 0
    }
    .page-title .title.m-b-20 {
        margin-bottom: 10px
    }
    .breadcrumb-wrapper {
        width: 100%;
        margin-top: 20px;
        float: left !important
    }
    .features-item:not(.features-item-v2) {
        padding: 70px 30px 30px
    }
    .features-icon {
        font-size: 28px
    }
    .tabbed-about-us .img-wrapper {
        min-height: 350px
    }
    .tabbed-about-us .img-wrapper .img-one {
        width: 150px
    }
    .tabbed-about-us .img-wrapper .img-two {
        width: 200px;
        top: 80px;
        left: 90px
    }
    .tabbed-about-us .img-wrapper .img-three {
        width: 150px
    }
    .portfolio-items .item {
        width: 100% !important
    }
    #team-slider .item .img-wrapper {
        width: 100%
    }
    #team-slider .item .img-wrapper img {
        width: 100%
    }
    #team-slider .item .info {
        height: inherit;
        padding: 20px
    }
    .thumb-wrapper>div {
        width: 100%
    }
    .testimonial-quotes-icon i {
        font-size: 35px
    }
    #client-slider-thumb {
        text-align: center;
        padding: 20px 30px
    }
    #client-slider-thumb .img-wrapper {
        width: 100%
    }
    #client-slider-thumb .img-wrapper img {
        display: inline-block
    }
    #client-slider-thumb .media-body {
        padding-left: 0
    }
    .post-info p {
        font-size: 13px
    }
    .post-caption,
    .post-info {
        padding: 15px
    }
    .post-caption {
        padding-top: 30px
    }
    .img-with-content {
        display: block;
        overflow: hidden
    }
    .img-with-content>div {
        width: 50%;
        display: block !important;
        float: left
    }
    .single-post-v2 .intro,
    .single-post-v2 .tag {
        font-size: 14px
    }
    .single-post-v2 .article-info {
        font-size: 13px
    }
    .pricing-table-v2 .price-group .price {
        font-size: 30px
    }
    .pricing-table-v2 .price-group .dollar {
        font-size: 15px
    }
    .pricing-table-v2 .price-group .time {
        font-size: 12px
    }
    .pricing-table-v2 .price-heading .icon i {
        font-size: 30px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        -webkit-box-shadow: 0 0 0 8px #fafafa;
        box-shadow: 0 0 0 8px #fafafa
    }
    .pricing-table-v2:hover .price-heading .icon i,
    .pricing-table-v2.featured-price .price-heading .icon i {
        -webkit-box-shadow: 0 0 0 8px rgba(251, 56, 95, .15);
        box-shadow: 0 0 0 8px rgba(251, 56, 95, .15)
    }
    .pricing-table-v2 ul.price-feature>li {
        margin-bottom: 15px
    }
    .tweetSlider-v2 .twitter-info .tweet-text p {
        font-size: 14px
    }
    .twitter-info .tweet-text,
    .twitter-info .tweet-text p {
        line-height: 1.4
    }
    .twiiter-options li a i {
        font-size: 12px
    }
    .newsletter .section-header {
        margin: 0 15px
    }
    .tab-content-v2 .panel-body p,
    .accordion-v2 .panel-collapse p {
        font-size: 14px
    }
    .accordion .panel-heading a {
        line-height: 30px
    }
    .accordion .panel-heading a:before {
        font-size: 18px
    }
    .panel-body {
        padding: 15px
    }
    .nav-tabs>li {
        margin-bottom: 10px
    }
    .cta-content .title {
        font-size: 14px !important
    }
    .cta .btn {
        font-size: 13px;
        padding: 0 20px
    }
    .tab-content>.tab-pane .panel-body>div:first-child {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px
    }
    .tab-content>.tab-pane .panel-body>div:last-child {
        width: 100%
    }
    .col-4.portfolio-items .item {
        width: 50%
    }
    .portfolio-items .item .caption {
        padding: 10px
    }
    .item-filter>li {
        font-weight: 400;
        line-height: 33px
    }
    .about-us-bg {
        background: none !important
    }
    .tabbed-about-us-v2.tabbed-about-us .tabs-nav li {
        width: 43%
    }
    .team-slider-thumb .caption .title {
        font-size: 16px
    }
    .testimonial-slider-v2 .flex-control-thumbs li {
        width: 80px;
        margin-right: 0
    }
    .testimonial-slider-v2 .slides .info {
        font-size: 14px;
        padding: 0
    }
    .testimonial-slider-v2 .flex-direction-nav {
        display: none
    }
    .team-slider-thumb .thumb {
        margin: 7px 0
    }
    .team-social li .tooltip {
        display: none !important
    }
    .team-slider .item .info {
        height: initial !important
    }
    .testimonial-slider-thumb {
        padding: 20px 90px
    }
    .contact-details ul.info>li {
        margin-bottom: 20px
    }
    form.mailchimpForm {
        padding: 0;
        border-radius: 0
    }
    form.mailchimpForm .input {
        font-size: 14px;
        width: 100%
    }
    form.mailchimpForm .btn {
        width: 100%
    }
    form.mailchimpForm {
        margin-left: 0
    }
    .contact-details ul.info p {
        font-size: 14px
    }
    .contact-details ul.info .icon {
        font-size: 20px
    }
    .send-message-v2 .title {
        margin-bottom: 10px
    }
    .send-message-v2 .send-message-info {
        font-size: 14px
    }
    .forms>li {
        margin-bottom: 25px
    }
    .single-post {
        margin-bottom: 30px
    }
    .single-post .info {
        padding: 25px 15px 5px;
        position: relative;
        left: 0;
        top: 0
    }
    .comments-box,
    .comment-form,
    .related-post-wrapper {
        padding: 20px 15px
    }
    .related-post .single-post .info {
        position: absolute;
        top: initial;
        left: 15px;
        right: 15px
    }
    .comment-form .input {
        width: 100%;
        margin-right: 0;
        margin-left: 0 !important
    }
    .featured-posts-slider .item>.row>div,
    .featured-posts-slider .item>.row {
        display: block
    }
    .featured-posts-slider .item .info {
        padding-left: 15px;
        padding-right: 15px
    }
    .featured-posts-slider .customnav {
        padding-left: 15px
    }
    .featured-posts-slider .info .tag {
        font-size: 14px
    }
    .featured-posts-slider .info .article-info {
        font-size: 12px
    }
    .featured-posts-slider .owl-dots {
        left: 50%;
        margin-left: 0;
        bottom: 10px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
    .sub-leading-post.single-post-v2 .info {
        padding: 15px
    }
    .sub-leading-post.single-post-v2 .info {
        margin-bottom: 3px
    }
    .single-post-v2 .intro {
        margin-bottom: 10px
    }
    .comment-meta {
        display: block
    }
    .comment-author-v2 span {
        display: block;
        margin-left: 0
    }
    .commentlist li .child {
        margin-left: 30px
    }
    .most-popular-v2 {
        margin-top: 50px
    }
    .comment-form-v2 {
        margin-bottom: 0
    }
    .post-info-v2 .title {
        font-size: 16px
    }
    .post-info-v2 .article-info {
        font-size: 12px
    }
    .post-info-v2 .tag {
        font-size: 13px
    }
    .post-info-v2 blockquote {
        margin: 25px;
        padding: 0
    }
    .comment-author-v2 {
        font-size: 14px
    }
    .author-info {
        display: block;
        padding: 15px
    }
    .author-info .author-img {
        display: block;
        margin: 0;
        margin-bottom: 10px
    }
    .author-info-v2 {
        padding: 0;
        padding-top: 30px
    }
    .section-title.mini-title {
        margin-bottom: 20px;
        font-size: 16px
    }
    ul.pagination {
        margin-top: 30px;
        margin-bottom: 50px
    }
    ul.pagination>li>a {
        font-size: 14px;
        padding: 2px 10px
    }
    .social-feedback.m-b-40 {
        margin-bottom: 10px
    }
    .go-top {
        right: 15px
    }
    .go-top.active {
        bottom: 80px
    }
}

@media only screen and (max-width :360px) {
    .advanced-slider.simple-slider .slider-images img.slider-img1 {
        max-width: 180px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img2 {
        max-width: 130px
    }
    .advanced-slider.simple-slider .slider-images img.slider-img3 {
        max-width: 170px
    }
    .tabbed-about-us .img-wrapper .img-one {
        width: 130px
    }
    .tabbed-about-us .img-wrapper .img-two {
        width: 160px;
        top: 70px;
        left: 30px
    }
    .tabbed-about-us .img-wrapper .img-three {
        width: 130px;
        right: 0;
        left: initial
    }
    .testimonial-slider-thumb {
        padding: 20px 40px;
        margin: 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .main-nav>ul>li{
        margin-left: 15px;
    }
    .main-nav>ul>li>a{
        font-size: 14px;
    }
    a.navbar-brand.retina-logo{
        max-width: 150px;
    }
    .aboutBanner .bannerContent {
        padding-bottom: 3%
    }
    .jumbotron {
        padding: 0
    }
    .display-4 {
        font-size: 30px
    }
    .resourceBanner {
        padding: 70px 0 30px 0
    }
    .gcProducts .outerImg {
        max-width: 400px
    }
    .partners-slider .owl-controls .owl-nav>div,
    .team-slider-v2 .owl-controls .owl-nav>div {
        left: -20px
    }
    .partners-slider .owl-controls .owl-nav>.owl-next,
    .team-slider-v2 .owl-controls .owl-nav>.owl-next {
        ;
        right: -20px
    }
    .successCenter {
        background-size: 50%
    }
    .source-icon i {
        font-size: 2rem;
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .allResource p {
        font-size: 15px
    }
    .section-common-space {
        padding: 80px 0
    }
    .contctDetails {
        padding: 2rem
    }
    .communityBanner .outerImg img,
    .gcBenefits .outerImg img {
        max-width: 550px;
        margin-top: 120px
    }
    .communityBanner .outerImg img {
        margin-top: 30px
    }
    .gcBenefits .outerImg img {
        max-width: 550px;
        margin-top: 40px
    }
    .helpText {
        right: 40px
    }
    .communityBanner .btn-primary {
        margin-bottom: 60px
    }
    .communityBanner .outerImg {
        bottom: 80px
    }
    .barHorizontal {
        left: 4%
    }
    .aboutFundraising {
        background-size: auto 50%
    }
    .global-reach__figure--card {
        top: 155px
    }
    .global-reach__figure--com {
        bottom: 122px;
        left: 94px
    }
    .global-reach__figure--cf {
        left: 277px;
        bottom: -2px
    }
    .global-reach__figure--preauthorize {
        bottom: -30px;
        right: 300px
    }
    .global-reach__figure--software {
        bottom: 44px;
        right: 93px
    }
    .global-reach__figure--personalcom {
        top: 245px;
        right: -23px
    }
    .ebookBanner .bannerContent {
        padding-top: 24%;
        padding-bottom: 3%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .offset-1,
    .offset-2,
    .offset-3,
    .offset-4,
    .offset-5 {
        margin: 0
    }
    #header {
        top: 4px;
        margin-top: 34px;
        position: fixed;
        background: rgba(255, 255, 255, .9)
    }
    .jumbotron {
        padding: 40px 0 15px 0
    }
    .bannerContent {
        margin-top: 13%;
        margin-bottom: 0;
        padding: 20px
    }
    .display-4 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .jumbotron p {
        font-size: 14px
    }
    .gcProducts {
        background: 0
    }
    .btnIcon {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .contctDetails {
        margin-top: 0
    }
    .contact-info {
        margin-top: 0
    }
    .contactSection {
        background: 0;
        margin-top: 0
    }
    .partners-slider .owl-controls .owl-nav>div,
    .team-slider-v2 .owl-controls .owl-nav>div {
        left: 0
    }
    .partners-slider .owl-controls .owl-nav>.owl-next,
    .team-slider-v2 .owl-controls .owl-nav>.owl-next {
        ;
        right: 0
    }
    .aboutFundraising {
        background-size: auto 75%
    }
    .eBookContact .send-message-v2 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .m-t-50 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .res-m-30 {
        margin-top: 0 !important
    }
    .eBookSection.section-common-space {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width:600px) and (max-width:768px) {
    .lgDisplay {
        display: none
    }
    .mobOnly {
        display: block
    }
    .offset-1,
    .offset-2,
    .offset-3,
    .offset-4,
    .offset-5 {
        margin: 0
    }
    .mainCat .lgDisplay {
        display: block
    }
    .mainCat .mobOnly {
        display: none
    }
    .fofBanner,
    .sfBanner,
    .homeBanner,
    .locationBanner,
    .easyBanner {
        background-size: cover
    }
    .crowdfundingBanner {
        background-size: contain
    }
    .mobJumbo {
        padding-bottom: 55px !important
    }
    .top-bar .nav-link {
        font-size: 12px
    }
    .btnIcon {
        min-width: 100%;
        max-width: 100%
    }
    .jumbotron {
        padding: 40px 0 15px 0
    }
    .mailchimpForm .btn {
        margin-bottom: 0 !important
    }
    .bannerContent {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px
    }
    .aboutBanner .bannerContent {
        padding-top: 3%
    }
    .ebookBanner .bannerContent {
        padding-top: 6.5%
    }
    .display-4 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .jumbotron p {
        font-size: 14px
    }
    .gcProducts {
        background: 0
    }
    .btnIcon {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 20px
    }
    .contctDetails {
        margin-top: 0
    }
    .contctDetails {
        margin-top: 0;
        padding: 1rem
    }
    .contactSection {
        background: 0;
        margin-top: 0
    }
    .contact-info {
        margin-top: 30px
    }
    .media-left {
        margin-top: 12px
    }
    .media-left i {
        font-size: 2rem
    }
    .partners-slider .owl-controls .owl-nav>div,
    .team-slider-v2 .owl-controls .owl-nav>div {
        left: 0
    }
    .partners-slider .owl-controls .owl-nav>.owl-next,
    .team-slider-v2 .owl-controls .owl-nav>.owl-next {
        right: 0
    }
    .mobContent {
        margin-top: 3%
    }
    .aboutCommunity,
    .aboutFundraising,
    .aboutSchool,
    .aboutTexting {
        background: 0
    }
    .aboutFundraising,
    .aboutTexting {
        margin-top: 50px;
        margin-bottom: 50px
    }
    .aboutTexting {
        padding-top: 0;
        padding-bottom: 0
    }
    .textGiving,
    .mobfeatureBrief {
        padding: 90px 20px
    }
    .tabLinks {
        display: none
    }
    .aboutFundraising .helpText,
    .aboutCommunity .helpText {
        margin-bottom: 30px
    }
    .helpText {
        position: inherit;
        max-width: 100%;
        right: inherit;
        bottom: inherit
    }
    .successCenter {
        background-image: none
    }
    .blogArea .heading-custom {
        margin-top: 20px
    }
    #header .logos {
        line-height: 50px
    }
    #header .logos .logo {
        max-height: 40px
    }
    .ca-main {
        font-size: 16px
    }
    .barHorizontal {
        left: -3%
    }
    .aboutCommunity,
    .aboutSchool {
        margin-top: 20px;
        margin-bottom: 50px
    }
    .card-body {
        margin-bottom: 20px
    }
    .gcBenefits {
        padding-top: 0;
        padding-bottom: 0
    }
    .sliderImage .goSlide2 {
        max-width: 120px;
        top: -23px;
        left: 42px
    }
    .sliderImage .goSlide1 {
        max-width: 120px;
        right: 46px;
        top: 0
    }
    .GOBanner .bannerContent {
        padding-top: 70%
    }
    .connectBanner .bannerContent,
    .text-to-give .bannerContent {
        padding-top: 2%
    }
    .connectImg img,
    .giveImg img {
        max-width: 100% !important;
        position: inherit !important;
        right: inherit !important
    }
    .helpImgTexting {
        position: absolute;
        right: 0;
        top: 50px
    }
    .eventBanner {
        background: url(../images/event-banner.jpg) no-repeat #000;
        min-height: inherit
    }
    .eventBanner .bannerContent {
        padding-top: 0;
        background: 0
    }
    .global-reach__figures-wrap {
        width: 100%;
        height: auto;
        position: inherit;
        background-image: none;
        top: inherit
    }
    .global-reach__figure,
    .global-reach__figure__table {
        width: 125px;
        height: 125px;
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin-right: 15px;
        margin-bottom: 20px
    }
    .global-reach__figure {
        display: inline-block
    }
    .global-reach__figure h4 {
        font-size: 14px;
        line-height: 16px;
        padding: 0 8px
    }
    .global-reach__figure i {
        margin-bottom: 15px
    }
    .leftSection .outerImg {
        position: inherit
    }
    .view_option {
        margin-bottom: 20px
    }
    .gift-box {
        margin-left: 10px;
        margin-top: 0
    }
    #header {
        position: relative
    }
    .blogPost {
        margin-bottom: 30px
    }
    .locationEvents .thumbnail {
        height: auto
    }
    .locations a>img,
    .locations>img {
        height: 92px
    }
    .textTruncate {
        width: auto
    }
    .addEvent .field-name,
    .addEvent .field {
        width: 100% !important
    }
    .btn {
        width: 100%;
        margin-bottom: 20px !important
    }
    .easyTabs .nav-tabs .nav-link i::before {
        font-size: 2rem
    }
    .easyTabs .nav-tabs .nav-link i {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .easyTabs .nav-tabs .nav-link span {
        font-size: 12px;
        line-height: 20px
    }
    .easyTabs .nav-tabs .nav-item {
        min-width: auto
    }
    .easyTabs .nav-link {
        padding: .2rem
    }
    .tab-group li span {
        padding-right: 50px
    }
    .tab-group li span::after {
        width: 28px;
        height: 1px
    }
    .tab-group li {
        font-size: 16px
    }
    .fundingCarousel {
        margin-bottom: 2rem;
        margin-top: 1rem
    }
    .mailchimpForm .btn {
        margin-bottom: 0
    }
    .eventLinks a {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
    .view_option.justify-content-end {
        justify-content: flex-start !important
    }
    .mailchimpForm .btn {
        position: inherit;
        right: inherit;
        border-radius: 0;
        margin-bottom: 0 !important
    }
    form.mailchimpForm {
        overflow: hidden;
        height: auto
    }
    .ui-dialog {
        width: 100% !important
    }
    .noBanner {
        min-height: auto
    }
    .card-img-overlay .bannerContent {
        padding-top: 0
    }
    .privacyPolicy .btn-primary {
        padding: 0;
        margin-right: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0 !important
    }
    .privacyPolicy .panel {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .privacyPolicy .panel-title {
        font-size: 16px
    }
    .privacyPolicy .panel-body {
        padding: 10px 0
    }
    .mainBanner .card-img-overlay {
        position: inherit
    }
    .allCases li {
        margin-bottom: 20px
    }
    .downloadBtnRound {
        right: 50%;
        background-color: rgba(255, 255, 255, .85) !important
    }
    .ebookSection .position-relative {
        margin-bottom: 50px
    }
    .eBookContact .send-message-v2 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .m-t-50 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .res-m-30 {
        margin-top: 0 !important
    }
}

@media(min-width:480px) and (max-width:600px) {
    .lgDisplay {
        display: none
    }
    .mobOnly {
        display: block
    }
    .mob-m-t-20 {
        margin-top: 20px
    }
    .mob-m-b-20 {
        margin-bottom: 20px
    }
    .offset-1,
    .offset-2,
    .offset-3,
    .offset-4,
    .offset-5 {
        margin: 0
    }
    .view_option {
        margin-bottom: 20px
    }
    .view_option.justify-content-end {
        justify-content: flex-start !important
    }
    .crowdfundingBanner {
        background-size: contain
    }
    .mobJumbo {
        padding-bottom: 55px !important
    }
    .top-bar .nav-item {
        border-left: 1px solid rgba(0, 0, 0, .2)
    }
    .top-bar .nav-item:first-child {
        border-left: 0
    }
    .top-bar .nav-link {
        font-size: 16px;
        padding: 5px 15px
    }
    .top-bar #basketCount {
        font-size: 12px
    }
    .top-bar .nav-link i::before {
        margin-left: 0
    }
    .jumbotron {
        padding: 40px 0 15px 0
    }
    .bannerContent {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px
    }
    .locationBanner,
    .easyBanner {
        background-size: cover
    }
    .aboutBanner .bannerContent,
    .homeBanner .bannerContent,
    .sfBanner .bannerContent,
    .fofBanner .bannerContent,
    .ebookBanner .bannerContent {
        padding-top: 46%
    }
    .crowdfundingBanner .bannerContent {
        padding-top: 30%
    }
    .display-4 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .jumbotron p {
        font-size: 14px
    }
    .gcProducts {
        background: 0
    }
    .btnIcon {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 20px
    }
    .contctDetails {
        margin-top: 0
    }
    .contctDetails {
        margin-top: 0;
        padding: 1rem
    }
    .contactSection {
        background: 0;
        margin-top: 0
    }
    .contact-info {
        margin-top: 30px
    }
    .media-left {
        margin-top: 12px
    }
    .media-left i {
        font-size: 2rem
    }
    .partners-slider .owl-controls .owl-nav>div,
    .team-slider-v2 .owl-controls .owl-nav>div {
        left: 0
    }
    .partners-slider .owl-controls .owl-nav>.owl-next,
    .team-slider-v2 .owl-controls .owl-nav>.owl-next {
        right: 0
    }
    .mobContent {
        margin-top: 3%
    }
    .aboutCommunity,
    .aboutFundraising,
    .aboutSchool,
    .aboutTexting {
        background: 0
    }
    .aboutFundraising {
        margin-top: 0;
        margin-bottom: 20px
    }
    .events-overlay span.plus {
        line-height: 60px
    }
    .aboutTexting {
        padding-top: 0;
        padding-bottom: 0
    }
    .textGiving,
    .mobfeatureBrief {
        padding: 90px 20px
    }
    .tabLinks {
        display: none
    }
    .aboutFundraising .helpText,
    .aboutCommunity .helpText {
        margin-bottom: 30px
    }
    .helpText {
        position: inherit;
        max-width: 100%;
        right: inherit;
        bottom: inherit
    }
    .successCenter {
        background-image: none
    }
    .blogArea .heading-custom {
        margin-top: 20px
    }
    #header .logos {
        line-height: 50px
    }
    #header .logos .logo {
        max-height: 40px
    }
    .ca-main {
        font-size: 16px
    }
    .barHorizontal {
        left: -3%
    }
    .aboutCommunity,
    .aboutSchool {
        margin-top: 20px;
        margin-bottom: 50px
    }
    .card-body {
        margin-bottom: 20px
    }
    .massTimes .card-body {
        margin-bottom: 0
    }
    .gcBenefits {
        padding-top: 0;
        padding-bottom: 0
    }
    .sliderImage .goSlide2 {
        max-width: 120px;
        top: -23px;
        left: 42px
    }
    .sliderImage .goSlide1 {
        max-width: 120px;
        right: 46px;
        top: 0
    }
    .GOBanner .bannerContent {
        padding-top: 70%
    }
    .connectBanner .bannerContent,
    .text-to-give .bannerContent {
        padding-top: 2%
    }
    .connectImg img,
    .giveImg img {
        max-width: 100% !important;
        position: inherit !important;
        right: inherit !important
    }
    .helpImgTexting {
        position: absolute;
        right: 0;
        top: 50px
    }
    .eventBanner {
        background: url(../images/event-banner.jpg) no-repeat #000;
        min-height: inherit
    }
    .eventBanner .bannerContent {
        margin-top: 0;
        background: 0
    }
    .global-reach__figures-wrap {
        width: 100%;
        height: auto;
        position: inherit;
        background-image: none;
        top: inherit
    }
    .global-reach__figure,
    .global-reach__figure__table {
        width: 125px;
        height: 125px;
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin-right: 15px;
        margin-bottom: 20px
    }
    .global-reach__figure {
        display: inline-block
    }
    .global-reach__figure h4 {
        font-size: 14px;
        line-height: 16px;
        padding: 0 8px
    }
    .global-reach__figure i {
        margin-bottom: 15px
    }
    .leftSection .outerImg {
        position: inherit
    }
    .gift-box {
        margin-left: 10px;
        margin-top: 0
    }
    #header {
        position: relative
    }
    .blogPost {
        margin-bottom: 30px
    }
    .btnIcon {
        min-width: 100%
    }
    .locationEvents .thumbnail {
        height: auto
    }
    .locationEvents img,
    .locationEvents a>img {
        height: 70px;
        width: auto;
        float: left;
        margin-right: 10px
    }
    .locations a>img,
    .locations>img {
        height: auto;
        width: 100%
    }
    .thumbnail {
        height: auto
    }
    .textTruncate {
        width: auto
    }
    .addEvent .field-name,
    .addEvent .field {
        width: 100% !important
    }
    .btn {
        width: 100%;
        margin-bottom: 20px !important
    }
    .easyTabs .nav-tabs .nav-link i::before {
        font-size: 2rem
    }
    .easyTabs .nav-tabs .nav-link i {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .easyTabs .nav-tabs .nav-link span {
        font-size: 12px;
        line-height: 20px
    }
    .easyTabs .nav-tabs .nav-item {
        min-width: auto
    }
    .easyTabs .nav-link {
        padding: .2rem
    }
    .tab-group li span {
        padding-right: 50px
    }
    .tab-group li span::after {
        width: 28px;
        height: 1px
    }
    .tab-group li {
        font-size: 16px
    }
    .fundingCarousel {
        margin-bottom: 2rem;
        margin-top: 1rem
    }
    .mailchimpForm .btn {
        margin-bottom: 0
    }
    .eventLinks a {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
    .top-bar .nav-link .menuName {
        display: none
    }
    .topnav.share_event {
        margin: 20px 0
    }
    .well {
        margin-top: 20px
    }
    .fundraisingTabs ul li a,
    .feDonationsTabs ul li a {
        padding: 6px;
        font-size: 13px
    }
    .fundraisingTabs {
        margin-bottom: 20px
    }
    .mailchimpForm .btn {
        position: inherit;
        right: inherit;
        border-radius: 0;
        margin-bottom: 0 !important
    }
    form.mailchimpForm {
        overflow: hidden;
        height: auto
    }
    .ui-dialog {
        width: 100% !important
    }
    .noBanner {
        min-height: auto
    }
    .card-img-overlay .bannerContent {
        padding-top: 0
    }
    .privacyPolicy .btn-primary {
        padding: 0;
        margin-right: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0 !important
    }
    .privacyPolicy .panel {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .privacyPolicy .panel-title {
        font-size: 16px
    }
    .privacyPolicy .panel-body {
        padding: 10px 0
    }
    .mainBanner .card-img-overlay {
        position: inherit
    }
    .allCases li {
        margin-bottom: 20px
    }
    .downloadBtnRound {
        right: 50%;
        background-color: rgba(255, 255, 255, .85) !important
    }
    .ebookSection .position-relative {
        margin-bottom: 50px
    }
    .eBookContact .send-message-v2 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .m-t-50 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .res-m-30 {
        margin-top: 0 !important
    }
}

@media(min-width:320px) and (max-width:480px) {
    .lgDisplay {
        display: none
    }
    .mobOnly {
        display: block
    }
    .mob-m-t-20 {
        margin-top: 20px
    }
    .mob-m-b-20 {
        margin-bottom: 20px
    }
    .offset-1,
    .offset-2,
    .offset-3,
    .offset-4,
    .offset-5 {
        margin: 0
    }
    .view_option {
        margin-bottom: 20px
    }
    .view_option.justify-content-end {
        justify-content: flex-start !important
    }
    .crowdfundingBanner {
        background-size: contain
    }
    .mobJumbo {
        padding-bottom: 55px !important
    }
    .top-bar .nav-item {
        border-left: 1px solid rgba(0, 0, 0, .2)
    }
    .top-bar .nav-item:first-child {
        border-left: 0
    }
    .top-bar .nav-link {
        font-size: 16px;
        padding: 5px 15px
    }
    .top-bar #basketCount {
        font-size: 12px
    }
    .top-bar .nav-link i::before {
        margin-left: 0
    }
    .jumbotron {
        padding: 40px 0 15px 0
    }
    .bannerContent {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px
    }
    .locationBanner,
    .easyBanner {
        background-size: cover
    }
    .aboutBanner .bannerContent,
    .homeBanner .bannerContent,
    .sfBanner .bannerContent,
    .fofBanner .bannerContent,
    .ebookBanner .bannerContent {
        padding-top: 46%
    }
    .crowdfundingBanner .bannerContent {
        padding-top: 30%
    }
    .display-4 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .jumbotron p {
        font-size: 14px
    }
    .gcProducts {
        background: 0
    }
    .btnIcon {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 20px
    }
    .contctDetails {
        margin-top: 0
    }
    .contctDetails {
        margin-top: 0;
        padding: 1rem
    }
    .contactSection {
        background: 0;
        margin-top: 0
    }
    .contact-info {
        margin-top: 30px
    }
    .media-left {
        margin-top: 12px
    }
    .media-left i {
        font-size: 2rem
    }
    .partners-slider .owl-controls .owl-nav>div,
    .team-slider-v2 .owl-controls .owl-nav>div {
        left: 0
    }
    .partners-slider .owl-controls .owl-nav>.owl-next,
    .team-slider-v2 .owl-controls .owl-nav>.owl-next {
        right: 0
    }
    .mobContent {
        margin-top: 3%
    }
    .aboutCommunity,
    .aboutFundraising,
    .aboutSchool,
    .aboutTexting {
        background: 0
    }
    .aboutFundraising {
        margin-top: 0;
        margin-bottom: 20px
    }
    .events-overlay span.plus {
        line-height: 60px
    }
    .aboutTexting {
        padding-top: 0;
        padding-bottom: 0
    }
    .textGiving,
    .mobfeatureBrief {
        padding: 90px 20px
    }
    .tabLinks {
        display: none
    }
    .aboutFundraising .helpText,
    .aboutCommunity .helpText {
        margin-bottom: 30px
    }
    .helpText {
        position: inherit;
        max-width: 100%;
        right: inherit;
        bottom: inherit
    }
    .successCenter {
        background-image: none
    }
    .blogArea .heading-custom {
        margin-top: 20px
    }
    #header .logos {
        line-height: 50px
    }
    #header .logos .logo {
        max-height: 40px
    }
    .ca-main {
        font-size: 16px
    }
    .barHorizontal {
        left: -3%
    }
    .aboutCommunity,
    .aboutSchool {
        margin-top: 20px;
        margin-bottom: 50px
    }
    .card-body {
        margin-bottom: 20px
    }
    .massTimes .card-body {
        margin-bottom: 0
    }
    .gcBenefits {
        padding-top: 0;
        padding-bottom: 0
    }
    .sliderImage .goSlide2 {
        max-width: 120px;
        top: -23px;
        left: 42px
    }
    .sliderImage .goSlide1 {
        max-width: 120px;
        right: 46px;
        top: 0
    }
    .GOBanner .bannerContent {
        padding-top: 70%
    }
    .connectBanner .bannerContent,
    .text-to-give .bannerContent {
        padding-top: 2%
    }
    .connectImg img,
    .giveImg img {
        max-width: 100% !important;
        position: inherit !important;
        right: inherit !important
    }
    .helpImgTexting {
        position: absolute;
        right: 0;
        top: 50px
    }
    .eventBanner {
        background: url(../images/event-banner.jpg) no-repeat #000;
        min-height: inherit
    }
    .eventBanner .bannerContent {
        margin-top: 0;
        background: 0
    }
    .global-reach__figures-wrap {
        width: 100%;
        height: auto;
        position: inherit;
        background-image: none;
        top: inherit
    }
    .global-reach__figure,
    .global-reach__figure__table {
        width: 125px;
        height: 125px;
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin-right: 15px;
        margin-bottom: 20px
    }
    .global-reach__figure {
        display: inline-block
    }
    .global-reach__figure h4 {
        font-size: 14px;
        line-height: 16px;
        padding: 0 8px
    }
    .global-reach__figure i {
        margin-bottom: 15px
    }
    .leftSection .outerImg {
        position: inherit
    }
    .gift-box {
        margin-left: 10px;
        margin-top: 0
    }
    #header {
        position: relative
    }
    .blogPost {
        margin-bottom: 30px
    }
    .btnIcon {
        min-width: 100%
    }
    .locationEvents .thumbnail {
        height: auto
    }
    .locationEvents img,
    .locationEvents a>img {
        height: 70px;
        width: auto;
        float: left;
        margin-right: 10px
    }
    .locations a>img,
    .locations>img {
        height: auto;
        width: 100%
    }
    .thumbnail {
        height: auto
    }
    .textTruncate {
        width: auto
    }
    .addEvent .field-name,
    .addEvent .field {
        width: 100% !important
    }
    .btn {
        width: 100%;
        margin-bottom: 20px !important
    }
    .easyTabs .nav-tabs .nav-link i::before {
        font-size: 2rem
    }
    .easyTabs .nav-tabs .nav-link i {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .easyTabs .nav-tabs .nav-link span {
        font-size: 12px;
        line-height: 20px
    }
    .easyTabs .nav-tabs .nav-item {
        min-width: auto
    }
    .easyTabs .nav-link {
        padding: .2rem
    }
    .tab-group li span {
        padding-right: 50px
    }
    .tab-group li span::after {
        width: 28px;
        height: 1px
    }
    .tab-group li {
        font-size: 16px
    }
    .fundingCarousel {
        margin-bottom: 2rem;
        margin-top: 1rem
    }
    .mailchimpForm .btn {
        margin-bottom: 0
    }
    .eventLinks a {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
    .top-bar .nav-link .menuName {
        display: none
    }
    .topnav.share_event {
        margin: 20px 0
    }
    .well {
        margin-top: 20px
    }
    .fundraisingTabs ul li a,
    .donationTabs ul li a {
        padding: 6px;
        font-size: 13px
    }
    .fundraisingTabs {
        margin-bottom: 20px
    }
    .mailchimpForm .btn {
        position: inherit;
        right: inherit;
        border-radius: 0;
        margin-bottom: 0 !important
    }
    form.mailchimpForm {
        overflow: hidden;
        height: auto
    }
    .ui-dialog {
        width: 100% !important
    }
    .noBanner {
        min-height: auto
    }
    .card-img-overlay .bannerContent {
        padding-top: 0
    }
    .privacyPolicy .btn-primary {
        padding: 0;
        margin-right: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0 !important
    }
    .privacyPolicy .panel {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .privacyPolicy .panel-title {
        font-size: 16px
    }
    .privacyPolicy .panel-body {
        padding: 10px 0
    }
    .mainBanner .card-img-overlay {
        position: inherit
    }
    .allCases li {
        margin-bottom: 20px
    }
    .downloadBtnRound {
        right: 50%;
        background-color: rgba(255, 255, 255, .85) !important
    }
    .ebookSection .position-relative {
        margin-bottom: 50px
    }
    .eBookContact .send-message-v2 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .m-t-50 {
        margin-top: 0
    }
    .eBookContact .send-message-v2 .res-m-30 {
        margin-top: 0 !important
    }
}


/****** Event Detail page responsive ********/

/* div#imageGallery .sp-mask.sp-grab,
div#imageGallery .sp-image-container {
    width: 100%!important;
} */
#imageGallery .sp-mask.sp-grab .sp-slides {
    transform: none!important;
}
div.smart-forms .frm-row .colm7 {
    width: calc(100% - 41.75%);
}

.topnav.share_event span.IN-widget {
    vertical-align: top!important;
}

.smart-forms.smart-container.addEvent .btn.btn-primary {
    padding: 0 24px;
}

.smart-forms.smart-container.addEvent .btn.btn-sm {
    font-size: 13px;
}

@media(max-width:991px) {
    .smart-forms .frm-row .colm5.section.colm,
    div.smart-forms .frm-row .colm7.section.colm {
        width: 100%;
        margin-bottom: 0;
    }
    div.smart-forms .frm-row .colm7.section.colm {
        padding-left: 18px;
    }
    .col-sm-6.col-lg-6.col-md-5.col-xs-8>h3 {
        margin-bottom: 0;
    }
}

@media(max-width:600px) {
    div.smart-forms .frm-row .colm7.section.colm {
        padding-left: 0px;
    }
}

div#google_translate_element {position: fixed;margin: 0;overflow: auto;top:6px;padding: 0;}
.dismiss_strip div#google_translate_element{top:6px;}
img.goog-te-gadget-icon {display: none;}
/*.top-bar.goggleTranslatebar{margin-top:39px;}*/
iframe.goog-te-banner-frame{display: none;}
body{top:0!important;}
.goog-te-gadget-simple { border-radius: 3px;}
a.goog-te-menu-value span:last-child{color: #0d56a5!important;font-size: 12px;display: inline-block;
position: relative;top: 1px;}
a.goog-te-menu-value span:first-child{color: #000!important;font-size: 13px;display: inline-block;}
a.goog-te-menu-value span{display:none;}
/* body .top-bar{top: 41px!important;}
body #header{margin-top: 78px!important;} */
body.dismiss_strip .gclive-strip{display:none;} 
body.dismiss_strip .top-bar {top:0px!important;}
body.dismiss_strip #header {margin-top:37px!important;}
footer.wrapperBlue.footerWrap h5 {font-size: 24px!important;}

/* @media(max-width:767px){
    body .top-bar {top: 57px!important;}
    body #header {margin-top: 95px!important;}
    div#google_translate_element{top: 60px;}
} */