/*
Theme Name: Hashe
*/

/* ==========================================================================
               fonts
   ========================================================================== */
@font-face { font-family: "Flaticon"; src: url("./fonts/Flaticon.eot"); src: url("./fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("./fonts/Flaticon.woff") format("woff"), url("./fonts/Flaticon.ttf") format("truetype"), url("./fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face { font-family: "Flaticon"; src: url("./Flaticon.svg#Flaticon") format("svg"); }
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after { font-family: Flaticon; font-style: normal; line-height: normal; font-weight: normal; }
.flaticon-big-float:before { content: "\f100"; }
.flaticon-google-plus:before { content: "\f101"; }
.flaticon-users:before { content: "\f102"; }
.flaticon-youtube:before { content: "\f103"; }
.flaticon-linked:before { content: "\f104"; }
.flaticon-chat:before { content: "\f105"; }
.flaticon-facebook:before { content: "\f106"; }
.flaticon-search:before { content: "\f107"; }
.flaticon-twitter:before { content: "\f108"; }
.flaticon-hand-shake:before { content: "\f109"; }

/* ==========================================================================
               fonts end
   ========================================================================== */
*:focus { outline: -webkit-focus-ring-color none; outline: none; }
a:visited,
a:focus,
a:active,
a:hover { outline: none !important; text-decoration: none; }
::-webkit-input-placeholder { opacity: 1; }
:-moz-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
:-ms-input-placeholder { opacity: 1; }
::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
color: #666666 !important; }
::-moz-placeholder {    /* Firefox 19+ */
color: #666666 !important; }
:-ms-input-placeholder {    /* IE 10+ */
color: #666666 !important; }
:-moz-placeholder {    /* Firefox 18- */
color: #666666 !important; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { opacity: 0.5; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { opacity: 0.5; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { opacity: 0.5; }
::selection { background: #FFFF00; color: #000; text-shadow: none; }
::-moz-selection { background: #FFFF00; color: #000; text-shadow: none; }
input:focus,
select:focus { outline: none; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; background-color: #fff !important; }
body { color: #666666; line-height: 1.8;   /* min-width: 320px;*/ font-size: 14px;    /*    font-family: 'Proza Libre',sans-serif;*/ font-family: 'Lato', sans-serif; }
a,
a *,
a:before,
a:after,
.btn,
.btn * { -webkit-transition: .3s linear; -moz-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; }
a { text-decoration: none; outline: none; color: #09aaf0; }
a:focus,
a:hover { color: #f45d24; text-decoration: none; }
img { max-width: 100%; height: auto; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { color: #000000; font-weight: 300; line-height: normal; margin: 0; text-transform: uppercase; }
h1,
.h1 { font-size: 60px; color: #f45d24; margin-bottom: 30px; }
h2,
.h2 { font-size: 48px; color: #f45d24; }
h3,
.h3 { font-size: 36px; }
h4,
.h4 { font-size: 30px; margin-bottom: 10px; }
h5,
.h5 { font-size: 20px; }
h6,
.h6 { font-size: 18px; color: #f45d24; }
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small { display: block; color: #1d252c; font-weight: 400; font-size: 37%; margin-top: 4px; text-transform: none; }

h1 small,
.h1 small { font-style: italic; }

.home h1 small,
.home .h1 small { font-style: normal; }


h4,
.h4 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
p { font-size: 14px; color: #606060; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e8e8e8; }
.blue-back { background-color: #0061aa; }
.alignleft { float: left; margin-right: 30px; }
.alignright { float: right; margin-left: 30px; }
img.alignright,
img.alignleft,
img.alignnone,
img.aligncenter,
figure.alignright,
figure.alignleft,
figure.alignnone { border: 10px solid #fff; -moz-box-shadow: 0 0 30px rgba(11, 11, 12, .05); -webkit-box-shadow: 0 0 30px rgba(11, 11, 12, .05); box-shadow: 0 0 30px rgba(11, 11, 12, .05); margin-bottom: 20px; }
.wp-caption { max-width: 100%; margin-bottom: 30px; }
.wp-caption-text { text-align: right; color: #84898e; font-style: italic; padding: 10px 0 5px; }
label { font-weight: 400; font-size: 16px; color: #808080; margin-bottom: 15px; }
div.wpcf7 { margin-top: 20px; }
span.wpcf7-not-valid-tip { font-size: 0.8em; }
div.wpcf7-mail-sent-ng,
.wpcf7-form.invalid div.wpcf7-validation-errors { background-color: #d00000; border: 2px solid #d00000; border-radius: 3px; color: #ffffff; font-size: 14px; font-weight: 600; margin: 10px 0 0; text-align: center; width: 100%; }
div.wpcf7-mail-sent-ok { background-color: #398f14; color: #fff; width: 100%; }
.form-control.wpcf7-not-valid { border-color: red; }
div.wpcf7-response-output { text-align: center; }
div.wpcf7-mail-sent-ok { border-radius: 3px; color: #fff; font-size: 14px; font-weight: 600; margin: 10px 0 0; background-color: #008000; }
div.wpcf7 img.ajax-loader { float: right; margin-right: 5px; }
.control-label { font-weight: normal; margin-bottom: 10px; }
.form-control { height: 52px; border-color: #d5e0e6; background-color: rgb(255, 255, 255); padding: 10px 15px; color: #111241; border-radius: 100px; text-align: center; }
textarea.form-control { resize: vertical; height: auto !important; padding: 22px 15px; min-height: 144px; }
.form-control:focus,
.form-control { -webkit-box-shadow: none; box-shadow: none; }
.form-control:focus { border-color: #1d252c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); }
.form-control.input-sm { height: 40px; font-size: 14px; }
select.input-sm { line-height: 1.5; }
.input-group .form-control:focus + .input-group-addon,
.input-group .form-control:focus + .ng-not-empty + .input-group-addon { border-color: #45a142; }
.form-control option { color: #666 !important; }
.form-control-holder { position: relative; }
.form-control-holder .form-control { padding-right: 40px; }
.form-control-holder.perfix .form-control { padding-left: 40px; padding-right: 12px; }
.form-control-holder.perfix .form-control-feedback { right: auto; left: 0; }
.form-control-holder .form-control-feedback { line-height: 40px; height: 40px; font-size: 1.3em; width: 40px; color: #999; }
.btn { font-weight: 400; padding: 14px 42px; font-size: 16px; border-radius: 50px; }
.btn-sm { padding: 5px 10px; font-size: 11px; }
.btn-lg { font-size: 20px; padding: 14px 40px; }
.btn-default { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.btn-default:hover,
.btn-default:focus,
.btn-default.active { background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover { background: #015f45; color: #fff; border: 1px solid #015f45; }
.btn-primary { color: #fff; background: #051c2c; border: 1px solid #051c2c; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active { background: #0055a5; color: #fff; border: 1px solid #0055a5; }
.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning { -webkit-text-shadow: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn.active,
.btn:active { -webkit-box-shadow: none; box-shadow: none; }
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus { outline: 0 auto -webkit-focus-ring-color; }
.has-error .help-block { margin-bottom: 0; font-size: 13px; font-weight: 600; }
.mybuttonss {text-align: right;}
/* ==========================================================================
                HEADER
   ========================================================================== */

/*============TOPBAR==================*/

.topbar { padding: 28px 0; }
.topbar .instant-contact { margin-top: 12px; }
.topbar .instant-contact p { line-height: 24px; margin: 0; }
.topbar .instant-contact p span { font-weight: 700; padding-right: 15px; }
.topbar .instant-contact p a { color: #666; }

/*================social-links==================*/
.social-links { text-align: right; margin-top: 17px; }
.social-links p { font-size: 18px; line-height: 20px; margin: 0; }
.social-links p a { color: #666666; display: inline-block; line-height: normal; }
.social-links p a.flat-icon { width: 27px; display: inline-block; height: 27px; text-align: center; vertical-align: middle; }
.social-links p a.flat-icon:hover { color: #f45d24; }
.topbar .instant-contact p a:hover { color: #f45d24; }

/*========CUSTOM-NAV===========*/
.custom-nav { background-color: #01aef1; }
.custom-nav ul { padding: 0; margin: 0; list-style: none; }
.custom-nav ul li { float: left; }
.custom-nav ul li a {font-size: 14px; color: #fff; display: inline-block; line-height: 30px;     padding: 17px 14px 11px 14px; text-transform: uppercase; font-family: 'Proza Libre', sans-serif; }
.custom-nav ul li a:hover { color: #1d252c; }
.navbar-nav>.active>a,
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7; }
.top-search { float: right; }
.search-full { display: none; }
.justclose { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 1); z-index: 2147483646; transition: all 0.3s linear; }
.search-from { position: fixed; top: 50%; left: 50%; margin-left: -285px; margin-top: -75px; z-index: 2147483647; display: inline-block; width: 590px; cursor: default; }
.search-from .search-label { color: #fff; font-size: 20px; text-align: center; }
.search-from .search-control { height: 44px; margin-bottom: 10px; }
.innerpages { padding-top: 40px; }

/*=========home page slider=============*/
.home-slider .slick-dots { bottom: 10px; }
.home-slider .slick-dotted.slick-slider { margin-bottom: 0; }
.home-slider .slick-dots li button { height: 10px; width: 10px; padding: 5px; }
.home-slider .slick-dots li { height: 10px; width: 10px; margin: 0 5px; padding: 0; }
.home-slider .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; content: ''; text-align: center; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; height: 10px; width: 10px; border-radius: 100px }
.home-slider .slick-dots li button:hover:before,
.home-slider .slick-dots li button:focus:before { opacity: 1; }
.home-slider .slick-dots li.slick-active button:before { opacity: 1; color: #f45d24; background-color: #f45d24; }
.cycloneslider-template-standard { margin: 0 auto; }
.cycloneslider-template-standard .cycloneslider-pager { bottom: 0 !important; margin-bottom: 20px !important; }
.cycloneslider-template-standard .cycloneslider-pager span { background-color: #fff !important; -webkit-box-shadow: none; box-shadow: none !important; margin: 0 5px !important; }
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active { background-color: #f45d24 !important; }
.home h1 small, .home .h1 small {display: block;color: #1d252c; font-weight: 400; font-size: 32%;line-height: 26px;margin-top: 5px;text-transform: none;}
.home .content p {font-size: 16px;line-height: 26px;}
/*============================MAIN==============================================*/
.main { padding: 46px 0 }
.content { text-align: center; margin-bottom: 58px; }
.content h1 { }
.content h6 { font-weight: 700; text-transform: none; }
.content-buttons { max-width: 588px; margin: 0 auto; margin-top: 55px; }
.content-buttons a { margin: 0 9px; text-transform: uppercase; max-width: 270px; width: 46%; display: inline-block; font-size: 14px; padding: 19px 15px; }
.content p { margin: 0 0 30px; }
.parallax-window { background: transparent; }
.parallax-window2 { background: transparent; }

/*=============================WHAT WE dO===========================================*/
.whatwedo { background: url(images/whatwedo-img.jpg) no-repeat; background-size: cover; background-position: 47%; padding: 95px 0 120px 0; }
.whatwedo p { color: #fff; max-width: 960px; line-height: 30px; margin: 30px 0 28px 0; }
.whatwedo .bullets { list-style: none; padding: 0; max-width: 738px; margin: 0px 0 28px 0; }
.whatwedo .bullets li { color: #fff; position: relative; display: block; line-height: 30px; padding-left: 22px; width: 49%; float: left; font-size: 16px; }
.whatwedo .bullets li:before { content: ""; position: absolute; background-color: #f45d24; width: 7px; top: 0; left: 0; height: 7px; margin-top: 13px; border-radius: 50px; }
a.readmore { display: block; color: #f45d24; text-transform: uppercase; font-weight: 700; line-height: 16px; margin: 0; padding: 0; }
a.readmore:hover { color: #01aef1; }
.imgbox{margin:20px 0;}
/*==================we_need_your_help===============================*/
.we_need_your_help { text-align: center; padding: 45px 0 35px 0; }
.we_need_your_help p:first-of-type { font-size: 18px; max-width: 470px; line-height: 36px; margin: 0 auto; margin-bottom: 40px; }
.we_need_your_help .help-box p { font-size: 14px; max-width: 470px; line-height: 30px; margin: 0 auto; margin-bottom: 40px; margin-top: 32px; }
.we_need_your_help .hepl-box { }
.we_need_your_help .help-img-box { }
.we_need_your_help .help-img-box { display: block; padding: 9px; border: 1px dashed #01aef1; border-radius: 50%; width: 190px; height: 190px; margin: 0 auto; margin-bottom: 23px; }
.we_need_your_help .help-img-box span { background-color: #01aef1; display: block; border-radius: 50%; width: 170px; height: 170px; line-height: 170px; font-size: 80px; color: #f5f5f5; }

/*===============================largest_problem====================*/
.largest_problem { text-align: center; background: url(images/needyourhelp-img.jpg) no-repeat; background-position: 50%; background-size: cover; }
.largest_problem .content-sub { padding: 129px 0; }
.left-content { text-align: left; color: #fff; }
.largest_problem h2 { color: #fff; line-height: 38px; }
.largest_problem h3 { color: #fff; font-size: 30px; font-weight: 700; line-height: 40px; }
.text-area-part { margin-top: 22px; margin-bottom: 44px; }
.largest_problem p { color: #fff; line-height: 30px; }
p.italic-text { font-size: 12px; line-height: 24px; }
.largest_problem .left-content .btn.btn-default { background: #f45d24; color: #fff; border: 1px solid #f45d24; max-width: 270px; width: 100%; padding: 19px 42px; font-size: 14px; text-transform: uppercase; }
.largest_problem .left-content .btn-default:hover,
.largest_problem .left-content .btn-default:focus,
.largest_problem .left-content .btn-default.active { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.largest_problem .responsive-wrapper { position: relative; height: 0; }
.largest_problem .responsive-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.largest_problem #Iframe { overflow: hidden; }
.largest_problem .responsive-wrapper-wxh-560x315 { padding-bottom: 56.25%; }
.largest_problem .set-border { border: 10px solid #fff; }
.largest_problem .center-block-horiz { margin-left: auto !important; margin-right: auto !important; }

/*================our-board========================================*/
.our-board { text-align: center; background: url(images/bg-board.jpg) repeat; padding: 40px 0 30px 0; }
.our-board h2 { margin-bottom: 174px; color: #1d252c; }
.our-board .board-member { background-color: #fff; position: relative; }
.our-board .board-member .img-box { }
.our-board .board-member .img-box img { border-radius: 100%; border: 10px solid #fff; margin-top: -143px; }
.our-board .board-member h3 { text-transform: none; margin-bottom: 20px; }
.our-board .board-member h3 small,
.our-board .board-member .h3 small { display: block; color: #01aef1; font-weight: 700; font-size: 37%; margin-top: 10px; text-transform: none; }
.our-board .board-member .board-member-details { padding: 25px 53px 45px 53px; }
.our-board .board-member .board-member-details .social-links { text-align: center; margin-top: 17px; }
.our-board .board-member .board-member-details .social-links p a { color: #666666; }
.our-board .board-member .board-member-details .social-links p a:hover { color: #fff; }
.our-board .board-member .board-member-details .social-links p a.flat-icon { width: 33px; display: inline-block; height: 33px; line-height: 33px; border-radius: 3px; text-align: center; vertical-align: middle; }
.our-board .board-member .board-member-details .social-links p a.tw:hover { background-color: #25a8e0; }
.our-board .board-member .board-member-details .social-links p a.fb:hover { background-color: #3b5a9a; }
.our-board .board-member .board-member-details .social-links p a.gplus:hover { background-color: #d54936; }
.our-board .board-member .board-member-details .social-links p a.likdin:hover { background-color: #117bb8; }
.our-board .board-member .board-member-details p { line-height: 30px; margin: 23px 0 37px 0; }
.our-board .board-member .board-member-details p.no-margin { margin: 0; }
.single-members .board-member-details > h3 { margin-bottom: 20px; }
.single-members .board-member-details p { line-height: 25px; }
.single-members .img-box { float: left; margin: 0 25px 15px 0; }
.single-members .img-box .social-links { margin: 0; text-align: center; padding: 10px 0; background: #f5f5f5; }
.single-members .img-box .social-links p a.flat-icon { width: 34px; height: 21px; border-right: 1px solid #ccc; }
.single-members .img-box .social-links p a.flat-icon:first-child { border-left: 1px solid #ccc; }

/*==============latest-from-the-blog=====================================*/
.latest-from-the-blog { text-align: center; padding: 50px 0; }
.latest-from-the-blog h2 { color: #01aef1; margin-bottom: 40px; }
.latest-from-the-blog p.blog-cap { font-size: 16px; max-width: 570px; line-height: 30px; margin: 0 auto 10px; }
.latest-from-the-blog #carousel { height: 340px; text-align: center; width: 100%; }
#carousel a { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none; transition: none !important; background-color: inherit; }
.latest-from-the-blog .activewhee { border: 10px solid #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); }
.blog-meta { color: #f45d24; }
.latest-from-the-blog img { transition: none; }

/*==============sign-up-for-newsletter===========================*/
.sign-up-for-newsletter { padding: 50px 0 24px 0; text-align: center; background-color: #1d252c; }
.sign-up-for-newsletter h4 { color: #d0d3d4; }
.sign-up-for-newsletter .newsletter-suscription-form { margin-top: 50px; }
.sign-up-for-newsletter .newsletter-suscription-form .btn.btn-default { width: 100%; background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.sign-up-for-newsletter .newsletter-suscription-form .btn-default:hover,
.sign-up-for-newsletter .newsletter-suscription-form .btn-default:focus,
.sign-up-for-newsletter .newsletter-suscription-form .btn-default.active { background: #01aef1; color: #fff; border: 1px solid #01aef1; }

/*===============================================
                WHAT WE DO new css added
===============================================*/
.form-control { text-align: left; height: 40px; border-color: #cccccc; background-color: rgb(255, 255, 255); padding: 10px 15px; color: #111241; border-radius: 0; }
.form-control:focus { border-color: #f45d24; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); }
label { font-weight: 400; font-size: 14px; color: #808080; line-height: 24px; margin-bottom: 14px; }
.control-label { font-weight: normal; margin-bottom: 10px; }
textarea.form-control { resize: vertical; height: auto !important; padding: 22px 15px; min-height: 144px; }
.form-control:focus,
.form-control { -webkit-box-shadow: none; box-shadow: none; }

/*====select=====*/
.selectDropdown { margin-bottom: 0; position: relative; cursor: pointer; border-radius: 4px; }
.selectDropdown > select { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; font-size: 14px; color: #808080; height: 40px; padding: 0 15px; border-radius: 0; border: 1px solid #ccc; font-weight: 400; }
.selectDropdown .select { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; font-size: 14px; color: #808080; height: 40px; padding: 0 15px; border-radius: 0; border: 1px solid #ccc; font-weight: 400; }
.selectDropdown > select:hover { cursor: pointer; }
.selectDropdown select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #444; }
.selectDropdown select::-ms-expand { display: none; }
.selectDropdown > select.input-sm { padding-left: 10px; }
.selectDropdown:after { position: absolute; right: 10px; content: "\f107"; font-family: 'FontAwesome'; top: 13px; pointer-events: none; z-index: 5; font-size: 1.2em; color: #ccc; line-height: 1; }
.selectDropdown.inputSm:after { font-size: 1.3em; }

/*=================END select======================================*/
.btn.btn-primary { font-weight: 600; padding: 9px 25px; font-size: 14px; border-radius: 50px; text-transform: uppercase; }
.btn-primary { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active { background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover { background: #f45d24; color: #fff; border: 1px solid #f45d24; }

/*===============================*/
.btn.btn-success { font-weight: 600; padding: 16px 65px; font-size: 18px; border-radius: 50px; text-transform: uppercase; }
.btn-success { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.btn-success:hover,
.btn-success:focus,
.btn-success.active { background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover { background: #f45d24; color: #fff; border: 1px solid #f45d24; }

/*=========================*/
.btn-default { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.btn-default:hover,
.btn-default:focus,
.btn-default.active { background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover { background: #015f45; color: #fff; border: 1px solid #015f45; }

/*=====================*/
.btn.btn-info { font-weight: 600; padding: 9px 40px; font-size: 14px; border-radius: 50px; text-transform: uppercase; }
.btn-info { background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.btn-info:hover,
.btn-info:focus,
.btn-info.active { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover { background: #01aef1; color: #fff; border: 1px solid #01aef1; }

/*=====================*/
.what-we-do-inner { margin: 38px 0 90px 0; }
.what-we-do-inner .italictxt { color: #1d252c; font-style: italic; text-transform: none; font-weight: 400; margin-top: 5px; }
.what-we-do-inner p { line-height: 30px; margin: 30px 0 40px 0; }
.what-we-do-inner h4 { color: #f45d24; }
.what-we-do-inner .imgbox { max-width: 570px; margin: 38px 0 32px 0; }
.what-we-do-inner .foundationsWork { margin-bottom: 28px; }
.what-we-do-inner .foundationsWork ul { list-style: none; padding: 0; margin: 0; }
.what-we-do-inner .foundationsWork ul li { position: relative; padding-left: 22px; font-size: 16px; color: #1d252c; line-height: 36px; }
.what-we-do-inner .foundationsWork ul li:before { content: "\f058"; font-family: FontAwesome; position: absolute; left: 0; top: 0; color: #01aef1; }

/*======SIDEBAR================*/
.side_bar { margin-bottom: 26px; }
.side_bar h3 { color: #01aef1; }
.side_bar h3 small,
.side_bar .h3 small { display: block; color: #1d252c; font-weight: 400; font-size: 68%; margin-top: 0; text-transform: uppercase; }
.side_bar p,
.side_bar .sidebar-post-title { line-height: 26px; margin: 0 0; color: #666; font-size: 14px; margin: 30px 0 10px 0; }
.side_bar p.italic-text { font-size: 12px; line-height: 24px; color: #666666; margin: 0 0 35px 0; font-style: italic; }
.side_bar p a,
.side_bar p.date_comment span.stuff { color: #f45d24; font-size: 14px; font-weight: 700; }
.side_bar p a:hover { color: #01aef1; }
.side_bar .seprator-slash { margin: 0 12px; }
.side_bar .from-blog { margin-top: 25px; }
.side_bar .blog-content { margin: 19px 0 24px 0; }
.side_bar .blog-content p { line-height: 30px; margin: 0 0; color: #333333; font-size: 16px; }
.side_bar .btn-info {margin-bottom: 30px;}
@media (max-width:991px) {
	.side_bar p a { font-size: 12px; }
	.side_bar .seprator-slash { margin: 0 6px; font-size: 12px; }
	.side_bar .blog-content p { line-height: 24px; }
	.side_bar p { line-height: 24px; margin: 15px 0 10px 0; }
	.what-we-do-inner { margin: 35px 0 15px 0; }
	.single-members .img-box { float: left; width: 33%; }
	.single-members .img-box .social-links p a.flat-icon { width: 29px; }
}
@media (max-width:500px) {
	.what-we-do-inner p { line-height: 24px; margin: 15px 0 20px 0; }
	.what-we-do-inner .imgbox { margin: 15px 0 15px 0; }
	.what-we-do-inner .foundationsWork ul li { font-size: 13px; font-weight: 600; line-height: 28px; }
	.what-we-do-inner .foundationsWork { margin-bottom: 12px; }
	.side_bar {margin-bottom: 10px; }
	.side_bar p.italic-text { margin: 0 0 15px 0; }
	.side_bar .blog-content { margin: 15px 0 15px 0; }
	.main { padding: 20px 0 20px 0; }
	.single-members .img-box .social-links p a.flat-icon { width: 48%; border: 1px solid #ccc; height: auto; padding: 4px; margin: 0 0 5px; }
}

/*=======================================================
                     DONATE
========================================================*/
.donate-inner { margin: 0px 0 13px 0; }
.donate-inner h5 { color: #01aef1; font-weight: 400; margin-bottom: 13px; }
.donate-inner h1 small,
.donate-inner .h1 small { display: block; color: #000; font-weight: 400; font-size: 37%; margin-top: 4px; text-transform: none; font-style: italic; }
.donate-form { margin: 44px 0 30px 0; }
.donate-form .mgbot { margin-bottom: 15px; }
.donate-form .button-box { text-align: right; margin-top: 33px; }
.donate-form .form-subs { background-color: #f8f8f8; border-bottom: 2px solid #cccecf; margin-top: 14px; margin-bottom: 20px; }
.donate-form .form-subs { padding: 31px 29px 29px 29px; }
.donate-form .form-subs h6 { text-transform: none; font-weight: 400; }
.donate-form .form-subs p { margin: 0; line-height: 24px }
.mgttp { margin-top: 32px; }
.volunteer .vol-txt { line-height: 30px; margin: 35px 0 0 0; }
.volunteer .vol-txt1 { line-height: 30px; margin: 30px 0 0 0; }
input[type=radio] { display: none; }
input[type=radio] + span { position: relative; padding-left: 33px; transition: all 0.3s linear; font-weight: 600; }
input[type=radio]:checked + span:before,
input[type=radio]:checked + span:after,
input[type=radio] + span:before,
input[type=radio] + span:after { line-height: 18px; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 100px; }
input[type=radio] + span:before { margin-left: 0; border: 3px solid #b7b7b7; content: ""; width: 20px; height: 20px; border-radius: 100px; transition: all 0.3s linear; }
input[type=radio] + span:after { content: ""; border: none; transition: all 0.3s linear; }
input[type=radio]:checked + span:after { width: 14px; height: 14px; border: none; background: #01aef1; transition: all 0.3s linear; margin: 3px 3px; }
.checboxes-box .inline_radio { display: inline-block; float: left; margin: 0 10px; }
@media (max-width:1200px) {
	.btn.btn-success { padding: 16px 40px; font-size: 16px; }
	.mybuttonss {text-align: left;}
}
@media (max-width:1100px) {
	.checboxes-box { margin-top: 10px; }
}
@media (max-width:767px) {
	.donate-form .button-box { text-align: left; margin-top: 25px; }
	.mgttp { margin-top: 10px; }
	.volunteer .vol-txt { line-height: 24px; margin: 20px 0 0 0; }
	.volunteer .vol-txt1 { line-height: 24px; margin: 20px 0 0 0; }
	.volunteer .donate-form { margin: 20px 0 30px 0; }
}
@media (max-width:500px) {
	.donate-inner h1 small,
	.donate-inner .h1 small { font-size: 70%; }
	.donate-form { margin: 25px 0 30px 0; }
	label { margin-bottom: 0; }
	.donate-inner h5 { margin-bottom: 8px; }
	.btn.btn-success { padding: 10px 30px; font-size: 14px; }
	.donate-form .form-subs { padding: 20px 15px 10px 15px; }
	.donate-form .form-group { margin-bottom: 10px; }
	.volunteer .vol-txt { line-height: 24px; margin: 15px 0 0 0; }
	.volunteer .vol-txt1 { line-height: 24px; margin: 10px 0 0 0; }
}

/*===========================================
           sign-up-for-newsletter
============================================*/
.sign-up-for-newsletter { padding: 50px 0 24px 0; text-align: center; background-color: #1d252c; }
.sign-up-for-newsletter h4 { color: #d0d3d4; }
.sign-up-for-newsletter .newsletter-suscription-form { margin-top: 50px; }
.sign-up-for-newsletter .newsletter-suscription-form .btn.btn-default { width: 100%; background: #f45d24; color: #fff; border: 1px solid #f45d24; }
.sign-up-for-newsletter .newsletter-suscription-form .btn-default:hover,
.sign-up-for-newsletter .newsletter-suscription-form .btn-default:focus,
.sign-up-for-newsletter .newsletter-suscription-form .btn-default.active { background: #01aef1; color: #fff; border: 1px solid #01aef1; }
.sign-up-for-newsletter .newsletter-suscription-form .form-control { height: 50px; border-color: #cccccc; background-color: rgb(255, 255, 255); padding: 10px 15px; color: #111241; border-radius: 100px; text-align: center; }
.sign-up-for-newsletter .newsletter-suscription-form .form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(29, 37, 44, .6); }
.header .cycloneslider-template-standard .cycloneslider-prev { left: 20px; }
.header .cycloneslider-template-standard .cycloneslider-next { right: 20px; }
.header .cycloneslider-template-standard .cycloneslider-slide img { width: 100%; }
.header  .cycloneslider-template-standard { position: relative; margin-bottom: 0; outline: none; }

/*===========================================
      END    new css added
============================================*/

/*=============if-you-need-help-now============================================*/
.if-you-need-help-now { background: #d0d3d4; text-align: center; padding: 40px 0 40px 0; }
.if-you-need-help-now p { margin: 0; color: #1d252c; }
.if-you-need-help-now a.icon-wheel { color: #1d252c; font-size: 70px; display: inline-block; line-height: 70px; margin: 28px 0 20px 0; }

/*===================get-in-touch===============================*/
.get-in-touch { text-align: center; background: #1d252c; padding: 60px 0; }
.get-in-touch h4 { color: #d0d3d4; margin: 0 0 20px 0; }
.get-in-touch .inline-txt { display: inline-block; }
.get-in-touch p { margin: 0; color: #d0d3d4; }
.get-in-touch a { color: #d0d3d4; }
.get-in-touch a:hover { color: #f45d24; }
span.separator { margin: 0 26px; }
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { display: inline-block; }
.footer-menu a { color: #f45d24; margin: 0 22px; font-size: 16px; display: inline-block; text-transform: capitalize; }
.footer-menu a:hover { color: #fff; }
.get-in-touch .social-links { text-align: center; margin-top: 10px; }
.get-in-touch .social-links .footer-noshow { display: none; }
.get-in-touch .social-links p a { color: #d0d3d4; }
.fast { -vendor-animation-duration: 1s; -vendor-animation-delay: 0s; animation-duration: 1s; animation-delay: 0s; }
.normal { -vendor-animation-duration: 1.5s; -vendor-animation-delay: 0s; animation-duration: 1.5s; animation-delay: 0s; }
.slow { -vendor-animation-duration: 2s; -vendor-animation-delay: 1s; animation-duration: 2s; animation-delay: 1s; }
.reallyslow { -vendor-animation-duration: 6s; -vendor-animation-delay: 3s; animation-duration: 6s; animation-delay: 3s; }

/*sitemap*/
.simple-sitemap-page li a {text-transform: uppercase;}
.simple-sitemap-page li a small {display: none;}
.simple-sitemap-page li .current_page_item {display: none;}


/*===========================================================================
            MEDIA QUERIES
==============================================================================*/
@media (min-width:1100px) {
	.container { padding: 0; }
}
@media (min-width:1201px) {
	#subCarousel { display: none; }
	#carousel { display: block; }
}
@media (max-width:1200px) {
	.custom-nav ul li a { padding: 10px 8px; font-size: 13px; }
	#carousel { display: none; }
	#subCarousel { display: block; }
	.slick-prev::before,
	.slick-next::before { color: #f45d24; }
}
@media (max-width:992px) {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 { font-weight: 400; }
	h1,
	.h1 { font-size: 40px; }
	h2,
	.h2 { font-size: 38px; }
	h3,
	.h3 { font-size: 22px; }
	h4,
	.h4 { font-size: 20px; }
	h5,
	.h5 { font-size: 18px; }
	h6,
	.h6 { font-size: 18px; }


	h1 small,
	.h1 small,
	h2 small,
	.h2 small,
	h3 small,
	.h3 small,
	h4 small,
	.h4 small,
	h5 small,
	.h5 small,
	h6 small,
	.h6 small { display: block; color: #1d252c; font-weight: 400; font-size: 37%; margin-top: 4px; text-transform: none; line-height: 24px; }





	.whatwedo { padding: 50px 0 50px 0; }
	.we_need_your_help .help-img-box { width: 140px; height: 140px; }
	.we_need_your_help .help-img-box span { width: 120px; height: 120px; line-height: 120px; font-size: 50px; }
	.we_need_your_help .help-box p { margin-bottom: 25px; margin-top: 15px; }
	.largest_problem .content-sub { padding: 50px 0; }
	.left-content { margin-bottom: 50px; }
	.our-board .board-member .img-box img { width: 160px; border: 5px solid #fff; margin-top: -77px; }
	.our-board .board-member .board-member-details { padding: 25px 20px 25px 20px; }
	.our-board .board-member h3 small,
	.our-board .board-member .h3 small { font-size: 64%; }
}
@media (max-width:767px) {
	.social-links { text-align: center; margin-top: 17px; }
	.topbar .instant-contact { margin-top: 10px; text-align: center; }
	.help-box { padding: 30px 0; }
	.our-board h2 { margin-bottom: 120px; }
	.mgtop { margin-top: 130px; }
	.whatwedo .bullets li { width: 100%; }
	.if-you-need-help-now p { font-size: 13px; }
	.get-in-touch .inline-txt { display: block; }
	span.separator { display: none; }
	.get-in-touch p { line-height: 26px; }
	.get-in-touch { padding: 40px 0; }
	.sign-up-for-newsletter { padding: 50px 0 35px 0; }
	.sign-up-for-newsletter .newsletter-suscription-form .btn.btn-default { margin-top: 15px; }
	.search-from { width: 80%; left: 10%; margin-left: 0; }
	.our-board .board-member {margin-bottom: 20px;}
}
@media (max-width:500px) {
	p { line-height: 26px; }
	.whatwedo p { line-height: 24px; }
	.content-buttons a { margin: 10px 0px; width: 100%; padding: 12px 15px; }
	.content-buttons { margin-top: 14px; }
	h1,
	.h1 { font-size: 24px; }
	h2,
	.h2 { font-size: 22px; }
	h3,
	.h3 { font-size: 22px; }
	h4,
	.h4 { font-size: 20px; }
	h5,
	.h5 { font-size: 18px; }
	h6,
	.h6 { font-size: 16px; }
	h1 small,
	.h1 small,
	h2 small,
	.h2 small,
	h3 small,
	.h3 small,
	h4 small,
	.h4 small,
	h5 small,
	.h5 small,
	h6 small,
	.h6 small { font-size: 66%; }
	.content p { margin: 20px 0 30px 0; }
	.content { margin-bottom: 30px; }
	.we_need_your_help p:first-of-type { margin-bottom: 10px; }
	.help-box { padding: 30px 0 0 0; }
	.largest_problem h3 { font-size: 16px; }
	.largest_problem .left-content .btn.btn-default { padding: 12px 42px; }
	.text-area-part { margin-top: 8px; margin-bottom: 22px; }
	.footer-menu a { margin: 0 5px; }
	.sign-up-for-newsletter .newsletter-suscription-form { margin-top: 25px; }
	.our-board .board-member .board-member-details p { margin: 12px 0 15px 0; }
	.our-board .board-member .board-member-details { padding: 18px 15px 18px 15px; }
	.mgtop { margin-top: 100px; }
}
@media (max-width:380px) {
	.whatwedo .bullets li { line-height: 26px; padding-left: 15px; font-size: 12px; }
	.whatwedo .bullets li:before { margin-top: 9px; }
	.form-control { height: 40px; padding: 5px 15px; }
	.btn { padding: 10px 15px; }
	a.responsive-block { display: inline-block; white-space: normal; width: 100%; }
}

/************************************************************************************************************************************
--------------- WordPress Mandatory Stuff -------------------------------------------------------------------------------------------
************************************************************************************************************************************/

/*Search Page*/
.search article { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.search article h2 { font-size: 28px; }
.search-now h3 { color: #fff; text-align: center; }
.search-now input[type="text"] { border-top-left-radius: 20px; border-bottom-left-radius: 20px; outline: none; border: 1px solid #ccc; }
.search-now input[type="text"]:hover,
.search-now input[type="text"]:active,
.search-now input[type="text"]:focus { outline: none; border: 1px solid #ccc; }

/*Global*/
.catlinks-side,
.archives-side ul li a { display: inline-block; width: 100%; margin: 6px 0; color: #3c9d0b; background: #f5f5f5; font-size: 14px; line-height: 16px; padding: 16px; border-radius: 2px; transition: all 0.3s linear; }
.catlinks-side:hover,
.archives-side ul li a:hover { background: #3c9d0b; color: #fff; }
.display-none,
.archive .archive-none { display: none; }
.map-wrapper { margin: 0 0 30px; }
.map-wrapper iframe { width: 100%; display: block; }
sup { top: -5px; font-family: sans-serif; color: red; font-size: 12px; }

/*menu*/

/*menu dropdown*/
li.menu-item-has-children { position: relative; }
li .sub-menu { position: absolute; top: 56px; left: 0; visibility: hidden; opacity: 0; display: inline-block; width: 220px; text-align: left; padding: 40px 0 0; z-index: 9; transition: all 0.15s linear; z-index: 999; }
li .sub-menu li { padding: 10px; display: inline-block; width: 100%; background: #0d0e0e; transition: all 0.3s linear; border-bottom: 1px solid #1d252c; }
li .sub-menu li:last-child { margin-bottom: 0; }
li .sub-menu li:hover { background: #1d252c; }
li .sub-menu li a { color: #fff; display: inline-block; width: 100%; }
.main-top-menu li.menu-item-has-children .sub-menu li { padding: 0; border-color: #0097d2; }
.main-top-menu li.menu-item-has-children .sub-menu li a { padding: 10px; background: #01aef1; }
.main-top-menu li.menu-item-has-children .sub-menu li a:hover { background: #008bc1; color: #fff; }
.main-top-menu li.menu-item-has-children:hover .sub-menu { padding-top: 5px; visibility: visible; opacity: 1; }
@media (max-width:992px) {
	.top-menu .navbar-collapse.collapse { display: none !important; }
}

/*Blog*/
h1.post-single-title { font-size: 36px; margin-bottom: 30px; text-transform: none; }
.blog-page-posts { width: 50%; padding: 5px; float: left; }
.blog-page-posts-link { border: 1px solid #ece5e5; display: inline-block; width: 100%; padding: 10px; color: #757575; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.blog-page-posts-link h6 { font-weight: 700; margin-bottom: 10px; color: ##f45d24; text-transform: uppercase; }
.blog-page-posts-link:hover { color: #333; background: #f5efef; }
.post-thumbnail.services-single-img { margin-bottom: 30px; }
.post-thumbnail.services-single-img img { width: 100%; }

/*testing blog*/
.blog-page-posts { width: 100%; padding: 0; float: left; margin: 0 0 30px; }
.post-thumbnail.services-single-img { margin: 0 30px 0 0; float: left; width: 40%; }
.blog-page-posts-link { border: 0 none; display: inline-block; width: 100%; padding: 15px 15px 15px 0; color: #757575; box-shadow: none; background: #f7f7f7; }
.blog-page-posts-link h6 { font-weight: 400; margin-bottom: 10px; color: #01aef1; text-transform: uppercase; }
.for-blog-date { float: left; width: 8%; margin-right: 10px; text-align: center; }
.for-blog-date span.big-date { font-size: 40px; line-height: 42px; float: left; width: 100%; color: #f45d24; border-left: 2px solid #f45d24; }
.for-blog-date span.small-date { font-size: 12px; float: left; width: 100%; color: #f45d24; padding-left: 5px; line-height: 16px; }
.blog-page-posts p { line-height: 30px; margin: 0; }
@media (max-width:1199px) {
	.blog-page-posts p { line-height: 20px; margin: 0; }
}
@media (max-width:991px) {
	.blog-page-posts-link { padding: 0; }
	.post-thumbnail.services-single-img { margin: 0 0 15px; float: left; width: 100%; }
	.blog-page-posts-link h6 { float: left; width: 100%; margin: 10px; }
	.blog-page-posts p { margin: 0 10px 10px; }
	.for-blog-date { display: none; }
}

/*blog sidebar*/
.sidebar-side { margin-bottom: 20px; }
.archives-side ul { list-style: none; padding: 0; }

/*paginations single and blog*/
.post-single-nav { padding: 8px; border-top: 1px solid #ccc; border-radius: 0; background: #f6f6f6; margin: 0 0 20px; clear: both; }
.post-single-nav span { display: inline-block; width: 50%; float: left; }
.post-single-nav span a { font-size: 12px; color: #5eb4e7; }
.post-single-nav span a:hover { color: #f8c34f; }
.post-single-nav .next-is { }
.post-single-nav .go-back { text-align: right; }
.navigation.pagination { width: 100%; text-align: center; }
.navigation.pagination h2.screen-reader-text { display: none; }
.navigation.pagination .page-numbers { display: inline-block; padding: 8px 16px; border: 1px solid #03A9F4; font-size: 12px; line-height: 14px; border-radius: 15px; font-weight: 600; background: #03A9F4; color: #fff; }
.navigation.pagination .current { cursor: default; }
.navigation.pagination a.page-numbers:hover,
.navigation.pagination .current { background: #101820; border-color: #101820; }
.post-single-nav { background: #fff; padding: 16px 16px 0; }
.post-single-nav h1.screen-reader-text { font-size: 18px; color: #106145; }
.post-single-nav a { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.post-single-nav a { color: #fff; background: #5eb4e7; border: 1px solid #5eb4e7; text-transform: none; margin: 18px 0 0; font-size: 16px; font-weight: 400; border-radius: 54px; padding: 8px 35px; float: right; }
.post-single-nav a:first-child { float: left; }
.post-single-nav a:hover { background: #f45d24; border-color: #f45d24; }

/*wp comments*/
span.required { color: #5eb4e7; font-size: 14px; font-family: sans-serif; position: relative; top: -4px; }
.comments-title { display: none; }
.comment-metadata a { font-size: 10px; color: #333; }
ol.comment-list { list-style: none; padding: 0; }
.comment-respond p,
.comment-content p { margin-bottom: 15px; }
.reply { margin: 0 0 30px; }
.reply a { color: #5eb4e7; }
.reply a:hover { color: #f8c34f; }
.comment-awaiting-moderation { margin-bottom: 15px; color: #5eb4e7; }
.comment-respond label { width: 100%; margin-bottom: 15px; }
.comment-respond input[type="text"],
.comment-respond textarea,
.comment-respond input[type="url"],
.comment-respond input[type="email"] { width: 100%; }
.comment-respond button,
.comment-respond html input[type=button],
.comment-respond input[type=reset],
.comment-respond input[type=submit] { background: #5eb4e7; border: none; box-shadow: none; color: #fff; padding: 15px 30px; font-size: 16px; font-weight: 600; line-height: 15px; border-radius: 3px; transition: all 0.2s linear; text-transform: uppercase; outline: none; }
.comment-respond button:hover,
.comment-respond html input[type=button]:hover,
.comment-respond input[type=reset]:hover,
.comment-respond input[type=submit]:hover { background: #f45d24; color: #fff; }

/*404*/
.error-404.not-found .btn.btn-primary { padding: 8px 32px; }
div.wpcf7-mail-sent-ng,
.wpcf7-form.invalid div.wpcf7-validation-errors,
.wpcf7-response-output { float: left; }

/*Sticky Header*/
.topbar.coverUp { margin-bottom: 58px; }
.custom-nav { z-index: 101; transition: background-color 0.2s linear; }
.custom-nav.darkHeader { background-color: #f45d24; position: fixed; top: 0; left: 0; width: 100%; animation-name: fadeInDown; animation-duration: 1s; animation-delay: 0s; }
.custom-nav.darkHeader .top-search { display: none; }

/*@media (max-width:991px) {}
@media (max-width:767px) {}*/

/********************************************
----------------Flyout Menu------------------
********************************************/
.sidebar-overlay { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 1034; -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.sidebar-overlay.active { opacity: 0.5; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
.sidebar { position: relative; display: block; min-height: 100%; overflow-y: auto; overflow-x: hidden; border: none; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
.sidebar:before,
.sidebar:after { content: " "; display: table; }
.sidebar:after { clear: both; }
.sidebar::-webkit-scrollbar-track { border-radius: 2px; }
.sidebar::-webkit-scrollbar { width: 5px; background-color: #F7F7F7; }
.sidebar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #BFBFBF; }
.sidebar .sidebar-header { position: relative; height: 157.5px; margin-bottom: 8px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-header:hover .sidebar-toggle { opacity: 1; }
.sidebar .sidebar-toggle,
.sidebar .sidebar-home { position: relative; float: right; margin: 16px; padding: 0; background-image: none; border: none; height: 40px; width: 40px; font-size: 20px; opacity: 0.7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-home { float: left; color: #fff; }
.sidebar .sidebar-toggle:before,
.sidebar .sidebar-toggle:after { content: " "; display: table; }
.sidebar .sidebar-toggle:after { clear: both; }
.sidebar .sidebar-image img { width: 54px; height: 54px; margin: 16px; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-brand { position: absolute; bottom: 0; left: 0; right: 0; display: block; height: 48px; line-height: 48px; padding: 0; padding-left: 16px; padding-right: 56px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-brand .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-brand .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus { text-decoration: none; }
.sidebar .sidebar-badge { display: inline-block; min-width: 24px; height: 24px; line-height: 24px; padding: 0 3px; font-size: 10px; text-align: center; white-space: nowrap; vertical-align: baseline; }
.sidebar .sidebar-badge.badge-circle { border-radius: 50%; }
.sidebar .sidebar-divider,
.sidebar .sidebar-nav .divider { position: relative; display: block; height: 1px; margin: 8px 0; padding: 0; overflow: hidden; }
.sidebar .sidebar-text { display: block; line-height: 1.5rem; padding: 0; padding-left: 16px; padding-right: 16px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-text:hover,
.sidebar .sidebar-text:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-text .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-text .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-icon { display: inline-block; margin-right: 16px; min-width: 40px; width: 40px; text-align: left; font-size: 20px; }
.sidebar .sidebar-icon:before,
.sidebar .sidebar-icon:after { vertical-align: middle; }
.sidebar .sidebar-nav { margin: 0; padding: 0; }
.sidebar .sidebar-nav li { position: relative; list-style-type: none; }
.sidebar .sidebar-nav li a { position: relative; cursor: pointer; user-select: none; display: block; height: 48px; line-height: 48px; padding: 0; padding-left: 16px; padding-right: 56px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-nav li a:hover,
.sidebar .sidebar-nav li a:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-nav li a .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-nav li a .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-nav li a:hover { background: transparent; }
.sidebar .sidebar-nav .dropdown-menu { position: relative; width: 100%; margin: 0; padding: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.sidebar-default { background-color: #fff; }
.sidebar-default .sidebar-toggle { color: #212121; background-color: transparent; cursor: pointer; }
.sidebar-default .sidebar-brand { color: #B71C1C; background-color: transparent; }
.sidebar-default .sidebar-brand:hover,
.sidebar-default .sidebar-brand:focus { color: #212121; background-color: rgba(0, 0, 0, 0.1); }
.sidebar-default .sidebar-divider,
.sidebar-default .sidebar-nav .divider { background-color: #bdbdbd; }
.sidebar-default .sidebar-text { color: rgba(0, 0, 0, 0.55); }
.sidebar-default .sidebar-nav li > a { color: #212121; background-color: transparent; }
.sidebar-default .sidebar-nav li > a i { color: #757575; }
.sidebar-default .sidebar-nav li:hover > a,
.sidebar-default .sidebar-nav li > a:hover { color: #212121; background-color: #1b1a1a; }
.sidebar { width: 0; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }
.sidebar.open { min-width: 280px; width: 280px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sidebar-fixed-left { position: fixed; top: 0; bottom: 0; z-index: 1035; left: 0; box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35); }
.sidebar-toggle { display: none; }
@media (max-width:992px) {
	.sidebar.open { min-width: 240px; width: 240px; }
	.sidebar .sidebar-header { height: 135px; }
	.sidebar .sidebar-image img { width: 44px; height: 44px; }
	.sub-menu { display: none; }
	.btn-icon-only { height: 40px; width: 40px; line-height: 40px; margin: 16px; float: left; text-align: center; }
	.custom-nav .main-top-menu { display: none; }
	.sidebar-toggle { display: inline-block; float: left; color: #fff; padding: 8px 0 0; cursor: pointer; }
	.bg-header .sidebar-nav #primary-menu { display: block; }
	.show-menu-button { display: inline-block; position: relative; height: 10px; width: 20px; float: right; clear: both; cursor: pointer; }
	.show-menu-button::before,
	.show-menu-button::after { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 3px; }
	.show-menu-button::before { background-color: #a0a0a0; margin-top: 0; }
	.show-menu-button::after { background-color: #a0a0a0; margin-top: 5px; }
	.top-header .lb-logo { width: 200px; }
	.top-header .lb-nav { width: 25px; float: right; margin-left: 20px; cursor: pointer; margin-top: 50px; }
	.top-header .lb-search { margin-top: 50px; }
	.top-header .lb-search [class^="flaticon-"]:before,
	.top-header .lb-search [class*=" flaticon-"]:before { font-size: 22px; }
	#sidebar nav.nav #primary-menu { padding: 0; }

	/*#sidebar li.menu-item-has-children:hover .sub-menu{display:none;}*/
	#sidebar li.menu-item-has-children .sub-menu.opened { display: block; position: relative; top: 0; margin: 0; padding: 0; width: 100%; visibility: visible; opacity: 1; }
	#sidebar li.menu-item-has-children .sub-menu.opened li a { }
	.opened { }
	#sidebar li.menu-item-has-children > a { position: relative; }
	#sidebar li.menu-item-has-children > a::before { border-width: 10px; border-color: #fff transparent transparent transparent; content: ""; position: absolute; border-style: solid; right: 4px; top: 13px; z-index: 9; }
}
.sidebar-default .sidebar-nav li > a { color: #fff; background-color: transparent; text-transform: uppercase; font-size: 14px; }
.sidebar-default { background-color: rgba(4, 4, 4, 0.9); }
.sidebar-default .sidebar-nav li:hover > a,
.sidebar-default .sidebar-nav li > a:hover { color: #fff; background-co lor: #ec981d; }
.sidebar-default .sub-menu li a { padding-left: 25px; padding-right: 15px; }
.sidebar-default .sidebar-toggle,
.sidebar-default .sidebar-toggle span::before { font-size: 16px; color: #ec981d; }
.sidebar-default .btn-icon-only,
.sidebar-default .btn-icon-only span::before { font-size: 22px; color: #fff; }

/********************************************
----------------Filter Portfolio-------------
********************************************/
.toolbar { text-align: center; }
.btn.fil-cat { background: transparent; padding: 0; font-size: 14px; font-weight: 600; padding: 10px 25px; }
.btn.btn-primary.fil-cat { background: #0075c8; padding: 10px 50px; border-radius: 0; color: #fff; border: none; margin: 20px 0; }
#portfolio { margin: 1rem 0; }
.tile { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 350ms ease; transition: all 350ms ease; border: 1px solid #ebebeb; padding: 50px 20px; float: left; width: 18%; margin: 0 1% 1% 0; overflow: hidden; display: table; background: #fff; text-align: center; }

/*#portfolio {
   margin: 1rem 0;
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
   -webkit-column-gap: 1rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem;
   -webkit-column-width: 33.33333333333333%;
   -moz-column-width: 33.33333333333333%;
   column-width: 33.33333333333333%;
}
.tile {
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 350ms ease;
   transition: all 350ms ease;

}*/
.tile > span { display: table-cell; vertical-align: middle; }
.tile::before { content: "VISIT SITE"; font-size: 14px; font-weight: 700; color: #0075c8; position: absolute; right: 0; bottom: 0; margin: 0 10px 10px 0; line-height: normal; display: inline-block; opacity: 0; visibility: hidden; transition: all 0.3s linear; }
.tile:hover::before { opacity: 1; visibility: visible; }
.tile:hover { border-color: #ccc; }
.scale-anm { transform: scale(1); }
.tile img { max-width: 100%; height: auto; margin-bottom: 0; }
@media (max-width:768px) {
	.tile { width: 48%; }
	.tile:nth-child(2n) { margin-right: 0; width: 50%; }
	.tile img { width: auto; }

/*.custom-nav{margin-bottom:10px;}*/ }
@media (max-width:425px) {
	.tile { padding: 20px; }
	.btn.fil-cat { background: transparent; padding: 0; font-size: 12px; font-weight: 600; padding: 4px; }
}

/********************************************
----------------Category Page ---------------
********************************************/
.card-wrapper { float: left; width: 33%; padding: 15px; text-align: center; }
.folio-card { display: inline-block; border-radius: 2px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); border: 1px solid #ececec; background: #fff; overflow: hidden; padding: 50px 16px; text-align: center; }
.folio-card:hover { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.24); }
.folio-card h5 { font-size: 18px; padding: 16px 0 0; color: #3c9d0b; font-weight: 400; text-align: center; }
.jpgcard h5 small { font-size: 18px; display: inline; margin: 0; color: #3c9d0b; font-weight: 400; margin-left: 5px; }
@media (max-width:768px) {
	.card-wrapper { width: 50%; }
	.card-wrapper img { width: auto; }
	.cycloneslider-template-standard .cycloneslider-pager { margin-bottom: 10px !important; }
	#subCarousel { margin: 0 25px; }
}
@media (max-width:767px) {
	.blog-page-posts { margin: 0 0 10px; padding: 5px 0; width: 100%; }
}
@media (max-width:425px) {
	.card-wrapper { padding: 20px; width: 100%; }
}