@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Open+Sans:wght@300;400;700&family=Roboto&family=Source+Code+Pro:wght@700&display=swap");

@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);

@import url(font-awesome.css);
@import url(icomoon.css);

@import url(settings.css);
@import url(layers.css);
@import url(navigation.css);

@import url(owl.carousel.css);
@import url(jquery.bxslider.css);
@import url(flexslider.css);

@import url(jquery-ui.css);
@import url(jquery-ui.theme.css);
@import url(jquery.fancybox.css);
@import url(polyglot-language-switcher.css);

@import url(animate.min.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(menu.css);
@import url(magnific-popup.css);
@import url(imagehover.min.css);

/* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500,700'); */

/* @font-face {
  font-family: 'Roboto-light';
  src:url('../fonts/Roboto-Light.ttf');
  font-weight: 300;
} */

/* ==============================
   2. Global styles
   ============================== */

body {
font-family: "Kiwi Maru", serif;
color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
font-family: "Kiwi Maru", serif;
color: #333;
}

ul {
list-style-type: none;
}

p {
font-family: "Kiwi Maru", serif;
font-size: 16px;
color: #000000;
line-height: 26px;
font-family: "Kiwi Maru", serif;
}
a {
text-decoration: none;
display: inline-block;
outline: none;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}

img {
max-width: 100%;
display: inline-block;
}

button {
border: none;
outline: none;
box-shadow: none;
display: block;
padding: 0;
background: transparent;
}
input,
textarea {
font-family: "Kiwi Maru", serif;
display: block;
font-size: 16px;
line-height: 28px;
outline: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.width-100 {
width: 100%;
}

.boxed_wrapper {
width: 100%;
background: #fff;
overflow-x: hidden;
}
.sec-padd {
padding: 25px 0;
}
.sec-padd2 {
padding: 80px 0 30px;
}
.sec-padd3 {
padding: 80px 0 50px;
}

.sec-padd-top {
padding-top: 80px;
}
.sec-padd-bottom {
padding-bottom: 80px;
}
.no-padd {
padding: 0px;
}

.paddt-50 {
padding-top: 50px;
}

.overlay3 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.9);
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-ms-transition: 0.7s ease;
-o-transition: 0.7s ease;
transition: 0.7s ease;
}
.inner-box {
position: relative;
}

.list_inline li {
display: inline-block;
}

.padd-80 {
padding-top: 80px;
}
.tran3s {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.center {
text-align: center;
}

.thm-color {
color: #ff5722;
}

.float_left {
float: left;
padding-top: 24px;
}
.float_right {
float: right;
}

.border-bottom {
border-bottom: 1px solid #f7f7f7;
}

@media (min-width: 1200px) {
.container {
padding: 0;
}
}

.thm-btn {
position: relative;
background: #ff5722;
font-size: 14px;
line-height: 36px;
border-radius: 4px;
color: #ffffff;
border: 2px solid #ff5722;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
padding: 0 38px;
transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
background: transparent;
color: #ff5722;
transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

.thm-btn.style-2 {
background: transparent;
color: #ff5722;
border-color: #ff5722;
}
.thm-btn.style-2:hover {
background: #ff5722;
color: #fff;
border-color: #ff5722;
}

.thm-btn.style-3 {
background: transparent;
color: #fff;
border-color: #fff;
}
.thm-btn.style-3:hover {
background: #fff;
color: #ff5722;
border-color: #fff;
}

.section-title {
position: relative;
margin-bottom: 50px;
}
.section-title h2 {
position: relative;
text-transform: capitalize;
font-weight: 700;
padding-bottom: 20px;
}
.section-title h3 {
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.section-title h4 {
position: relative;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 20px;
}

.section-title h2:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 136px;
height: 1px;
background: url(../images/icons/sec-title-decoration.png);
}
.section-title.center h2:after {
left: 50%;
margin-left: -68px;
}

.section-title p {
margin-top: 25px;
font-size: 18px;
}

.section-title2 h3 {
position: relative;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 20px;
}
.section-title2 h3:before {
position: absolute;
content: "";
height: 2px;
width: 60px;
left: 0;
background: #ff5722;
bottom: 0px;
}

.scroll-top {
width: 50px;
height: 40px;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99;
display: none;
color: #fff;
text-align: center;
background: #ff5722;
}
.scroll-top span:before {
font-size: 27px;
}
.scroll-top:after {
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: -webkit-radial-gradient(
center,
ellipse,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 80%
);
background: -webkit-radial-gradient(
center ellipse,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 80%
);
background: radial-gradient(
ellipse at center,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 80%
);
}

.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.gif);
}

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #292121;
background: #292121;
}

::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.75);
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.75);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.75);
}

/*============ social icon ===================*/

.social-icon li {
display: inline-block;
}
.social-icon li a {
display: inline-block;
color: #999;
margin-right: 15px;
font-size: 16px;
transition: 0.5s ease;
}
.social-icon li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

/*============= accordion ===============*/

.accordion-box {
}

.accordion {
margin-bottom: 10px;
position: relative;
}

.accordion .acc-btn .left-icon {
position: absolute;
left: 0;
top: 0;
background: #f1f1f1;
width: 60px;
height: 100%;
color: #9c9c9c;
font-size: 20px;
text-align: center;
}
.accordion .acc-btn.active .left-icon {
color: #fff;
}

.accordion .left-icon span {
position: relative;
top: 18px;
}

.accordion .acc-btn {
cursor: pointer;
font-size: 18px;
font-weight: 600;
padding: 16px 30px 16px;
margin: 0px;
padding-right: 50px;
border: 1px solid #f4f4f4;
}

.accordion .acc-btn.active {
border-color: #ff5722;
border-bottom: 0px;
}

.accordion .acc-btn p {
color: #ff5722;
font-size: 16px;
font-family: "Kiwi Maru", serif;
}
.accordion .acc-btn.active p {
}

.accordion .acc-btn.pr {
position: relative;
}

.accordion .acc-btn .img-box {
display: none;
}
.accordion .acc-btn.active .img-box {
display: block;
}

.accordion .acc-btn .toggle-icon {
color: #cecece;
display: block;
font-weight: 100;
height: 24px;
line-height: 24px;
position: absolute;
right: 20px;
font-size: 19px;
top: 15px;
width: 24px;
}
.accordion .acc-btn .toggle-icon.left {
color: #9c9c9c;
display: block;
font-weight: 100;
height: 24px;
line-height: 24px;
position: absolute;
right: 20px;
bottom: 20px;
left: 30px;
}
.accordion .acc-btn .toggle-icon .plus:before {
font-size: 24px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #303030;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.accordion-box .accordion .acc-btn .toggle-icon .minus:before {
font-size: 24px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
left: 0;
color: #ff5722;
width: 100%;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.accordion-box .accordion .acc-content {
color: #232121;
background: #f7f7f7;
border: 1px solid #ff5722;
display: none;
padding: 20px 20px;
border-top: 0px;
}

.accordion-box .accordion .acc-content.collapsed {
display: block;
}

.accordion-box .accordion .acc-content p {
margin: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
color: #121d2f;
}

/*============= default-form ===============*/

.default-form {
position: relative;
}

.default-form .form-box {
position: relative;
}

.comment-form .form-box {
padding: 25px 25px 0px 25px;
}

.default-form .form-group {
position: relative;
margin-bottom: 30px;
}

.default-form .comment-form .form-box .form-group {
margin-bottom: 25px;
}

.default-form.form-box .row {
margin-left: -10px;
margin-right: -10px;
}

.default-form.form-box .row .form-group {
padding: 0px 0px;
}

.default-form .form-group .field-label {
display: block;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 10px;
color: #232323;
font-weight: 500;
font-size: 13px;
}

.default-form .form-group .field-label sup {
color: #ff0000;
font-size: 14px;
}

.default-form p {
margin-bottom: 6px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea {
display: block;
width: 100%;
line-height: 24px;
height: 50px;
font-size: 16px;
box-shadow: none;
border: 1px solid #a7a7a7;
padding: 12px 15px;
background: #fff;
border-radius: 5px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form textarea {
height: 115px;
}
.default-form .bootstrap-select {
border: 1px solid #f4f4f4;
background: #f7f7f7;
color: #a2a2a2;
padding: 10px 0;
font-size: 16px;
height: auto;
}
.default-form .btn-group.open .dropdown-toggle {
box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
border: none;
outline: none;
}
.default-form .bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.default-form .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
background-color: #ff5722;
color: #fff;
}
.default-form .form-control:focus {
border-color: #ff5722;
box-shadow: none;
}

.select-box .btn:after {
position: absolute;
content: "\f107";
font-family: FontAwesome;
font-size: 16px;
color: #ff5722;
width: 20px;
right: 15px;
top: 50%;
margin-top: -11px;
}

.default-form .bootstrap-select {
background: none;
border: none;
box-shadow: none;
padding: 0px;
}

.default-form .g-select {
background: none;
border: none;
box-shadow: none;
padding: 0px;
}
.default-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #949494;
padding: 13px 15px;
border: 1px solid #eee;
}

.default-form .bs-caret {
display: none;
}

.default-form .dropdown-menu {
border-radius: 0px;
padding: 0px;
top: 50px;
transform: scaleY(0);
transform-origin: top center;
transition: 0.4s ease;
}
.default-form .bootstrap-select.open .dropdown-menu {
transform: scaleY(1);
transition: 0.4s ease;
}

.default-form .dropdown-menu > li > a {
padding: 8px 15px;
}

.default-form .dropdown-menu > li > a:focus {
background-color: #fff;
color: #303030;
}
.default-form .dropdown-menu > li > a:hover {
background-color: #ff5722 !important;
color: #fff !important;
}

/*placeholder*/

.default-form form input::-webkit-input-placeholder {
color: #9e9e9e;
}
.default-form form input:-moz-placeholder {
/* Firefox 18- */
color: #9e9e9e;
}
.default-form form input::-moz-placeholder {
/* Firefox 19+ */
color: #9e9e9e;
}
.default-form form input:-ms-input-placeholder {
color: #9e9e9e;
}

.default-form .alert-success {
color: #ff5722;
background: none;
border: none;
font-size: 18px;
}

/*** 
=============================================
    page_pagination style
=============================================
***/

.page_pagination {
position: relative;
padding-top: 20px;
}
.page_pagination li {
display: inline-block;
margin: 0 4px;
}
.page_pagination li a {
width: 55px;
line-height: 55px;
border: 1px solid rgba(229, 229, 229, 0.57);
text-align: center;
color: #252525;
font-size: 18px;
border-radius: 4px;
}
.page_pagination li a.active,
.page_pagination li a:hover {
color: #fff;
background: #ff5722;
}

/*=======pagination style-2============*/

.page_pagination2 {
overflow: hidden;
display: block;
padding-bottom: 22px;
padding-top: 22px;
margin: 0;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
margin-top: 30px;
}
.page_pagination2 .button a {
color: #303030;
font-size: 18px;
font-weight: 400;
transition: all 500ms ease;
}
.page_pagination2 .button a:hover {
color: #ff5722;
}
.page_pagination2 .button a i {
display: inline-block;
font-size: 20px;
position: relative;
top: 2px;
}
.page_pagination2 .button.next a i {
padding-right: 0px;
padding-left: 0;
}

.page_pagination2 .icon-holder a i {
color: #252525;
font-size: 24px;
position: relative;
top: 4px;
transition: all 500ms ease 0s;
}
.page_pagination2 .icon-holder a:hover i {
color: #ff5722;
}

/*** 

====================================================================
  donate Popup
====================================================================

***/

.donate-popup {
position: fixed;
left: 0px;
top: -100%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 99999999;
visibility: hidden;
opacity: 0;
overflow: auto;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}

.donate-popup.popup-visible {
top: 0;
visibility: visible;
opacity: 1;
}

.donate-popup .close-donate {
position: absolute;
right: 25px;
top: 25px;
font-size: 20px;
color: #ffffff;
cursor: pointer;
z-index: 5;
}

.donate-popup .close-donate:hover {
opacity: 0.7;
}

/*============= donate form area =================*/

.donate-form-area {
margin-top: 100px;
margin-bottom: 100px;
background: #f2f2f2;
padding: 57px;
border: 3px solid #ff5722;
}

.donate-form-area .section-title:before {
display: none;
}

.donate-form-area h4 {
margin-bottom: 18px;
}

.donate-form-area h3 {
font-weight: 700;
margin-top: 38px;
margin-bottom: 28px;
}

/*check list*/

.chicklet-list {
background: #fff;
padding: 30px 30px 20px;
}

.chicklet-list li {
padding: 0 5px;
display: inline-block;
margin-bottom: 10px;
position: relative;
}

.chicklet-list input {
font-size: 1.4em;
line-height: 1;
border: 2px solid #3b7840;
padding: 0.55em 0.55em 0.55em 0.8em;
color: #3b7840;
}

.chicklet-list input[type="radio"] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}

.chicklet-list label {
display: block;
font-size: 16px;
font-family: "Kiwi Maru", serif;
font-weight: normal;
background: #ffffff;
border: 1px solid #f4f4f4;
color: #000;
padding: 8px 27px;
text-align: center;
border-radius: 0;
cursor: pointer;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}

.chicklet-list :checked + label {
background: #ff5722;
color: #f7f7f7;
text-shadow: none;
}

.chicklet-list li.other-amount {
width: 38%;
float: right;
}

.chicklet-list li span {
position: absolute;
left: -30px;
top: 9px;
font-size: 16px;
font-family: "Kiwi Maru", serif;
color: #303030;
}

.chicklet-list input[type="text"] {
height: 40px;
}

/*==========*/

.donate-form-area .form-bg {
background: #fff;
padding: 30px 30px 15px;
}
.donate-form-area .default-form .form-group {
margin-bottom: 15px;
}

.donate-form-area .payment-option {
position: relative;
margin-top: 20px;
margin-bottom: 35px;
}
.donate-form-area .payment-option li {
display: inline-block;
font-size: 18px;
color: #303030;
font-size: 15px;
margin-right: 10px;
}

.video-image-box {
position: relative;
}

.video-image-box .gallery_video {
position: relative;
}

.video-image-box img {
display: inline-block;
width: 100%;
}

.video-image-box .overlay-link {
position: absolute;
left: 50%;
top: 50%;
margin-top: -20px;
margin-left: -29px;
width: 58px;
height: 41px;
line-height: 43px;
font-size: 60px;
color: #fff;
font-weight: 700;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}

/* ==============================
   2. header-style
   ============================== */

.top-bar {
position: relative;
line-height: 48px;
z-index: 999;
background: #00a295;
height: 60px;
}
.top-bar .thm-btn {
border-radius: 4px;
padding: 0px 14px;
line-height: 28px;
}
.top-bar .clearfix {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-bar p {
margin-top: 12px;
display: inline-block;
margin-left: 21px;
}

.top-bar .contact-info {
display: inline-block;
}
.top-bar .contact-info li {
font-family: "Roboto-light";
font-size: 16px;
padding-right: 15px;
margin-right: 15px;
line-height: 26px;
border-right: 1px solid #f0f0f0;
}

.top-bar .contact-info li span {
color: #ff5722;
margin-right: 10px;
font-size: 16px;
}

/*language switcher*/

#polyglotLanguageSwitcher {
position: relative;
margin-right: 0;
display: inline-block;
position: relative;
z-index: 99999;
}

#polyglotLanguageSwitcher span.trigger:before {
content: "\f107";
font-family: FontAwesome;
position: absolute;
color: #cdcdcd;
top: 0;
right: 0;
font-size: 14px;
line-height: 10px;
}
#polyglotLanguageSwitcher a {
font-family: "Kiwi Maru", serif;
display: inline-block;
font-size: 14px;
color: #333;
font-weight: normal;
}

#polyglotLanguageSwitcher a.current:link,
#polyglotLanguageSwitcher a.current:visited,
#polyglotLanguageSwitcher a.current:active {
position: relative;
background-color: transparent;
border: 0;
line-height: 24px;
border-radius: 5px;
color: #949494;
text-align: center;
height: 26px;
padding: 0;
width: 65px;
padding-left: 0;
padding-right: 12px;
}

#polyglotLanguageSwitcher a.current:hover {
background-color: transparent;
}

#polyglotLanguageSwitcher ul.dropdown {
top: 100%;
}

/* Flags */

#en,
#fr,
#de,
#it,
#es {
background-image: none;
}

/*======logo========*/

.main-logo {
margin: 15px 0;
}

/*=====menu========*/

@keyframes menu_sticky {
0% {
margin-top: -100px;
}
50% {
margin-top: -90px;
}
100% {
margin-top: 0;
}
}
.theme_menu.stricky-fixed {
margin: 0;
padding: 0;
position: fixed;
background: #00a295;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
animation-name: menu_sticky;
animation-duration: 0.6s;
animation-timing-function: ease-out;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(93, 73, 73, 0.12);
}

.theme_menu .container {
position: relative;
}

.theme_menu {
position: relative;
z-index: 99;
background: #fff;
}

.theme_menu .menu-column {
padding-left: 0;
/* padding-right: 170px; */
padding-right: 40px;
position: inherit;
}

.theme_menu .defaultmainmenu {
padding: 0;
background: transparent;
float: right;
}

.defaultmainmenu-menu > li > a {
position: relative;
padding: 39px 15px;
text-transform: capitalize;
color: #ffffff !important;
font-weight: 500;
font-family: "Kiwi Maru", serif;
font-size: 15px;
}

.defaultmainmenu-menu > li:hover > a {
color: #ffffff;
}
.defaultmainmenu-menu > li:first-child a {
padding-left: 0px;
}

.defaultmainmenu-menu ul.dropdown,
.defaultmainmenu-menu ul.dropdown li ul.dropdown {
padding: 0 25px;
min-width: 230px;
background: #fff;
right: auto !important;
margin-top: -20px;
}

.defaultmainmenu-menu ul.subMenu li a {
/*padding: 14px 0 14px;*/
padding: 0px 0 2px;
color: #303030;
text-transform: capitalize;
border-bottom: 1px solid #f4f4f4;
transition: 0.5s ease-in-out;
font-size: 16px;
font-family: "Roboto-light";
}

.defaultmainmenu-menu ul.subMenu li:hover > a {
padding-left: 0px;
padding-right: 0px;
color: #00a295;
transition: 0.5s ease-in-out;
}

/* .defaultmainmenu-menu ul.subMenu li a:before {
    position: absolute;
    content: "\f0de";
    font-family: FontAwesome;
    font-size: 14px;
    color: #ffffff;
    transform: rotate(90deg);
    right: 0;
    top: 14px;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    
} */

.defaultmainmenu-menu ul.subMenu li:hover a:before {
color: #ff5722;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

/*============== megamenu ======================*/

.defaultmainmenu-menu .title {
font-size: 20px;
margin-bottom: 30px;
font-family: "Kiwi Maru", serif;
font-weight: 700;
text-transform: uppercase;
}

.defaultmainmenu-menu > li > .megamenu {
left: inherit;
right: -0px !important;
width: 100%;
padding: 40px 30px 40px;
background: #fff;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
}

.defaultmainmenu-menu ul.megamenu-dropdown {
min-width: 190px;
margin-right: 40px;
margin-bottom: 30px;
}

.defaultmainmenu-menu ul.megamenu-dropdown li a {
padding: 12px 0 9px;
color: #949494;
transition: 0.5s ease-in-out;
font-size: 14px;
border-bottom: 1px solid #f4f4f4;
width: 100%;
}

.defaultmainmenu-menu ul.megamenu-dropdown li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

.defaultmainmenu-menu .menu-item {
float: left;
width: 25%;
}
.defaultmainmenu-menu .event-section2 {
float: left;
width: 31%;
margin-right: 30px;
}

.defaultmainmenu-menu .event-section2 .item .lower-content {
padding: 0 20px 20px;
border: 1px solid #f4f4f4;
}

.event-section2 .item {
position: relative;
transition: 0.5s ease-in-out;
overflow: hidden;
}

.event-section2 .item .lower-content {
position: relative;
padding: 0 20px 20px;
border: 1px solid #f4f4f4;
border-top: 0px;
}

.event-section2 .item .lower-content .text p {
margin-bottom: 25px;
font-size: 14px;
}

.event-section2 .item .lower-content h4 {
margin-bottom: 10px;
margin-top: 15px;
line-height: 26px;
font-size: 16px;
font-family: "Kiwi Maru", serif;
color: #303030;
font-weight: 700;
}

.event-section2 .item .lower-content h4 a {
color: #303030;
transition: all 300ms ease;
font-size: 18px;
}

.event-section2 .item .lower-content h4 a:hover {
color: #ff5722;
transition: all 300ms ease;
}

.event-section2 .item .lower-content .post-meta {
color: #ff5722;
font-size: 15px;
margin-bottom: 7px;
font-family: "Roboto-light";
line-height: 26px;
}

.event-section2 .item .lower-content .post-meta i {
margin-right: 5px;
font-family: FontAwesome;
}

.event-section2 .item .lower-content .default_link {
text-transform: uppercase;
color: #303030;
font-weight: 700;
transition: 0.5s ease;
}
.event-section2 .item .lower-content .default_link:hover {
transition: 0.5s ease;
color: #ff5722;
}
.event-section2 .item .lower-content .default_link i {
font-size: 11px;
}

.event-section2 .item .img-holder {
display: block;
overflow: hidden;
position: relative;
}

.megamenu .recent-post {
width: 38%;
float: left;
padding-left: 30px;
}
.megamenu .post {
position: relative;
padding-left: 90px;
margin-bottom: 35px;
}
.megamenu .post:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.megamenu .post-thumb {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
}

.megamenu h5 {
position: relative;
top: -5px;
font-size: 16px;
color: #303030;
font-family: "Kiwi Maru", serif;
line-height: 25px;
}

.megamenu h5:hover {
color: #ff5722;
}

.megamenu .post-info {
color: #999;
font-size: 16px;
font-family: "Roboto-light";
}
.megamenu .post-info i {
font-family: FontAwesome;
}

/*=================== Search Option ===============*/

.theme_menu .right-column {
position: absolute;
right: 0;
width: 25%;
}

.nav_side_content {
margin-top: 40px;
position: relative;
}

.nav_side_content .social-icon,
.nav_side_content .search_option {
display: inline-block;
}
.nav_side_content .social-icon li a {
color: #fff;
}
.nav_side_content .search_option > button {
height: 22px;
font-size: 15px;
color: #fff;
border-left: 1px solid rgba(255, 255, 255, 0.31);
text-align: center;
width: 40px;
}

.nav_side_content .search_option form {
height: 50px;
width: 280px;
padding: 5px;
border-radius: 4px;
margin: 0;
left: auto;
right: 10px;
border-color: #ff5722;
top: 60px;
}
.nav_side_content .search_option form input {
font-weight: normal;
width: 100%;
height: 100%;
background: transparent;
color: #9e9e9e;
border: 1px solid rgba(51, 51, 51, 0.16);
padding: 0 47px 0 10px;
font-size: 15px;
border-radius: 3px;
box-shadow: inset 0 0 11px 2px rgba(119, 119, 119, 0.25);
}
.nav_side_content .search_option form button {
display: block;
width: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 4px;
right: 5px;
color: #ff5722;
}
.nav_side_content .cart_select {
border-left: 1px solid #ececec;
padding-left: 5px;
}

.theme_menu .link_btn {
margin-top: 24px;
}

.defaultmainmenu-menu li .indicator {
display: none;
}

/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/

.rev_slider_wrapper {
margin-top: -151px;
}

.rev_slider_wrapper .slide-content-box h3 {
color: #ff5722;
font-weight: 700;
}

.rev_slider_wrapper .slide-content-box h1 {
color: #ffffff;
font-size: 55px;
line-height: 62px;
margin: 14px 0 9px;
font-weight: 700;
background: rgb(0 0 0 / 51%);
border-radius: 6px;
padding: 0px 20px 0px 20px !important;
}
.rev_slider_wrapper .slide-content-box p {
color: #ffffff;
font-size: 18px;
line-height: 30px;
font-weight: 300;
margin: 0 0 30px;
}

.rev_slider_wrapper .slide-content-box h1 {
font-size: 40px;
}

.rev_slider_wrapper a.thm-btn.style-3,
.rev_slider_wrapper a.thm-btn {
transition: all 500ms ease !important;
padding: 13px 38px;
}

.rev_slider_wrapper .slide-content-box.last-slide p {
margin: 0;
}
.rev_slider_wrapper .slide-content-box.last-slide a {
margin: 0 8px;
}

.rev_slider_wrapper .slotholder {
position: relative;
}

.slotholder:after {
background: rgba(0, 0, 0, 0);
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
pointer-events: none;
}

.tp-bannertimer {
display: none;
}

.rev_slider_wrapper .tparrows {
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.2);
}

.tparrows:before {
font-family: "icomoon";
line-height: 60px;
}

.tparrows.tp-leftarrow:before {
content: "\e926";
}

.tparrows.tp-rightarrow:before {
content: "\e927";
}

/*** 

====================================================================
    urgent-cause style
====================================================================

***/

.urgent-cause2 {
position: relative;
background: #f7f7f7;
}
.urgent-cause2.with-bg {
background: #f9f9f9;
}

.urgent-cause2 .item {
margin-bottom: 30px;
}

.urgent-cause2 .section-title p {
padding-bottom: 20px;
}
.urgent-cause2.style-2 .cause-list .item {
margin-bottom: 30px;
position: relative;
}
.urgent-cause2 .with-mb {
margin-bottom: 30px;
}
.urgent-cause2 .img-box {
position: relative;
overflow: hidden;
display: inline-block;
margin-bottom: 0;
box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
height: 250px;
max-height: 250px;
}
.urgent-cause2 .img-box .overlay {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
background: rgba(0, 0, 0, 0.7);
transition: 0.7s cubic-bezier(0.34, -0.13, 0.34, 1.1);
opacity: 0;
visibility: hidden;
}
.urgent-cause2 .img-box .overlay .inner-box {
position: relative;
display: table;
height: 100%;
width: 100%;
text-align: center;
}
.urgent-cause2 .img-box .overlay .inner-box .content-box {
position: relative;
display: table-cell;
vertical-align: middle;
}

.urgent-cause2 .item:hover .overlay {
height: 100%;
transition: 0.7s cubic-bezier(0.34, -0.13, 0.34, 1.1);
opacity: 1;
visibility: visible;
}
.urgent-cause2 .content {
position: relative;
padding: 10px 5px;
/* padding-bottom: 30px; */
background: #ffffff;
border: 1px solid #f4f4f4;
border-top: 0px;
margin-top: -10px;
box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
/* height: 300px;
  max-height: 300px; */
}
.urgent-cause2 .content h4 {
margin-bottom: 15px;
font-weight: 700;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 32px !important;
padding: 10px 1px 0px 0px;
text-align: justify;
}
.urgent-cause2 .content .donate {
font-family: "Kiwi Maru", serif;
color: #999;
font-size: 16px;
}
.urgent-cause2 .content .donate span {
color: #ff5722;
}
.urgent-cause2 .content p {
margin-bottom: 30px;
}

.urgent-cause2 .content .thm-btn {
line-height: 38px;
border-radius: 0px 19px 19px 19px;
padding: 0 20px;
border: 0px;
padding-right: 10px;
background: #8dc63f;
color: #fff;
}
.urgent-cause2 .content .thm-btn i {
border-left: 1px solid #fff;
padding: 11px 0 13px;
padding-left: 8px;
margin-left: 15px;
}
.urgent-cause2 .content .donator {
color: #8dc63f;
font-family: "Kiwi Maru", serif;
font-size: 14px;
margin-top: 10px;
border-bottom: 1px solid #8dc63f;
transition: 0.5s ease;
}

.urgent-cause2 .content:hover .donator {
color: #8dc63f;
border-color: #8dc63f;
transition: 0.5s ease;
}

.urgent-cause2 .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 80px;
}

.urgent-cause2 .owl-theme .owl-nav [class*="owl-"] {
color: #303030;
font-size: 15px;
margin: 0 5px;
padding: 0;
background-color: transparent;
height: 45px;
border-radius: 50%;
width: 45px;
line-height: 41px;
border: 2px solid #f4f4f4;
font-weight: 700;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color 0.3s ease;
}

.urgent-cause2 .owl-theme .owl-nav [class*="owl-"]:hover {
color: #8dc63f;
transition: 0.5s ease;
}

/*=======progress bar========*/

.urgent-cause2 .progress-box {
position: relative;
height: 7px;
transition: 0.7s ease;
padding: 35px 0 25px;
}

.urgent-cause2 .progress-box .bar {
position: relative;
width: 100%;
height: 7px;
background-color: #f7f7f7;
}

.urgent-cause2 .progress-box .bar-inner {
position: relative;
display: block;
width: 0%;
height: 7px;
background-image: url(../images/resource/progress-bg.jpg);
-webkit-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
transition: all 1500ms ease;
}

.urgent-cause2 .progress-box .count-text {
position: absolute;
text-align: center;
right: 0px;
font-family: "Kiwi Maru", serif;
margin-right: -23px;
bottom: 15px;
width: 42px;
border-radius: 5px;
height: 46px;
background-image: url(../images/icons/progress-count.png);
color: #ff5722;
background-repeat: no-repeat;
line-height: 42px;
font-size: 16px;
font-weight: 700;
opacity: 0;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
transition: all 1000ms ease;
}

.urgent-cause2 .progress-box .bar-inner.counted .count-text {
opacity: 1;
}

.urgent-cause2 .progress-box .count-text:after {
}

/*======== cause list style =========*/

.urgent-cause2 .blog-sidebar .facebook-feed {
background: #ebebeb;
}
.urgent-cause2 .blog-sidebar .facebook-feed .like-people {
background: #fff;
}

.urgent-cause2.list-style {
background: #ffffff;
}

.urgent-cause2 .cause-list-bg {
position: relative;
}
.urgent-cause2.list-style .cause-list .item {
display: block;
}

.urgent-cause2.list-style .cause-list .img-box {
float: left;
width: 48%;
}
.urgent-cause2.list-style .cause-list .img-box a {
display: block;
}
.urgent-cause2.list-style .cause-list .img-box img {
width: 100%;
}

.urgent-cause2.list-style .content {
position: relative;
float: left;
width: 52%;
border: 1px solid #f4f4f4;
padding: 25px 30px 20px;
}

.urgent-cause2.list-style .content p {
margin-bottom: 25px;
}

/*** 

====================================================================
    urgent-cause style one
====================================================================

***/

.urgent-cause {
position: relative;
}

.urgent-cause .section-title h2 {
padding-bottom: 10px;
}
.urgent-cause .section-title p {
padding-bottom: 20px;
}
.urgent-cause.style-2 .cause-list .item {
margin-bottom: 30px;
position: relative;
}
.urgent-cause .img-box {
position: relative;
}
.urgent-cause .date {
position: absolute;
left: 25px;
top: 25px;
background: #8dc63f;
color: #fff;
font-family: "Kiwi Maru", serif;
font-size: 14px;
line-height: 35px;
padding: 0 15px;
height: 0px;
opacity: 0;
transition: 0.7s ease;
}
.urgent-cause .item:hover .date {
height: 35px;
opacity: 1;
transition: 0.7s ease;
}
.urgent-cause .content {
position: relative;
padding: 20px;
padding-bottom: 30px;
border: 1px solid #f4f4f4;
border-top: 0px;
}
.urgent-cause .content h4 {
margin-bottom: 15px;
}
.urgent-cause .content .donate {
font-family: "Kiwi Maru", serif;
color: #999;
font-size: 16px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 16px;
margin-bottom: 20px;
}
.urgent-cause .content .donate span {
color: #8dc63f;
}
.urgent-cause .content p {
margin-bottom: 18px;
}

.urgent-cause .content .thm-btn {
line-height: 38px;
border-radius: 0px 19px 19px 19px;
padding: 0 20px;
border: 0px;
padding-right: 10px;
background: #8dc63f;
color: #fff;
}
.urgent-cause .content .thm-btn i {
border-left: 1px solid #fff;
padding: 11px 0 13px;
padding-left: 8px;
margin-left: 15px;
}
.urgent-cause .content .donator {
color: #e87542;
font-family: "Kiwi Maru", serif;
font-size: 14px;
margin-top: 10px;
border-bottom: 1px solid #e87542;
transition: 0.5s ease;
}

.urgent-cause .content:hover .donator {
color: #8dc63f;
border-color: #8dc63f;
transition: 0.5s ease;
}

.urgent-cause .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 80px;
}

.urgent-cause .owl-theme .owl-nav [class*="owl-"] {
color: #303030;
font-size: 15px;
margin: 0 5px;
padding: 0;
background-color: transparent;
height: 45px;
border-radius: 50%;
width: 45px;
line-height: 41px;
border: 2px solid #f4f4f4;
font-weight: 700;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color 0.3s ease;
}

.urgent-cause .owl-theme .owl-nav [class*="owl-"]:hover {
color: #8dc63f;
transition: 0.5s ease;
}

/*=======progress bar========*/

.urgent-cause .progress-box {
position: absolute;
left: 20px;
bottom: 20px;
right: 20px;
height: 0px;
opacity: 0;
visibility: hidden;
transition: 0.7s ease;
}
.urgent-cause .item:hover .progress-box {
opacity: 1;
height: 5px;
visibility: visible;
transition: 0.7s ease;
}
.urgent-cause .progress-box .bar {
position: relative;
width: 100%;
height: 5px;
background-image: url(../images/resource/progress-bg2.jpg);
}

.urgent-cause .progress-box .bar-inner {
position: relative;
display: block;
width: 0px;
height: 5px;
background-image: url(../images/resource/progress-bg.jpg);
-webkit-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
transition: all 1500ms ease;
}

.urgent-cause .progress-box .count-text {
position: absolute;
text-align: center;
right: 0px;
font-family: "Kiwi Maru", serif;
margin-right: -23px;
bottom: 15px;
width: 46px;
height: 26px;
background: #8dc63f;
color: #ffffff;
line-height: 26px;
font-size: 13px;
font-weight: 600;
opacity: 0;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
transition: all 1000ms ease;
}

.urgent-cause .progress-box .bar-inner.counted .count-text {
opacity: 1;
}

.urgent-cause .progress-box .count-text:after {
content: "";
position: absolute;
left: 50%;
margin-left: -4px;
top: 100%;
border: 4px solid transparent;
border-top: 5px solid #8dc63f;
}

.cause-list-bg {
position: relative;
}

.cause-list-bg:before {
position: absolute;
content: "";
right: -30px;
top: 0;
bottom: 0;
width: 1px;
background: #f4f4f4;
}

/*======single cause========*/

.single-cause {
background: #ffffff;
}

.single-cause .section-title2 h3 {
margin-bottom: 30px;
}

.urgent-cause2.single-cause .progress-box {
visibility: visible;
left: 0;
top: 17px;
right: 30px;
height: 5px;
opacity: 1;
background: #fff;
padding: 15px 20px 20px;
}
.urgent-cause2.single-cause .content .donate {
position: absolute;
left: 30px;
top: 30px;
}
.urgent-cause2.single-cause .content {
padding-left: 160px;
padding-bottom: 52px;
padding-top: 27px;
background: #f7f7f7;
}
.single-cause .text {
position: relative;
}

.single-cause .thm-btn.style-2 {
top: -50px;
}

.single-cause .list {
margin-top: 25px;
}
.single-cause .list li {
padding-bottom: 12px;
}

.single-cause .list li i {
padding-right: 10px;
color: #ff5722;
}

.single-cause .donator .img-box {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}

.single-cause .donator .caption h5 {
position: absolute;
line-height: 26px;
padding: 9px 0px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center;
width: 100%;
bottom: -100%;
transition: 0.5s ease;
}

.single-cause .donator .img-box:hover h5 {
bottom: 0px;
transition: 0.5s ease;
}

/*share-box*/

.single-cause .share {
position: relative;
background: #ffffff;
padding-top: 20px;
padding-bottom: 8px;
margin-top: 30px;
margin-bottom: 70px;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.single-cause .share .tag-box span {
font-size: 14px;
color: #3f3e3e;
}
.single-cause .share .tag-box a {
color: #8dc63f;
font-size: 15px;
transition: 0.3s ease;
line-height: 30px;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
}
.single-cause .share .tag-box a:hover {
color: #8dc63f;
transition: 0.3s ease;
}

.single-cause .share .social-box span {
color: #252525;
margin-right: 13px;
font-size: 18px;
font-family: "Kiwi Maru", serif;
}
.single-cause .share .social {
display: inline-block;
margin-bottom: 0;
margin-left: -2.5px;
}
.single-cause .share .social > li {
padding-right: 0;
margin: 0;
padding-left: 0;
}
.single-cause .share .social a {
width: 40px;
border-radius: 50%;
height: 40px;
color: #bcbcbc;
text-align: center;
margin: 0 3px;
border: 1px solid #eee;
display: block;
line-height: 38px;
transition: all 0.5s ease;
}
.single-cause .share .social a:hover {
color: #ffffff;
background: #ff5722;
border-color: #ff5722;
}

.single-cause .share .tag-box li {
margin: 0;
display: inline-block;
font-family: "Kiwi Maru", serif;
color: #303030;
font-size: 18px;
}

.single-cause .share .thm-btn.style-2 {
top: -6px;
}

/*** 

====================================================================
  Fact Counter two Section
====================================================================

***/

.fact-counter-1 {
position: relative;
padding: 70px 0px 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
color: #ffffff;
margin-bottom: 0px;
display: flex;
}

.counter-outer {
display: flex;
}

.fact-counter-1:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 0;
}

.fact-counter-1 .section-title h2 {
color: #fff;
}
.fact-counter-1 .section-title:before {
display: none;
}

.fact-counter-1 .auto-container {
position: relative;
z-index: 1;
}

.fact-counter-1 .column {
position: relative;
margin-bottom: 40px;
text-align: center;
z-index: 5;
}
.fact-counter-1 .item {
position: relative;
color: #fff;
padding: 17px 0 25px;
}

.fact-counter-1 .column .icon {
font-size: 40px;
position: relative;
right: 5px;
margin-bottom: 5px;
color: #ff5722;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}

.fact-counter-1 .count-outer {
position: relative;
font-size: 40px;
font-weight: 400;
padding: 0px 10px 5px;
font-family: "Roboto Slab", Sans-serif;
}
.fact-counter-1 .count-outer:before {
}

.fact-counter-1 .column .counter-title {
position: relative;
font-size: 18px;
font-weight: 300;
color: #ffffff;
}

.fact-counter-2 {
position: relative;
padding: 70px 0px 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
color: #ffffff;
}

.fact-counter-2:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 0;
}

.fact-counter-2 .section-title h2 {
color: #fff;
}
.fact-counter-2 .section-title:before {
display: none;
}

.fact-counter-2 .auto-container {
position: relative;
z-index: 1;
}

.fact-counter-2 .column {
position: relative;
margin-bottom: 30px;
z-index: 5;
}
.fact-counter-2 .item {
position: relative;
background: rgba(0, 0, 0, 0.15);
border: 1px solid #3f3f43;
color: #fff;
padding: 28px 0 32px;
}

.fact-counter-2 .column .icon {
font-size: 36px;
position: relative;
width: 70px;
margin-top: 13px;
right: 0;
float: left;
text-align: center;
margin-bottom: 5px;
color: #ff5722;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fact-counter-2 .column .count-area {
float: left;
}

.fact-counter-2 .count-outer {
position: relative;
font-size: 40px;
font-weight: 400;
padding: 0px 0px 5px;
font-family: "Kiwi Maru", serif;
}
.fact-counter-2 .count-outer:before {
}

.fact-counter-2 .column .counter-title {
position: relative;
font-size: 20px;
font-weight: 300;
color: #ffffff;
}

.fact-counter-2 .content {
background: #fff;
padding: 40px;
}

.fact-counter-2 .content p.thm-color {
font-size: 24px;
}

.fact-counter-2 .content h2 {
font-weight: 700;
margin: 15px 0;
text-transform: uppercase;
}

.fact-counter-2 .link {
margin-top: 25px;
}

/*** 

====================================================================
    about style
====================================================================

***/

.about {
position: relative;
background: #4ecdc4;
background: -webkit-linear-gradient(to right, #556270, #4ecdc4);
background: linear-gradient(to right, #ced59f, #8dfff7);
}

.about .img-box {
margin-bottom: 30px;
}

.about .left-column h3 {
font-weight: 700;
margin-bottom: 20px;
}
.about .left-column p {
font-size: 15px;
}

.about .content {
margin-bottom: 50px;
}

.about .content h3 {
font-weight: 700;
padding: 15px 0 20px;
}

.about .content ul {
padding-top: 5px;
}
.about .content ul li {
margin: 10px 0;
font-size: 16px;
font-family: "Roboto-light";
}

.about .content ul li i {
color: #ff5722;
margin-right: 10px;
font-size: 14px;
}

/*** 

====================================================================
    about-2 style
====================================================================

***/

.about-2 {
position: relative;
}

.about-2 .content {
position: relative;
border: 1px solid #f4f4f4;
border-top: 0px;
padding: 25px 20px;
margin-bottom: 30px;
}

.about-2 .icon_box {
position: relative;
font-size: 50px;
line-height: 50px;
color: #ff5722;
margin-right: 20px;
padding-right: 15px;
border-right: 1px solid #f4f4f4;
float: left;
margin-bottom: 20px;
}

.about-2 .text {
position: relative;
float: left;
margin-bottom: 20px;
}

.about-2 .text h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
}

.about-2 .text p {
color: #ff5722;
}

/*** 

====================================================================
    why-chooseus style
====================================================================

***/
.why-chooseus {
padding-bottom: 30px;
background: #efdeff;
}
.why-chooseus .item {
margin-bottom: 30px;
transition: 0.5s ease;
padding: 15px 5px 30px 5px;
border: 1px solid #e1d2efd9;
    height: 285px;
}
.why-chooseus .item:hover {
border-color: #ff5722;
transition: 0.5s ease;
padding: 15px 5px 30px 5px;
border: 1px solid #efdeff;
box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
background-color: #fff;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.why-chooseus:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 0;
height: 2px;
background-color: #ff3a54;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.why-chooseus .inner-box {
position: relative;
text-align: center;
}
.why-chooseus .inner-box .icon_box {
position: relative;
color: #ff5722;
font-size: 50px;
}

.why-chooseus .item h4 {
font-size: 20px;
font-weight: 700;
margin-top: 10px;
margin-bottom: 20px;
transition: 0.5s ease;
}
.why-chooseus .item:hover h4 {
color: #ff5722;
transition: 0.5s ease;
}

.why-chooseus .item p {
text-align: center;
}

/*** 

====================================================================
    gallery style
====================================================================

***/

.gallery {
position: relative;
}

.gallery .inner-box {
position: relative;
overflow: hidden;
}
.gallery .item {
position: relative;
}
.gallery.style-2 .item {
margin-bottom: 30px;
}

.gallery .item img {
width: 100%;
}

.gallery .overlay .top {
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
background: rgba(0, 0, 0, 0.7);
transition: 0.5s cubic-bezier(0.4, 0, 1, 1);
opacity: 0;
visibility: hidden;
}

.gallery .item:hover .overlay .top {
height: 100%;
transition: 0.5s cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
visibility: visible;
}
.gallery .overlay .top .box {
display: table;
width: 100%;
height: 100%;
}
.gallery .overlay .top .content {
display: table-cell;
vertical-align: middle;
}

.gallery .overlay .top a {
position: relative;
color: #fff;
line-height: 41px;
text-align: center;
padding: 0 18px;
}
.gallery .overlay .bottom {
position: absolute;
left: 20px;
bottom: -100%;
right: 20px;
color: #fff;
opacity: 0;
visibility: hidden;
transition: 0.5s ease;
}

.gallery .item:hover .overlay .bottom {
bottom: 20px;
opacity: 1;
visibility: visible;
transition: 0.9s ease;
transition-delay: 0.3s;
}

.gallery .overlay .bottom h4 {
color: #fff;
line-height: 28px;
margin-top: 20px;
font-size: 20px;
font-weight: 700;
}

.gallery .bottom-content {
position: relative;
margin: 20px 0 25px;
}

.gallery .bottom-content h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
}

.gallery .bottom-content p {
color: #ff5722;
}

/*======= gallery filter ==========*/

.post-filter {
display: flex;
margin: 0;
margin-bottom: 50px;
border-bottom: 1px solid #f4f4f4;
}
.post-filter li {
padding: 0;
padding-bottom: 20px;
margin-right: 30px;
}
.post-filter li.active {
border-bottom: 2px solid #ff5722;
}

.post-filter li span {
color: #303030;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Kiwi Maru", serif;
    line-height: 24px;
    display: block;
    cursor: pointer;
    transition: 0.5s ease;
}
.post-filter li:hover span,
.post-filter li.active span {
color: #ff5722;
transition: 0.5s ease;
}

.post-filter li span i {
font-size: 14px;
margin-right: 5px;
}

/*============ single gallery ============*/

.single-gallery {
position: relative;
}

.single-gallery .img-box {
position: relative;
padding-bottom: 30px;
}

.single-gallery .share-project {
padding-left: 140px;
position: relative;
margin-top: 15px;
}
.single-gallery .share-project .title {
left: 0;
position: absolute;
top: 2px;
}
.single-gallery .share-project .title h5 {
color: #303030;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.single-gallery .share-project .social-share {
padding-left: 40px;
}
.single-gallery .share-project .social-share ul li {
display: inline-block;
margin-right: 15px;
}
.single-gallery .share-project .social-share ul li a {
color: #9a9a9a;
font-size: 14px;
}

.single-gallery .share-project .social-share ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

.single-gallery .project-info-list {
overflow: hidden;
margin: 0 -15px;
margin-top: 30px;
}
.single-gallery .project-info-list li {
border-bottom: 1px solid #f7f7f7;
float: left;
margin: 0 15px 20px;
overflow: hidden;
padding-bottom: 11px;
width: 42%;
padding-left: 30px;
position: relative;
}
.single-gallery .project-info-list li .icon-holder {
left: 0;
position: absolute;
/* top: -5px; */
}
.single-gallery .project-info-list li .icon-holder i {
font-size: 14px;
color: #ff5722;
}
.single-gallery .project-info-list li .text-holder {
}
.single-gallery .project-info-list li .text-holder h5 {
color: #252525;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0 0 3px;
}
.single-gallery .project-info-list li .text-holder p {
margin: 0;
}

/*** 

====================================================================
    call-out style
====================================================================

***/

.call-out {
background: #00a295;
padding: 5px 0 25px;
display: none;
}
.call-out .logo {
margin-top: 23px;
}
.call-out h4 {
color: #fff;
margin-top: 33px;
font-size: 22px;
font-weight: 700;
}
.call-out .thm-btn.style-3 {
margin-top: 20px;
}

/*** 

====================================================================
    Event style
====================================================================

***/

.event-section {
padding: 80px 0 40px;
}

.event-section .item {
position: relative;
transition: 0.5s ease-in-out;
margin-bottom: 50px;
max-height: 340px;
overflow: hidden;
border: 1px solid #f4f4f4;
}

.event-section .item .img-column {
width: 47%;
float: left;
}

.event-section .item .text-column {
width: 53%;
float: left;
}

.event-section .item .lower-content {
position: relative;
padding: 30px 15px 0;
min-height: 337px;
}
.event-section .item .date {
position: absolute;
left: 0;
top: 20px;
background: #ff5722;
font-size: 18px;
font-weight: 700;
line-height: 27px;
padding-top: 7px;
border-radius: 5px;
overflow: hidden;
z-index: 9;
color: #fff;
text-align: center;
font-family: "Kiwi Maru", serif;
}

.event-section .item .date span {
display: block;
color: #ffffff;
background: #303030;
padding: 5px 6px;
font-size: 14px;
font-family: "Roboto-light";
}

.event-section .item .lower-content .text p {
margin-bottom: 25px;
font-size: 14px;
}

.event-section .item .lower-content h4 {
font-weight: 400;
margin-bottom: 10px;
line-height: 30px;
font-size: 20px;
}

.event-section .item .lower-content h4 a {
color: #303030;
transition: all 300ms ease;
font-size: 18px;
}

.event-section .item .lower-content h4 a:hover {
color: #ff5722;
transition: all 300ms ease;
}

.event-section .item .lower-content .post-meta {
color: #949494;
font-size: 15px;
margin-bottom: 7px;
}

.event-section .item .lower-content .post-meta i {
margin-right: 5px;
color: #ff5722;
}

.event-section .item .lower-content .default_link {
text-transform: uppercase;
color: #303030;
font-weight: 700;
transition: 0.5s ease;
}
.event-section .item .lower-content .default_link:hover {
transition: 0.5s ease;
color: #ff5722;
}
.event-section .item .lower-content .default_link i {
font-size: 11px;
}

.event-section .item .img-holder {
overflow: hidden;
position: relative;
}
.event-section .item .img-holder a {
width: 100%;
overflow: hidden;
}
.event-section .item .img-holder img {
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
height: 100%;
display: block;
display: inline-block;
}

.event-section .item:hover .img-holder img {
transform: scale(1.1);
}
.event-section .item .overlay {
background-color: rgba(16, 37, 46, 0.9);
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: all 450ms ease-out 0s;
transform: rotateY(180deg) scale(0.5, 0.5);
}

.event-section .item:hover .img-holder .overlay {
opacity: 1;
filter: alpha(opacity=100);
transform: rotateY(0deg) scale(1, 1);
}
.event-section .item .overlay .box {
display: table;
height: 100%;
width: 100%;
}
.event-section .item .overlay .box .content {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.event-section .item .img-holder .overlay .box .content a i {
background: #ff5722;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 16px;
height: 45px;
line-height: 48px;
transition: all 500ms ease 0s;
width: 45px;
}

.event-section .item .img-holder .overlay .box .content a:hover i {
background: #ff5722;
}

.event-section .owl-theme .owl-nav {
padding: 0;
position: absolute;
right: 50%;
margin: 0;
margin-right: -51px;
}

.event-section .owl-theme .owl-nav [class*="owl-"] {
color: #303030;
font-size: 15px;
margin: 0 5px;
padding: 0;
background-color: transparent;
height: 45px;
border-radius: 50%;
width: 45px;
line-height: 41px;
border: 2px solid #f4f4f4;
font-weight: 700;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color 0.3s ease;
}

.event-section .owl-theme .owl-nav [class*="owl-"]:hover {
color: #ff5722;
transition: 0.5s ease;
}

/*========style-2===========*/

.event-section.style-2 .item {
max-height: inherit;
}
.event-section.style-2 .item .lower-content {
min-height: inherit;
padding: 15px 25px 20px;
}

.event-section.style-2 .item .date {
position: absolute;
right: 20px;
top: -41px;
height: 70px;
z-index: 9;
width: 70px;
font-size: 18px;
border-radius: 50%;
border: 2px solid #ff5722;
background: #ffffff;
font-weight: 700;
font-family: "Kiwi Maru", serif;
line-height: 14px;
padding-top: 13px;
color: #ff5722;
text-align: center;
}

.event-section.style-2 .item .lower-content .text p {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #f4f4f4;
}

.event-section.style-2 .overlay2 {
background-color: rgba(16, 37, 46, 0.9);
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
transition: all 450ms ease-out 0s;
}

.event-section.style-2 .item:hover .overlay2 {
opacity: 1;
visibility: visible;
transition: 0.7s ease;
}

.event-section.style-2 .item .img-holder .thm-btn {
width: auto;
top: 50%;
margin-top: -25px;
}
.event-section.style-2 .item .date span {
background: transparent;
}
/*=========style-3==========*/

.event-section.style-3 .item {
max-height: inherit;
border: 0px;
}
.event-section.style-3 .item:hover .img-holder img {
transform: scale(1);
}

.event-section.style-3 .item .img-column {
width: 43%;
}

.event-section.style-3 .item .text-column {
width: 57%;
}
.event-section.style-3 .item .lower-content {
position: relative;
padding: 20px 5px;
padding-left: 90px;
min-height: inherit;
}
.event-section.style-3 .item .lower-content h3 {
font-size: 20px;
font-weight: 700;
}
.event-section.style-3 .blog-sidebar .item {
margin-bottom: 15px;
}
.event-section.style-3 .blog-sidebar .item .lower-content {
padding-left: 15px;
}

.event-section.style-3 .overlay2 {
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
position: absolute;
left: 0;
bottom: 4px;
right: 0;
top: 0;
color: #fff;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
transition: all 450ms ease-out 0s;
}

.event-section.style-3 .item:hover .overlay2 {
opacity: 1;
visibility: visible;
transition: 0.7s ease;
}

.event-section.style-3 .item .img-holder .thm-btn {
width: auto;
top: 50%;
margin-top: -25px;
}

.event-section.style-3 .item .lower-content h4 {
margin-top: 10px;
}

.event-section.style-3 .item .lower-content .text p {
margin-bottom: 23px;
padding-bottom: 22px;
border-bottom: 1px solid #f4f4f4;
}

/*** 

====================================================================
    Testimonials Section style
====================================================================

***/

.testimonials-section {
position: relative;
padding: 0 0 80px;
margin-top: 120px;
}

.testimonials-section .testimonial-slider {
position: relative;
margin-top: -63px;
}

.testimonials-section .img-box img {
width: 120px;
height: 120px;
border-radius: 50%;
background: #fff;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}
.testimonials-section .quote {
position: relative;
color: #323232;
font-size: 48px;
max-width: 700px;
margin: 0 auto;
margin-bottom: 20px;
}
.testimonials-section .quote:after {
content: "";
position: absolute;
bottom: 30px;
left: 0;
width: 40%;
height: 1px;
background: #323232;
}
.testimonials-section .quote:before {
content: "";
position: absolute;
bottom: 30px;
right: 0;
width: 40%;
height: 1px;
background: #323232;
}

.testimonials-section .author h4 {
position: relative;
display: inline-block;
font-size: 20px;
color: #fff;
margin-bottom: 15px;
margin-top: 10px;
}

.testimonials-section .author h4:before {
content: "";
position: absolute;
bottom: -12px;
right: 0;
width: 100%;
height: 1px;
background: #323232;
}

.testimonials-section .author h4 span {
color: #ff5722;
font-size: 18px;
font-family: "Kiwi Maru", serif;
}

/*dots*/

.testimonials-section .owl-controls {
text-align: center;
display: block;
position: relative;
bottom: -10px;
margin-top: 35px;
}

.testimonials-section .owl-dots .owl-dot {
display: inline-block;
}
.testimonials-section .owl-dots .owl-dot span {
border: 2px solid #504f4f;
border-radius: 50%;
display: block;
height: 10px;
background: transparent;
width: 10px;
margin: 5px 7px;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
.testimonials-section .owl-dots .owl-dot.active span,
.testimonials-section .owl-dots .owl-dot:hover span {
background-color: #ff5722;
border-color: #ff5722;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}

/*** 

====================================================================
  testimonial-two
====================================================================

***/

.testimonial-two {
position: relative;
padding-bottom: 30px;
}

.testimonial-two .single-testimonial h3,
.testimonial-two .single-testimonial p {
margin: 0;
}
.testimonial-two .single-testimonial h4 {
font-size: 18px;
color: #222;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 6px;
}

.testimonial-two .single-testimonial .img-box {
position: relative;
}
.testimonial-two .single-testimonial .img-box img {
transition: all 0.5s ease;
transform: scale(1);
}

.testimonial-two .single-testimonial {
margin-bottom: 40px;
border: 1px solid #f4f4f4;
padding: 30px 10px 26px;
transition: 0.5s ease-in-out;
}

.testimonial-two .single-testimonial:hover {
box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0), 0 0px 82px 0 rgba(0, 0, 0, 0.05);
transition: 0.5s ease-in-out;
}

.testimonial-two .single-testimonial .author-info {
overflow: hidden;
border: 2px solid #f4f4f4;
padding: 6px 0 9px;
margin-top: 5px;
}

.testimonial-two .single-testimonial p a {
color: #ff5722;
transition: 0.5s ease;
}

.testimonial-two .single-testimonial .text {
margin-top: 15px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 22px;
margin-bottom: 20px;
}
.testimonial-two .single-testimonial .text p {
font-size: 16px;
}

/*** 

====================================================================
  default-blog
====================================================================

***/

.blog-section {
position: relative;
}
.default-blog-news {
position: relative;
transition: 0.5s ease-in-out;
margin-bottom: 50px;
border: 1px solid #f4f4f4;
overflow: hidden;
}

.default-blog-news .lower-content {
position: relative;
margin-top: -55px;
}
.default-blog-news .lower-content .content {
background: #fff;
text-align: center;
padding-top: 25px;
}

.default-blog-news .lower-content .category {
color: #fff;
background: #ff5722;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 15px;
position: relative;
top: -15px;
}

.default-blog-news .lower-content .text p {
margin-bottom: 10px;
}

.default-blog-news .lower-content h4 {
color: #303030;
font-weight: 700;
margin-bottom: 24px;
font-size: 20px;
line-height: 28px;
}

.default-blog-news .lower-content h4 a {
color: #303030;
transition: all 300ms ease;
font-size: 18px;
}

.default-blog-news .lower-content h4 a:hover {
color: #ff5722;
transition: all 300ms ease;
}

.default-blog-news .lower-content .post-meta {
color: #949494;
font-size: 14px;
margin-bottom: 7px;
}

.default-blog-news .img-holder {
display: block;
overflow: hidden;
position: relative;
}
.default-blog-news .img-holder a {
width: 100%;
}
.default-blog-news .img-holder img {
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
}

.default-blog-news:hover .img-holder img {
transform: scale(1.1);
}
.default-blog-news .overlay {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: -20%;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: 0.9s ease;
}

.default-blog-news:hover .overlay {
bottom: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.default-blog-news .lower-content {
position: relative;
margin-top: -56px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-ms-transition: 0.7s ease;
-o-transition: 0.7s ease;
transition: 0.7s ease;
}

.default-blog-news:hover .lower-content {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-ms-transition: 0.7s ease;
-o-transition: 0.7s ease;
transition: 0.7s ease;
}

.default-blog-news .overlay .bottom-box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.default-blog-news .overlay .content {
background: #fff;
text-align: center;
padding-top: 25px;
}

.default-blog-news .overlay .category {
color: #fff;
background: #ff5722;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 15px;
}

.default-blog-news .overlay .text p {
padding-bottom: 20px;
}

.default-blog-news .overlay h4 {
color: #303030;
font-weight: 700;
margin-bottom: 10px;
font-size: 20px;
line-height: 28px;
}

.default-blog-news .overlay h4 a {
color: #303030;
transition: all 300ms ease;
font-size: 18px;
}

.default-blog-news .overlay h4 a:hover {
color: #ff5722;
transition: all 300ms ease;
}

.default-blog-news .overlay .post-meta {
color: #949494;
font-size: 14px;
margin-bottom: 7px;
}

/*blog-large news*/

.classic-blog-news {
position: relative;
transition: 0.5s ease-in-out;
margin-bottom: 50px;
border: 1px solid #f4f4f4;
overflow: hidden;
}

.classic-blog-news .lower-content {
position: relative;
margin-top: -55px;
}
.classic-blog-news .lower-content .content {
background: #fff;
padding: 25px 20px 25px;
}

.classic-blog-news .lower-content .category {
color: #fff;
background: #ff5722;
font-size: 14px;
font-weight: 700;
display: inline-block;
padding: 8px 23px;
margin-left: 15px;
margin-bottom: 15px;
position: relative;
z-index: 99;
}

.classic-blog-news .lower-content .text p {
margin-bottom: 10px;
}

.classic-blog-news .lower-content h4 {
color: #303030;
font-weight: 700;
margin-bottom: 24px;
font-size: 20px;
line-height: 28px;
}

.classic-blog-news .lower-content h4 a {
color: #303030;
transition: all 300ms ease;
font-size: 18px;
}

.classic-blog-news .lower-content h4 a:hover {
color: #ff5722;
transition: all 300ms ease;
}

.classic-blog-news .lower-content .post-meta {
color: #949494;
font-size: 14px;
margin-bottom: 7px;
}

.classic-blog-news .lower-content a {
text-transform: uppercase;
font-size: 16px;
margin-top: 10px;
color: #303030;
font-weight: 700;
}

.classic-blog-news .lower-content .link a i {
margin-left: 7px;
font-size: 20px;
}

.classic-blog-news .img-holder {
display: block;
overflow: hidden;
position: relative;
}
.classic-blog-news .img-holder a {
width: 100%;
position: relative;
}
.classic-blog-news .img-holder a:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 9;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: 0.5s eass;
-moz-transition: 0.5s eass;
-ms-transition: 0.5s eass;
-o-transition: 0.5s eass;
transition: 0.5s eass;
}

.classic-blog-news:hover .img-holder a:before {
opacity: 1;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.classic-blog-news .img-holder img {
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
}

.classic-blog-news:hover .img-holder img {
transform: scale(1.1);
}
.classic-blog-news .overlay {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: -20%;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: 0.9s ease;
}

.classic-blog-news:hover .overlay {
bottom: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.classic-blog-news .lower-content {
position: relative;
margin-top: -52px;
opacity: 1;
visibility: visible;
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-ms-transition: 0.7s ease;
-o-transition: 0.7s ease;
transition: 0.7s ease;
}

.blog-section .post-area {
position: relative;
}

.blog-section .post-area:before {
position: absolute;
content: "";
right: -30px;
top: 0;
bottom: 0;
width: 1px;
background: #f4f4f4;
}

/*=================== blog-sidebar ===================*/

.blog-sidebar {
position: relative;
margin-left: 30px;
}

.blog-sidebar .section-title {
margin-bottom: 0px;
}
.blog-sidebar .section-title.style-2 {
margin-bottom: 35px;
}

.blog-sidebar .sidebar_search {
height: 54px;
position: relative;
margin-bottom: 47px;
}
.blog-sidebar .sidebar_search input {
width: 100%;
height: 54px;
border: none;
border: 1px solid #f1f1f1;
padding: 0 56px 0 12px;
color: #9e9e9e;
}
.blog-sidebar .sidebar_search button {
width: 54px;
height: 100%;
position: absolute;
top: 0;
background: #ff5722;
right: 0;
color: #fff;
}

.blog-sidebar .category-style-one {
position: relative;
}
.blog-sidebar .category-style-one ul {
margin-bottom: 50px;
margin-top: -15px;
border: 1px solid #f4f4f4;
padding: 0px 25px;
}
.blog-sidebar .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}

.blog-sidebar .category-style-one ul li:last-child {
border-bottom: 0px;
}

.blog-sidebar .category-style-one ul li a {
position: relative;
font-weight: normal;
color: #949494;
position: relative;
width: 100%;
transition: 0.5s ease;
line-height: 54px;
display: block;
}
.blog-sidebar .category-style-one ul li a span {
position: absolute;
right: 0;
top: 1px;
}
.blog-sidebar .category-style-one ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

/*post-thumb*/

.blog-sidebar .popular-post {
position: relative;
margin-bottom: 50px;
}

.blog-sidebar .popular-post .item {
position: relative;
font-size: 14px;
margin-bottom: 20px;
min-height: 50px;
padding: 0px 0px 20px 85px;
color: #cccccc;
border-bottom: 1px solid #f1f1f1;
}

.blog-sidebar .popular-post .item .post-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 70px;
height: 70px;
}

.blog-sidebar .popular-post .item .post-thumb img {
width: 100%;
display: block;
}

.blog-sidebar .popular-post .item .post-thumb a {
position: relative;
}
.blog-sidebar .popular-post .item .post-thumb a:after {
position: absolute;
content: "\f0c1";
font-family: FontAwesome;
left: 0px;
top: 0px;
text-align: center;
line-height: 70px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.63);
color: #ffffff;
opacity: 0;
transition: 0.5s ease;
}
.blog-sidebar .popular-post .item .post-thumb:hover a:after {
opacity: 1;
transition: 0.5s ease;
}

.blog-sidebar .popular-post .item h4 {
position: relative;
font-size: 16px;
margin: 0px 0px 8px;
line-height: 24px;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}

.blog-sidebar .popular-post .item h4:hover {
color: #ff5722;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}

.blog-sidebar .recent-posts.post-thumb .post .post-info {
font-size: 14px;
font-weight: 400;
margin: 0px;
line-height: 1.6em;
color: #9c9c9c;
}
.blog-sidebar .popular-post .item .post-info {
color: #949494;
font-size: 16px;
}

.blog-sidebar .popular-post .item .post-info i {
color: #ff5722;
font-size: 14px;
margin-right: 6px;
top: -1px;
position: relative;
}

.blog-sidebar .event-section2 {
margin-bottom: 40px;
}

.blog-sidebar .event-section2 .owl-theme .owl-nav {
margin: 0;
padding: 0;
position: absolute;
bottom: 100%;
right: 0;
margin: 0;
margin-bottom: 39px;
}

.blog-sidebar .event-section2 .owl-theme .owl-nav [class*="owl-"] {
color: #202f35;
font-size: 14px;
margin: 0;
padding: 0;
background-color: transparent;
height: 40px;
border: 0px;
width: 18px;
line-height: 36px;
font-weight: 700;
text-align: center;
margin-left: 1px;
display: inline-block;
transition: color 0.3s ease;
}

.blog-sidebar .event-section2 .owl-theme .owl-nav [class*="owl-"]:hover {
color: #ff5722;
transition: 0.5s ease;
}

/*facebook feed*/

.blog-sidebar .facebook-feed {
position: relative;
background: #f7f7f7;
overflow: hidden;
}

.blog-sidebar .facebook-feed .img-box {
position: relative;
}

.blog-sidebar .facebook-feed .overlay {
position: absolute;
margin: 10px;
left: 0;
top: 0;
right: 0;
bottom: 0;
}

.blog-sidebar .facebook-feed .inner-box {
position: relative;
padding-left: 70px;
margin-bottom: 32px;
}

.blog-sidebar .facebook-feed .inner-box .logo {
position: absolute;
left: 0;
top: 0;
}
.blog-sidebar .facebook-feed .inner-box h4 {
color: #fff;
font-weight: 600;
position: relative;
margin-top: 0px;
margin-bottom: 3px;
}
.blog-sidebar .facebook-feed .inner-box .like {
color: #fff;
}

.blog-sidebar .facebook-feed .link a {
color: #58606f;
background: #fff;
display: inline-block;
line-height: 22px;
font-size: 13px;
text-align: center;
padding: 0 10px;
border: 1px solid #eaeaea;
}
.blog-sidebar .facebook-feed .link a i.fb-icon {
color: #fff;
background: #39579b;
font-size: 12px;
padding: 2px 3px 0 4px;
position: relative;
top: 2px;
margin-right: 5px;
}

.blog-sidebar .facebook-feed .link a i.mail {
color: #6a7081;
margin-right: 6px;
}

.blog-sidebar .facebook-feed .like-people {
background: #fff;
margin: 20px 9px;
padding: 5px 9px 15px;
}

.blog-sidebar .facebook-feed .like-people p {
font-size: 13px;
}

/*=============================== blog single post ===============================================*/

.blog-single-post .content-box .text p {
margin-bottom: 20px;
margin-top: 20px;
}
.blog-single-post .default-blog-news .lower-content {
padding-bottom: 0px;
border-bottom: 0px;
}

.blog-single-post .default-blog-news:hover {
box-shadow: none;
}

.blog-single-post .section-title {
margin-bottom: 30px;
}

.blog-single-post .section-title2 h3 {
margin-bottom: 30px;
}

/*---------------- Author -------------*/

.blog-single-post .author {
background-color: #ffffff;
position: relative;
margin-bottom: 2px;
margin-top: 35px;
}
.blog-single-post .author img {
position: absolute;
}
.blog-single-post .author-comment {
margin-left: 340px;
padding-left: 30px;
}

.blog-single-post .author-comment .quote {
font-size: 25px;
color: #f1f1f1;
margin-bottom: 7px;
position: relative;
top: -5px;
}
.blog-single-post .author-comment h5 {
font-weight: 600;
margin: 16px 0 5px 0;
text-transform: uppercase;
font-size: 18px;
}
.blog-single-post .author-comment p.a-title {
color: #ff5722;
font-size: 16px;
}

/*share-box*/

.share-box {
background: #ffffff;
padding-top: 20px;
margin-top: 35px;
border-top: 1px solid #f4f4f4;
}
.share-box .tag-box span {
font-size: 14px;
color: #3f3e3e;
}
.share-box .tag-box a {
color: #ff5722;
font-size: 15px;
transition: 0.3s ease;
line-height: 30px;
text-transform: capitalize;
font-family: "Kiwi Maru", serif;
}
.share-box .tag-box a:hover {
color: #ff5722;
transition: 0.3s ease;
}
.share-box .social-box span {
color: #252525;
margin-right: 13px;
font-size: 18px;
font-family: "Kiwi Maru", serif;
}
.share-box .social {
display: inline-block;
margin-bottom: 0;
margin-left: -2.5px;
}
.share-box .social > li {
padding-right: 0;
margin: 0;
padding-left: 0;
}
.share-box .social a {
width: 40px;
border-radius: 50%;
height: 40px;
color: #bcbcbc;
text-align: center;
margin: 0 3px;
border: 1px solid #eee;
display: block;
line-height: 38px;
transition: all 0.5s ease;
}
.share-box .social a:hover {
color: #ffffff;
background: #ff5722;
border-color: #ff5722;
}
.share-box .tag-box li {
margin: 0;
display: inline-block;
font-family: "Kiwi Maru", serif;
color: #303030;
font-size: 18px;
}

/*========== author ===========*/

.post-author {
position: relative;
color: #777777;
margin-bottom: 64px;
}

.post-author .inner-box {
position: relative;
padding: 33px 35px 30px 155px;
min-height: 160px;
background: #f4f4f4;
}

.post-author .inner-box .author-thumb {
position: absolute;
left: 35px;
top: 35px;
width: 85px;
height: 85px;
border-radius: 2px;
}

.post-author .inner-box .author-thumb img {
display: block;
width: 100%;
}

.post-author h4 {
position: relative;
margin: 0px 0px 16px;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
color: #252525;
}
.post-author ul li {
margin: 0;
margin-top: 10px;
}
.post-author ul li a {
padding: 0 4px;
color: #999;
font-size: 14px;
transition: 0.5s ease;
}
.post-author ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

/*=============== comment =============*/

.single-comment {
position: relative;
margin-bottom: 10px;
padding-bottom: 32px;
padding-left: 80px;
}
.single-comment .img-holder {
left: 0;
position: absolute;
top: 0;
}

.single-comment .text-holder {
border: 1px solid #f4f4f4;
padding: 20px;
}
.single-comment .text-holder .top {
margin: 0 0 8px;
overflow: hidden;
}

.single-comment .rating {
margin-top: -4px;
padding-left: 20px;
}
.single-comment .rating li {
display: inline-block;
margin-right: 3px;
}
.single-comment .rating i {
color: #ff5722;
font-size: 14px;
}

.single-comment .text-holder p {
margin: 0 0 15px;
}
.single-comment .text-holder .reply {
color: #ab7442;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}

/*==feedback======*/

.feedback {
padding-bottom: 30px;
}

.feedback p {
margin-bottom: 5px;
}
.feedback .rating {
display: inline-block;
margin: 0 0px;
border-left: 1px solid #d6d6d6;
padding-right: 10px;
padding-left: 10px;
}

.feedback .rating:first-child {
padding-left: 0px;
border: 0px;
}

.feedback .rating li {
display: inline-block;
}

.feedback .rating li a i {
color: #d6d6d6;
transition: all 500ms ease;
font-size: 14px;
}
.feedback .rating.active li i,
.feedback .rating:hover i {
color: #ff5722;
}

/*** 

====================================================================
  clients-section
====================================================================

***/

.clients-section {
background: #fff0eb;
padding: 40px 0 80px;
}
.clients-section .owl-carousel .owl-stage-outer {
padding-top: 40px;
}

/*** 

====================================================================
  Main Footer
====================================================================

***/

.main-footer {
position: relative;
background: #1c1f34;
padding: 25px 0 80px;
}

.main-footer .about-column .default_link {
text-transform: uppercase;
color: #ff5722;
font-weight: 700;
transition: 0.5s ease;
}
.main-footer .about-column .default_link:hover {
transition: 0.5s ease;
color: #ff5722;
}
.main-footer .about-column .default_link i {
font-size: 11px;
}

.main-footer .footer-widget {
margin-top: 50px;
}

.main-footer .section-title {
margin-bottom: 40px;
}
.main-footer .section-title:before {
display: none;
}
.main-footer .section-title h4 {
color: #fff;
font-size: 18px;
text-transform: uppercase;
padding-bottom: 0;
}

.main-footer .footer-logo {
margin-bottom: 40px;
padding-top: 5px;
}

/*============ about-column =================*/

.main-footer .about-column .text {
margin-bottom: 20px;
}
.about-column li {
position: relative;
padding-left: 30px;
font-size: 15px;
color: #999;
line-height: 26px;
margin-bottom: 14px;
}
.about-column li span {
font-size: 18px;
color: #ff5722;
position: absolute;
left: 0;
top: 6px;
}

/*============ link-column =================*/

.main-footer .link-column li {
position: relative;
margin-bottom: 16px;
}

.main-footer .link-column li a {
position: relative;
margin-left: 15px;
color: #999;
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
}

.main-footer .link-column li a:hover {
color: #ff5722;
}

.main-footer .link-column li a:before {
content: "\f0dd";
position: absolute;
font-size: 16px;
font-family: FontAwesome;
left: -19px;
top: 0px;
transform: rotate(-90deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.main-footer .link-column li a:hover:before {
color: #ff5722;
transition: 0.5s ease-in-out;
}

.main-footer .link-column li a:after {
content: "";
position: absolute;
left: 0px;
background: transparent;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: 0.5s ease-in-out;
}
.main-footer .link-column li a:hover:after {
background-color: #ff5722;
transition: 0.5s ease;
}

/*============ post-column =================*/

.main-footer .post-column .post {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #363636;
}
.main-footer .post-column .post:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.main-footer .post-column .post-thumb {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
}

.main-footer .post-column h5 {
position: relative;
top: -5px;
font-size: 16px;
color: #999;
line-height: 26px;
}

.main-footer .post-column .post-info {
color: #949494;
font-size: 15px;
}

/*============ contact-column =================*/

.main-footer .contact-column {
position: relative;
}

.main-footer .contact-column .contact-info {
margin-top: 20px;
}
.main-footer .contact-column .contact-info li {
position: relative;
padding-left: 30px;
font-size: 15px;
color: #999;
line-height: 26px;
margin-bottom: 20px;
border-bottom: 1px solid #333;
padding-bottom: 15px;
}
.main-footer .contact-column .contact-info li span {
color: #949494;
font-family: "Kiwi Maru", serif;
font-weight: 700;
}
.main-footer .contact-column .contact-info li i {
font-size: 18px;
color: #ff5722;
position: absolute;
left: 0;
top: 6px;
}

.main-footer .contact-column .social-icon {
text-align: center;
padding-top: 6px;
}

/*===========footer bottom ================*/

.footer-bottom {
background: #181b32;
border-top: 1px solid #181b32;
padding: 20px 0px 45px 0;
}
.footer-bottom .copy-text {
color: #949494;
font-size: 14px;
}
.footer-bottom .copy-text a {
color: #ff5722;
font-size: 14px;
}

.footer-bottom a {
color: #fff;
font-size: 13px;
transition: 0.3s ease;
}

/************************** 
* Inner Banner styles 
***************************/

@media screen and (max-width: 600px){
.inner-banner {
        background-position: 50% 50% !important;
        background-size: 500px 100px !important;
        width: 100%;
        background-repeat: no-repeat !important;

}

.Sustainable
{
    display: block;
}

.Sustainable .col
{
    text-align: center;
    margin-bottom: 10px;
}

.Sustainable .col img
{
   width:75%;
}

.pdfSec img
{
    width: 100% !important;
}

}




.inner-banner h1 {
font-weight: 700;
text-transform: uppercase;
line-height: 0;
color: #00a295;
padding-top: 10%;
vertical-align: middle;
}
.inner-banner .box {
position: relative;
display: table;
/*height: 188px;*/
width: 100%;
margin-top: 100px;
text-align: center;
}

.breadcumb-wrapper {
background: #fff;
padding: 15px 0px 30px 5px;
border-bottom: 1px solid #f4f4f4;
}
.breadcumb-wrapper ul,
.breadcumb-wrapper li {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
display: flex;
color: #ff5722;
}
.breadcumb-wrapper ul.link-list li a {
color: #303030;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
transition: 0.3s ease;
}
.breadcumb-wrapper ul.link-list li a:hover {
transition: 0.3s ease;
}

.breadcumb-wrapper ul.link-list li a i {
color: #fac012;
margin-right: 7px;
}

.breadcumb-wrapper ul.link-list li a:after {
content: "\f105";
font-family: "FontAwesome";
margin: 0 10px;
}
.breadcumb-wrapper a.get-qoute {
text-transform: uppercase;
font-weight: 700;
color: #ff5722;
font-size: 14px;
}
.breadcumb-wrapper a.get-qoute i {
margin-left: 7px;
color: #ff5722;
margin-right: 7px;
font-size: 14px;
}

/***
==============================
   Team Member styles
============================== 
***/

.team-style-1 {
position: relative;
}

.team-style-1 .section-title .thm-btn {
position: absolute;
right: 0;
top: 0;
}

.team-style-1 .section-title:before {
display: none;
}

.team-style-1 .single-team-member .img-box {
position: relative;
overflow: hidden;
display: block;
}
.team-style-1 .single-team-member .img-box img {
transition: all 0.5s ease;
transform: scale(1);
}

.team-style-1 .single-team-member {
position: relative;
margin-bottom: 50px;
display: inline-block;
}

.team-style-1 .single-team-member:before {
pointer-events: none;
position: absolute;
content: "";
top: 0;
left: 0;
height: 0%;
right: 0;
opacity: 0;
background: #f7f7f7;
transition: 0.7s ease;
}

.team-style-1 .single-team-member:hover:before {
opacity: 1;
height: 100%;
transition: 0.7s ease;
}

.team-style-1 .single-team-member .img-box .overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.7);
width: 100%;
transform: scale(0.7, 0);
transition: 0.5s ease-in-out;
}
.team-style-1 .single-team-member:hover .img-box .overlay {
transform: scale(1, 1);
transition: 0.5s ease-in-out;
}

.team-style-1 .single-team-member .inner-box {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.team-style-1 .single-team-member .social {
display: table-cell;
vertical-align: middle;
position: relative;
transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.team-style-1 .single-team-member .social li {
padding: 0;
margin: 0 3px;
}
.team-style-1 .single-team-member .social li a {
color: #ffffff;
transition: color 0.4s ease;
font-size: 14px;
}

.team-style-1 .single-team-member .img-box .overlay ul li a {
height: 42px;
width: 42px;
background: #fff;
color: #999;
font-size: 18px;
border-radius: 50%;
text-align: center;
line-height: 44px;
transition: 0.5s ease;
margin-right: 8px;
}
.team-style-1 .single-team-member .img-box .overlay ul li a:hover {
transition: 0.5s ease;
color: #fff;
background-color: #ff5722;
}

.team-style-1 .single-team-member .img-box .overlay ul li:last-child a {
}

.team-style-1 .single-team-member h4 {
color: #303030;
margin-top: 12px;
margin-bottom: 6px;
}
.team-style-1 .single-team-member .author-info {
position: relative;
overflow: hidden;
border: 1px solid #f4f4f4;
padding: 15px 20px;
}

.team-style-1 .single-team-member p {
color: #ff5722;
transition: 0.5s ease;
margin-bottom: 8px;
}

.team-style-1 .single-team-member .text {
margin-top: 15px;
}

.team-style-1 .single-team-member ul {
padding-top: 10px;
}
.team-style-1 .single-team-member ul li {
color: #949494;
margin: 4px 0;
}
.team-style-1 .single-team-member ul li a {
color: #949494;
}
.team-style-1 .single-team-member .author-info ul li i {
font-size: 14px;
margin-right: 10px;
color: #ff5722;
border-radius: 1px;
height: 15px;
width: 15px;
text-align: center;
line-height: 15px;
}

/***
==============================
   Team-style-2
============================== 
***/

.team-style-2 {
background: #181b32;
}

.team-style-2 .section-title h2 {
color: #fff;
}

.team-style-2 .inner-box:hover .overlay3 {
height: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-ms-transition: 0.7s ease;
-o-transition: 0.7s ease;
transition: 0.7s ease;
}

.team-style-2 .item {
margin-bottom: 30px;
text-align: center;
}
.team-style-2 .author h4 {
font-size: 20px;
font-weight: 700;
padding: 20px 0px 10px;
color: #fff;
}

.team-style-2 .author p {
color: #ff5722;
}

.team-style-2 .social-icon li a {
height: 42px;
width: 42px;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
line-height: 42px;
margin: 0 5px;
}

.team-style-2 .social-icon li a:hover {
color: #fff;
background: #ff5722;
border-color: #ff5722;
}

/*===== team style-3 ===========*/

.team-style-3 {
position: relative;
background: #4ecdc4;
background: -webkit-linear-gradient(to right, #556270, #4ecdc4);
background: linear-gradient(to right, #ced59f, #8dfff7);
}

.team-style-3 .section-title .thm-btn {
position: absolute;
right: 0;
top: 0;
}

.team-style-3 .section-title:before {
display: none;
}

.team-style-3 .single-team-member .img-box {
position: relative;
overflow: hidden;
display: block;
}

.team-style-3 .single-team-member .img-box {
transition: all 0.5s ease;
width: auto;
height: 350px;
border-radius: 0%;
margin: auto;
}
.team-style-3 .single-team-member .img-box img {
width: 300px;
height: auto;
border-radius: 0%;
}

.team-style-3 .single-team-member {
position: relative;
margin-bottom: 50px;
display: inline-block;
border: 1px solid #aed9c6;
padding: 10px 15px 5px 15px;
background: #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
-moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
width: 100%;
}

.team-style-3 .single-team-member:hover {
box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
background-color: #fff;
transition: 0.5s ease;
color: #ff5722;
}

.team-style-3 .single-team-member .img-box .overlay {
position: absolute;
left: 15px;
top: 15px;
right: 15px;
bottom: 15px;
border-radius: 0%;
background: rgba(0, 0, 0, 0.7);
transition: 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.team-style-3 .single-team-member:hover .img-box .overlay {
opacity: 1;
visibility: visible;
transition: 0.5s ease-in-out;
}

.founder_div_sec {
margin: auto;
}

.team-style-3 .single-team-member .inner-box {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.team-style-3 .single-team-member .social {
display: table-cell;
vertical-align: middle;
position: relative;
transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.team-style-3 .single-team-member .social li {
padding: 0;
margin: 0 3px;
display: inline-block;
}
.team-style-3 .single-team-member .social li a {
color: #ffffff;
transition: color 0.4s ease;
font-size: 14px;
}

.team-style-3 .single-team-member .img-box .overlay ul li a {
height: 42px;
width: 30px;
color: #fff;
font-size: 18px;
border-radius: 50%;
background: transparent;
text-align: center;
line-height: 44px;
transition: 0.5s ease;
}
.team-style-3 .single-team-member .img-box .overlay ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

.team-style-3 .single-team-member .img-box .overlay ul li:last-child a {
}

.team-style-3 .single-team-member h4 {
color: #303030;
margin-top: 20px;
margin-bottom: 6px;
font-size: 17px;
font-weight: 700;
width: 100%;
}
.team-style-3 .single-team-member .author-info {
position: relative;
overflow: hidden;
}

.team-style-3 .single-team-member p {
color: #ff5722;
transition: 0.5s ease;
margin-bottom: 8px;
width: 100%;
}

.team-style-3 .single-team-member .text {
margin-top: 15px;
}

.team-style-3 .single-team-member ul {
padding-top: 10px;
}
.team-style-3 .single-team-member ul li {
color: #949494;
margin: 4px 0;
}
.team-style-3 .single-team-member ul li a {
color: #949494;
}
.team-style-3 .single-team-member .author-info ul li i {
font-size: 14px;
margin-right: 10px;
color: #ff5722;
border-radius: 1px;
height: 15px;
width: 15px;
text-align: center;
line-height: 15px;
}

/***
==============================
   faq-section styles
============================== 
***/

.faq-section {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.faq-section .accordion-box {
margin-bottom: 50px;
}

.faq-section .accordion-box .accordion .acc-content {
padding: 17px 20px;
}

.faq-section .category-style-one {
position: relative;
margin-left: 30px;
}
.faq-section .category-style-one .inner-title h4 {
font-size: 20px;
padding: 20px 30px;
background: #f7f7f7;
text-transform: uppercase;
font-weight: 700;
}
.faq-section .category-style-one ul {
border: 1px solid #f4f4f4;
padding: 0 30px;
}

.faq-section .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}

.faq-section .category-style-one ul li:last-child {
border-bottom: 0px;
}

.faq-section .category-style-one ul li a {
position: relative;
font-weight: normal;
color: #949494;
position: relative;
width: 100%;
transition: 0.5s ease;
line-height: 54px;
display: block;
}

.faq-section .category-style-one ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

.faq-section .category-style-one ul li a span {
position: absolute;
right: 0;
top: 3px;
}

/***
==============================
   faq-section2 styles
============================== 
***/

.faq-section2 .accordion-box {
margin-bottom: 50px;
}
.faq-section2 h2 {
margin-bottom: 20px;
line-height: 40px;
}

.faq-section2 .accordion-box .accordion .acc-content {
padding: 12px 20px;
}

.faq-section2 .accordion .acc-btn p {
color: #fff;
}

.faq-section2 .accordion .acc-btn {
border: 1px solid rgba(244, 244, 244, 0.2);
}

.faq-section2 .default-form-area {
background: #f7f7f7;
border: 1px solid #f4f4f4;
padding: 30px 30px 10px;
margin-bottom: 50px;
}

.faq-section2 .default-form input[type="text"],
.faq-section2 .default-form input[type="email"],
.faq-section2 .default-form input[type="password"],
.faq-section2 .default-form input[type="number"],
.faq-section2 .default-form select,
.faq-section2 .default-form textarea {
background: transparent;
border-color: #e2e2e2;
border-radius: 25px;
padding: 12px 20px;
}

.faq-section2 .default-form textarea {
height: 130px;
}

.faq-section2 .default-form .thm-btn {
width: 100%;
}

/***
==============================
   volunteer styles
============================== 
***/

.volunteer {
position: relative;
}

.volunteer p {
margin-bottom: 15px;
}

.volunteer .default-form textarea {
height: 132px;
}

.feature-style-one {
margin-bottom: 55px;
}

.feature-style-one .section-title2 h3 {
position: relative;
margin-bottom: 20px;
}

.list-style-one li {
position: relative;
font-size: 16px;
color: #949494;
padding-left: 30px;
margin-bottom: 15px;
font-family: "Roboto-light";
}

.list-style-one li:before {
position: absolute;
content: "";
left: 0;
top: 10px;
height: 5px;
width: 5px;
background: #ff5722;
transform: rotate(-45deg);
}

.list-style-one li span {
color: #303030;
font-weight: 700;
font-family: "Kiwi Maru", serif;
}

/***
==============================
   Contact styles
============================== 
***/

.contact {
position: relative;
}

.contact .content {
border: 2px solid #f4f4f4;
padding: 23px 28px;
margin-bottom: 50px;
}
.contact .contact-info {
margin-top: 20px;
}
.contact .contact-info li {
position: relative;
padding-left: 30px;
font-size: 15px;
color: #999;
line-height: 26px;
margin-bottom: 16px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 15px;
}
.contact .contact-info li span {
color: #ff5722;
}
.contact .contact-info li i {
font-size: 18px;
color: #ff5722;
position: absolute;
left: 0;
top: 6px;
}

.contact .social-icon {
padding-top: 6px;
}

.contact .default-form-area {
/* border: 2px solid #f4f4f4; */
/* padding: 28px 28px 0; */
margin-bottom: 50px;
}

.contact .default-form textarea {
height: 170px;
}

/*** 

====================================================================
  google map Section
====================================================================

***/
.home-google-map #contact-google-map {
width: 100%;
height: 450px;
}
.home-google-map2 #contact-google-map {
width: 100%;
height: 330px;
}

.home-google-map .gmnoprint {
display: none;
}

/*============== datepicker ======================*/

#ui-datepicker-div.ui-widget-content {
border: 1px solid #c5c5c5;
background: #fff none repeat scroll 0 0;
border: 1px solid #777;
color: #252525;
font-family: "Roboto Slab", sans-serif;
font-size: 14px;
border-radius: 0px;
padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
background: #ff5722 none repeat scroll 0 0;
border: 2px solid #ff5722;
border-radius: 0;
color: #fff;
font-weight: 700;
padding: 5px 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev {
left: 5px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
border-radius: 30%;
height: 20px;
position: absolute;
top: 7px;
width: 20px;
transition: all 500ms ease;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
top: 7px;
background: #fff;
border: none;
}

.ui-datepicker table {
border-collapse: collapse;
font-size: 13px;
margin: 0 0 0.4em;
width: 100%;
}
.ui-datepicker th {
border: medium none;
font-weight: 600;
padding: 2px 3px;
text-align: center;
}

.ui-datepicker-calendar .ui-state-default {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 3px;
color: #252525;
display: block;
font-size: 12px;
font-weight: 400;
height: 35px;
line-height: 25px;
margin-bottom: 5px;
padding: 4px 2px;
text-align: center;
transition: all 500ms ease;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active {
background: #ff5722;
color: #fff;
border-color: #ff5722;
}

.default-form.style-5 .form-group i {
position: absolute;
right: 15px;
top: 16px;
}

/*============ event-filter ===================*/

.event-filter {
background: #f7f7f7;
padding: 25px 20px 0;
margin-bottom: 48px;
}
.event-filter .tab-buttons {
margin-bottom: 30px;
}
.event-filter .tab-buttons li {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: 700;
color: #303030;
padding: 0 20px;
cursor: pointer;
padding-right: 15px;
}
.event-filter .tab-buttons li:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
border-radius: 50%;
background: #fff;
border: 1px solid #f4f4f4;
left: 0;
top: 5px;
}
.event-filter .tab-buttons li:after {
position: absolute;
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
left: 3px;
top: 8px;
}

.event-filter .tab-buttons li.active-btn:after {
background: #ff5722;
}
.event-filter .tab-buttons li.active-btn:before {
border-color: #ff5722;
}

.event-section .event-left-column {
position: relative;
}
.event-section .event-left-column:before {
position: absolute;
content: "";
right: -30px;
top: 0;
bottom: 0;
width: 1px;
background: #f4f4f4;
}

.event-section.no-padd.style-3 {
padding: 0;
background: linear-gradient(
44.24deg,
rgb(194, 206, 232) 0%,
rgba(241, 246, 255, 0.6) 100%
);
box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px, rgb(0 0 0 / 11%) 0px 0px 2.9px;
}

.event-section .nav-tabs {
border-bottom: 1px solid #0d6efc;
}

.event-section img {
height: 250px;
width: 100%;
}

.default-form.style-5
.bootstrap-select.btn-group
.dropdown-toggle
.filter-option {
background: #fff;
}

.default-form.style-5 .select-box .btn:after {
color: #000;
}

.default-form.style-5 .thm-btn {
padding: 0 20px;
line-height: 38px;
}

/*============ even-single ============*/

.single-event .content {
padding: 30px 0px 20px;
}

.single-event .section-title {
margin-bottom: 30px;
}

.single-event .content .text h3 {
margin-top: 10px;
margin-bottom: 10px;
}
.single-event .content .text p {
}

.single-event .section-title2 h3 {
margin-bottom: 30px;
}

.single-event .event-schedule {
padding: 30px;
border: 1px solid #f4f4f4;
margin-bottom: 50px;
}

.single-event .event-timeline {
border: 1px solid #f4f4f4;
padding: 30px 30px 10px;
margin-bottom: 60px;
}

.single-event .event-timeline li {
padding-bottom: 14px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 14px;
line-height: 26px;
}

.single-event .event-timeline li:last-child {
border-bottom: 0px;
margin-bottom: 0px;
}
.single-event .event-timeline li i {
color: #ff5722;
margin-right: 10px;
}
.single-event .event-timeline li b {
color: #303030;
}

.single-event .list2 {
margin-top: 25px;
}
.single-event .list2 li {
padding-bottom: 12px;
}

.single-event .list2 li i {
padding-right: 10px;
color: #ff5722;
}

.single-event .donator .caption {
text-align: center;
}

.single-event .donator .caption h5 {
margin: 20px 0 5px;
font-size: 16px;
}
.single-event .donator .caption p {
color: #ff5722;
}

/*share*/

.single-event .share {
position: relative;
padding: 20px 30px 8px;
margin-bottom: 70px;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.single-event .share .tag-box span {
font-size: 14px;
color: #3f3e3e;
}
.single-event .share .tag-box a {
color: #ff5722;
font-size: 15px;
transition: 0.3s ease;
line-height: 30px;
text-transform: capitalize;
font-family: "Kiwi Maru", serif;
}
.single-event .share .tag-box a:hover {
color: #ff5722;
transition: 0.3s ease;
}

.single-event .share .social-box span {
color: #252525;
margin-right: 13px;
font-size: 18px;
font-family: "Kiwi Maru", serif;
}
.single-event .share .social {
display: inline-block;
margin-bottom: 0;
margin-left: -2.5px;
}
.single-event .share .social > li {
padding-right: 0;
margin: 0;
padding-left: 0;
}
.single-event .share .social a {
width: 40px;
border-radius: 50%;
height: 40px;
color: #bcbcbc;
text-align: center;
margin: 0 3px;
border: 1px solid #eee;
display: block;
line-height: 38px;
transition: all 0.5s ease;
}
.single-event .share .social a:hover {
color: #ffffff;
background: #ff5722;
border-color: #ff5722;
}

.single-event .share .tag-box li {
margin: 0;
display: inline-block;
font-family: "Kiwi Maru", serif;
color: #303030;
font-size: 18px;
}

.single-event .share .thm-btn.style-2 {
top: -6px;
}
.single-event .img-box {
position: relative;
}
.countdown-timer {
position: relative;
bottom: 0px;
left: 0;
overflow: hidden;
right: 0;
background: #000;
padding: 15px 0;
}

.countdown-timer .link {
position: absolute;
right: 0;
top: 0;
padding: 35px;
background: #ff5722;
}
.countdown-timer .link:before {
position: absolute;
content: "";
width: 100px;
height: 171px;
bottom: -37px;
background: #ff5722;
left: -70px;
transform: rotate(27deg);
}
.countdown-timer .link .thm-btn {
color: #fff;
border-color: #fff;
}

.countdown-timer li {
position: relative;
display: inline-block;
height: 90px;
width: 90px;
border-radius: 50%;
text-align: center;
margin: 0 10px;
border: 2px solid #fff;
line-height: 24px;
padding-top: 20px;
}

.countdown-timer li span.days,
.countdown-timer li span.hours,
.countdown-timer li span.minutes,
.countdown-timer li span.seconds {
font-family: "Roboto Slab", sans-serif;
font-size: 24px;
color: #fff;
font-weight: 700;
display: block;
}

.countdown-timer li span.timeRef {
position: relative;
font-family: "Roboto Slab", sans-serif;
font-size: 16px;
color: #fff;
font-weight: 700;
text-transform: capitalize;
}

.event-tab .tab-buttons {
margin-bottom: 50px;
background: #f7f7f7;
padding: 26px 0;
text-align: center;
}
.event-tab .tab-buttons li {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: 700;
color: #303030;
padding: 0 20px;
cursor: pointer;
padding-right: 15px;
}
.event-tab .tab-buttons li:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
border-radius: 50%;
background: #fff;
border: 1px solid #f4f4f4;
left: 0;
top: 5px;
}
.event-tab .tab-buttons li:after {
position: absolute;
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
left: 3px;
top: 8px;
}

.event-tab .tab-buttons li.active-btn:after {
background: #ff5722;
}
.event-tab .tab-buttons li.active-btn:before {
border-color: #ff5722;
}

/************************** 
* Cart Page styles 
***************************/
.cart-section {
position: relative;
}
.cart-section ul {
margin: 0;
padding: 0;
}
.cart-section ul li {
list-style: none;
}
.cart-section .thm-btn {
line-height: 46px;
}
.cart-section .sec-pad {
padding-bottom: 70px;
}
.cart-section .sec-title.medium {
padding-bottom: 25px;
}

.cart-section .cart-outer {
position: relative;
}
.cart-section .cart-outer .select-box:before {
display: none;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}

.cart-section .cart-table {
width: 100%;
min-width: 900px;
}

.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: capitalize;
font-size: 16px;
border-radius: 7px;
font-family: "Roboto Slab", sans-serif;
background: #f7f7f7;
}

.cart-table thead tr th {
line-height: 24px;
padding: 20px 15px;
min-width: 120px;
font-weight: 700;
color: #303030;
}

.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 40px;
}

.cart-table tbody tr td {
line-height: 24px;
padding: 15px 10px;
min-width: 100px;
font-size: 16px;
font-weight: bold;
color: yellow;
}

.cart-table tbody tr .qty {
width: 120px;
padding-right: 20px;
}

.cart-table tbody tr .qty .quantity-spinner {
background: black;
}

.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 90px;
padding-left: 85px;
padding-top: 20px;
text-align: left;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
left: 0px;
top: 11px;
padding: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h3 {
font-size: 18px;
margin: 0;
margin-top: 20px;
margin-bottom: 5px;
color: #303030;
text-transform: capitalize;
font-weight: 700;
}

.cart-table tbody tr .sub-total {
font-weight: 400;
color: #ff5722;
}

.cart-table tbody tr .remove-btn {
position: relative;
font-size: 16px;
color: yellow;
line-height: 30px;
transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
padding-right: 10px;
font-size: 24px;
line-height: 30px;
transition: 0.5s ease;
}

.cart-table tbody tr .remove-btn:hover {
color: #ff5722;
transition: 0.5s ease;
}
.cart-table tbody tr .remove-btn span:before {
font-size: 30px;
}
.cart-table tbody tr {
border-bottom: 1px solid #f7f7f7;
}

.cart-table tbody tr td {
vertical-align: middle;
}

.cart-table tbody tr td .quantity-spinner {
line-height: 24px;
height: 46px;
text-align: center;
display: block;
box-shadow: none;
width: 100%;
font-size: 20px;
position: relative;
color: #303030;
}

.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #9e9e9e;
font-size: 14px;
}

.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #fff;
background: #ff5722;
border-radius: 50%;
}

.cart-section
.cart-table
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-up,
.cart-section
.cart-table
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-down {
background: #f7f7f7;
border-color: #f7f7f7;
padding: 12px 12px;
text-align: center;
}

.cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i {
color: #999;
left: 6px;
top: 7px;
font-size: 10px;
}
.cart-section
.cart-table
.bootstrap-touchspin
.input-group-btn-vertical
i:hover {
color: #ff5722;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #fff;
border: none;
border-radius: 40px;
}

.cart-section .apply-coupon {
position: relative;
}

.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 24px;
padding: 10px 15px;
border-radius: 3px;
width: 230px;
background: none;
border: 1px solid #fff;
font-weight: 500;
outline: none;
height: 50px;
}

.cart-section .estimate-form {
position: relative;
}

.cart-section h3 {
font-size: 24px;
margin-bottom: 30px;
}

.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
padding: 0px 7px;
margin-bottom: 25px;
}

.cart-section .totals-table {
position: relative;
border: 2px solid #f4f4f4;
}

.cart-section .totals-table .col {
position: relative;
display: block;
font-size: 17px;
float: left;
padding: 14.5px 15px;
line-height: 24px;
width: 50%;
}

.cart-section .totals-table .col-title {
font-size: 16px;
color: #303030;
border-right: 1px solid #f4f4f4;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
}

.cart-section .totals-table li {
position: relative;
border-bottom: 1px solid #f4f4f4;
}

.cart-section .totals-table li:last-child {
border-bottom: none;
}

.cart-section .update-cart-box {
padding-top: 40px;
}

.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-toggle
.caret {
border: none;
top: 2px;
right: 20px;
}
.cart-section .estimate-form .select-box .btn-group.bootstrap-select {
width: 100%;
outline: none;
}
.cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn {
font-size: 14px;
text-transform: capitalize;
border: none;
outline: none;
border-radius: 0;
}
.cart-section .estimate-form .select-box .dropdown-menu {
padding: 0;
border-radius: 0;
}
.cart-section .estimate-form .select-box .dropdown-menu > li > a {
padding: 8px 15px;
color: #ff5722;
transition: all 0.3s ease;
}
.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-menu
li
a:hover
span.text {
color: #ff5722;
transition: all 0.3s ease;
}
.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-menu
li
a
span.text {
font-size: 13px;
color: #ff5722;
}

.cart-section .estimate-form h3 {
font-size: 24px;
margin: 0;
margin-bottom: 40px;
margin-top: 80px;
}

.cart-section .cart-total h3 {
font-size: 24px;
margin: 0;
margin-bottom: 15px;
margin-top: 80px;
}

.cart-section .cart-total .thm-btn {
margin-top: 30px;
}

.cart-section .estimate-form input {
width: 100%;
border: 2px solid yellow;
outline: none;
height: 50px;
padding-left: 15px;
font-family: "Roboto Slab", serif;
}

.cart-section .qty .input-group {
width: 74px;
background: #fff;
height: 50px;
overflow: hidden;
border: 2px solid #f4f4f4;
}

.cart-section .thm-btn.update-cart {
border: 2px solid black;
background-color: transparent;
}

.cart-table tbody tr td,
.cart-table tbody tr .remove-btn {
color: #9e9e9e;
font-weight: normal;
}

.cart-section .thm-btn.update-cart {
color: #303030;
border-color: #f7f7f7;
text-shadow: none;
}

.cart-section .apply-coupon .form-group input[type="text"] {
border: 2px solid #f7f7f7;
text-transform: uppercase;
font-size: 14px;
}

.cart-section .estimate-form input {
border-color: #f4f4f4;
}

.cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn {
background: #fff;
color: #9f9f9f;
border-color: #f7f7f7;
}

.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-toggle
.caret:before {
color: #9f9f9f;
}

.cart-table tbody tr .prod-column .column-box {
margin-left: 15px;
}

.cart-section .thm-btn.update-cart:hover {
background: #ff5722;
color: #fff;
}

.cart-table tbody tr td {
padding: 10px 10px 10px;
}

.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-menu
li
a
span.text {
color: #999;
}

.cart-section
.estimate-form
.select-box
.bootstrap-select.btn-group
.dropdown-menu
li
a:hover
span.text {
color: #fff;
}

/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
padding-bottom: 100px;
padding-top: 80px;
}

.checkout-area .section-title2 h3 {
margin-bottom: 30px;
}

.checkout-area .exisitng-customer {
border: 1px solid #f7f7f7;
display: block;
padding: 20px 28px 21px;
position: relative;
margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #ff5722;
content: "";
}
.checkout-area .exisitng-customer h5 {
color: #303030;
font-size: 16px;
font-weight: 300;
}
.checkout-area .exisitng-customer h5 a {
color: #ff5722;
display: inline-block;
padding-left: 15px;
}

.checkout-area .coupon {
border: 1px solid #f7f7f7;
display: block;
padding: 20px 28px 21px;
position: relative;
margin-bottom: 60px;
}
.checkout-area .coupon:before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: #ff5722;
content: "";
}
.checkout-area .coupon h5 {
color: #252525;
font-size: 16px;
font-weight: 300;
}
.checkout-area .coupon h5 a {
color: #ff5722;
display: inline-block;
padding-left: 15px;
}

.checkout-area .form form .field-label {
color: #303030;
font-family: "Roboto Slab", Sans-serif;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 8px;
font-size: 15px;
}
.checkout-area .form form .field-input input[type="text"] {
border: 2px solid #f7f7f7;
color: #9a9a9a;
display: block;
font-size: 16px;
height: 48px;
margin-bottom: 25px;
padding: 0 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus {
border: 2px solid #ff5722;
}
.checkout-area .create-acc .checkbox {
margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
color: #ff5722;
font-weight: 300;
font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
margin-top: 3px;
}

.checkout-area .shipping-info input[type="checkbox"] {
cursor: pointer;
display: inline-block;
margin: 0 0 0 40px;
position: relative;
top: -2px;
vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
border: 2px solid #f7f7f7;
color: #9e9e9e;
display: block;
font-size: 16px;
height: 124px;
margin-bottom: 28px;
padding: 10px 15px;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus {
border-color: #ff5722;
}

.checkout-area .bottom {
padding-top: 70px;
}
.checkout-area .table .sec-title-two {
padding-bottom: 32px;
}
.checkout-area .table {
overflow-x: auto;
position: relative;
width: 100%;
margin-bottom: 0;
}
.checkout-area .table .cart-table {
min-width: auto;
width: 100%;
}
.checkout-area .table .cart-table .cart-header {
background: #f7f7f7;
color: #303030;
font-size: 18px;
position: relative;
text-transform: capitalize;
width: 100%;
font-weight: 400;
}
.checkout-area .table .cart-table thead tr th {
font-weight: 400;
line-height: 24px;
min-width: 110px;
padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
padding-left: 30px;
text-align: left;
}

.checkout-area .table .cart-table tbody tr {
border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr td {
min-width: 75px;
padding: 21px 30px;
padding-right: 0px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
min-height: 70px;
}
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.prod-thumb {
width: 70px;
}
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.prod-thumb
img {
display: block;
max-width: 100%;
}
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.prod-thumb,
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.product-title {
display: table-cell;
vertical-align: middle;
}
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.product-title {
padding-left: 20px;
}
.checkout-area
.table
.cart-table
tbody
tr
.product-column
.column-box
.product-title
h3 {
color: #303030;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
padding-right: 30px;
width: 83px;
}
.checkout-area
.table
.cart-table
tbody
tr
.qty
.input-group.bootstrap-touchspin {
float: right;
width: 40px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0 !important;
box-shadow: none;
color: #252525;
display: block;
font-size: 18px;
font-weight: 400;
height: 34px;
padding: 6px 0;
text-align: center;
}
.checkout-area
.table
.cart-table
tbody
tr
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-up {
border-radius: 0;
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
background-color: #ff5722;
border-color: #ff5722;
color: #fff;
display: none;
}
.checkout-area
.table
.cart-table
tbody
tr
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
color: #ff5722;
font-size: 16px;
font-weight: 300;
}

.cart-total .sec-title-two {
padding-bottom: 32px;
}
.cart-total-table {
border: 2px solid #ebebeb;
}
.cart-total-table li {
border-bottom: 1px solid #ebebeb;
}
.cart-total-table li:last-child {
border-bottom: none;
}
.cart-total-table li span.col.col-title {
border-right: 1px solid #ebebeb;
color: #303030;
display: block;
float: left;
font-size: 16px;
font-weight: 400;
line-height: 28px;
font-family: "Kiwi Maru", serif;
padding: 10px 18px;
position: relative;
width: 50%;
}
.cart-total-table li span.col {
color: #9a9a9a;
display: block;
float: left;
font-size: 16px;
font-weight: 300;
line-height: 28px;
padding: 10px 18px;
position: relative;
width: 50%;
}
.cart-total-table li span.col b {
color: #ff5722;
font-weight: 300;
text-decoration: underline;
}

.cart-total .payment-options {
background: #f7f7f7 none repeat scroll 0 0;
margin-top: 30px;
overflow: hidden;
padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
margin-bottom: 14px;
}

.cart-total .payment-options .option-block .checkbox {
margin: 0 0 5px;
font-size: 16px;
}
.cart-total .payment-options .option-block .checkbox label {
font-weight: 400;
min-height: 20px;
padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
top: 0;
}
.cart-total .payment-options .option-block .checkbox label span {
color: #303030;
padding-left: 5px;
font-family: "Kiwi Maru", serif;
font-size: 16px;
}
.cart-total .payment-options .option-block .checkbox label span b {
color: #ff5722;
display: inline-block;
font-size: 16px;
font-weight: 300;
padding-left: 25px;
text-decoration: underline;
}
.cart-total .payment-options .option-block .text {
padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
margin: 0;
line-height: 28px;
}
.placeorder-button button {
}
.placeorder-button button:hover {
}

/*** 
=============================================
     shop style
=============================================
***/

.shop {
position: relative;
}

.shop .column {
padding-top: 10px;
position: relative;
top: -10px;
margin-bottom: 30px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.shop .column:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.shop .hover-effect {
margin-bottom: 15px;
padding-top: 10px;
transition: 0.5s ease;
}
.shop .hover-effect:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
transition: 0.5s ease-in-out;
}
.single-shop-item .img-box {
position: relative;
overflow: hidden;
transition: 0.5s ease;
background: #f7f7f7;
text-align: center;
}
.single-shop-item:hover .img-box {
transition: 0.5s ease;
}
.single-shop-item .img-box .offer-box {
position: absolute;
top: 10px;
left: 10px;
}
.single-shop-item .img-box .offer-box .inner {
position: relative;
}
.single-shop-item .img-box .offer-box .inner:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 0;
height: 0;
background-color: transparent;
border-bottom: 35px solid transparent;
border-bottom: 35px solid transparent;
border-top: 35px solid #ab7442;
border-left: 35px solid #ab7442;
border-right: 35px solid transparent;
}
.single-shop-item .img-box .offer-box .inner span {
display: block;
font-size: 16px;
font-weight: bold;
color: #fff;
transform: rotate(-45deg);
line-height: 35px;
transform-origin: 70% 35%;
}
.single-shop-item .text-box h3,
.single-shop-item .text-box p {
margin: 0;
}
.single-shop-item .text-box h3 {
font-size: 18px;
line-height: 50px;
color: #1f1f1f;
margin-top: 10px;
}
.single-shop-item .text-box p {
font-size: 20px;
line-height: 24px;
}
.single-shop-item .text-box p i {
font-size: 18px;
}
.single-shop-item .text-box p span {
display: inline-block;
vertical-align: top;
color: #ab7442;
font-size: 18px;
font-weight: 400;
}
.single-shop-item .text-box p del {
color: #9f9f9f;
font-size: 14px;
line-height: 24px;
vertical-align: super;
display: inline-block;
font-weight: normal;
}
.single-shop-item .text-box p del i {
font-size: 14px;
}

.single-shop-item {
margin-bottom: 10px;
}
.single-shop-item .content-box a.cart-btn {
position: relative;
color: #949494;
font-size: 14px;
transition: 0.7s ease;
}
.single-shop-item .content-box a.cart-btn:hover {
color: #ff5722;
transition: 0.7s ease;
}
.single-shop-item .content-box a.cart-btn:before {
content: "";
position: absolute;
left: 0px;
background: transparent;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: 0.5s ease-in-out;
}
.single-shop-item .content-box a.cart-btn:hover:before {
background-color: #ff5722;
}
.single-shop-item .content-box a.cart-btn i {
margin-right: 6px;
}

.single-shop-item .content-box {
position: relative;
border-top: 0px;
}

.single-shop-item .content-box .inner-box {
padding: 14px 0px 5px;
}
.single-shop-item .content-box .price-box {
padding: 15px 20px 15px;
}

.single-shop-item .content-box h4 {
font-size: 16px;
margin: 0px 0px;
line-height: 1.4em;
color: #303030;
margin-bottom: 6px;
}

.single-shop-item .content-box a,
.single-shop-item .content-boxa:hover {
}

.single-shop-item .content-box h4 a {
color: #252525;
}

.single-shop-item .content-box .rating {
font-size: 13px;
color: #ff5722;
right: 0;
top: 18px;
position: absolute;
}

.single-shop-item .content-box .item-price {
font-size: 16px;
font-weight: 400;
color: #ff5722;
line-height: 24px;
}
.single-shop-item .content-box .item-price del {
color: #a2a2a2;
margin-left: 7px;
font-size: 15px;
}
.single-shop-item .content-box .item-price .strike-through {
color: #999999;
font-weight: normal;
font-size: 14px;
padding-left: 10px;
line-height: 20px;
font-family: "Lato", sans-serif;
}

/*============================= Sidebar Style One ==================*/

.sidebar_styleOne .theme_title,
.sidebar_styleTwo .theme_title {
padding-bottom: 18px;
}
.sidebar_search {
height: 54px;
position: relative;
}
.sidebar_search input {
width: 100%;
height: 54px;
border: none;
border: 1px solid #f1f1f1;
padding: 0 56px 0 12px;
color: #9e9e9e;
}
.sidebar_search button {
width: 54px;
height: 100%;
position: absolute;
top: 0;
background: #ff5722;
right: 0;
color: #fff;
}
.sidebar_categories {
margin-top: 60px;
}
.sidebar_categories ul {
margin-top: 22px;
margin-bottom: 35px;
}
.sidebar_categories ul li {
line-height: 48px;
border-bottom: 1px solid #f1f1f1;
}
.sidebar_categories ul li:last-child {
border: none;
}
.sidebar_categories ul li a {
font-weight: normal;
color: #9e9e9e;
position: relative;
}
.sidebar_categories ul li a:hover {
}
.sidebar_categories ul li input[type="checkbox"] {
float: right;
position: relative;
top: 14px;
}
.sidebar_categories ul li a:before {
content: "\f114";
font-family: "FontAwesome";
margin-right: 10px;
}
.sidebar_categories.archive ul li a:before {
content: "\f00c";
}
.sidebar_categories ul li a:hover {
color: #ff5722;
}
.recent_news_sidebar .theme_title {
margin-bottom: 40px;
}
.recent_news_sidebar {
margin-bottom: 62px;
}
.recent_news_sidebar .single_news_sidebar {
margin-bottom: 29px;
}
.recent_news_sidebar .img_holder img {
width: 75px;
height: 75px;
border-radius: 5px;
}
.recent_news_sidebar .post {
padding-left: 26px;
width: 72%;
margin-top: -10px;
}
.recent_news_sidebar .post h6 a {
font-size: 16px;
color: #272727;
line-height: 28px;
font-weight: 900;
margin-bottom: 2px;
}
.recent_news_sidebar .post p a {
font-size: 14px;
}
.recent_news_sidebar .post p a i {
margin-right: 4px;
font-size: 16px;
}

.recent_news_sidebar .img_holder {
position: relative;
}
.recent_news_sidebar .img_holder .opacity {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
border-radius: 5px;
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
}
.recent_news_sidebar .img_holder .opacity .icon {
display: table;
width: 100%;
height: 100%;
}
.recent_news_sidebar .img_holder .opacity .icon span {
display: table-cell;
vertical-align: middle;
}
.recent_news_sidebar .img_holder .opacity .icon span a {
display: block;
width: 45px;
height: 45px;
margin: 0 auto;
line-height: 45px;
border-radius: 50%;
color: #fff;
text-align: center;
}
.recent_news_sidebar .single_news_sidebar:hover .opacity {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}

.sidebar_tags {
margin: 60px 0 -6px 0;
}
.sidebar_tags ul {
}
.sidebar_tags ul li {
display: inline-block;
margin: 0;
}
.sidebar_tags ul li a {
display: block;
font-weight: normal;
font-size: 15px;
color: #9e9e9e;
line-height: 32px;
background: #fff;
border-radius: 2px;
text-align: center;
padding-right: 20px;
}
.sidebar_tags ul li a:hover {
color: #ff5722;
}

.single-sidebar.price-ranger .ui-widget-content {
background: #f7f7f7;
border: none;
height: 2px;
}
.single-sidebar.price-ranger .ui-slider-handle {
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #303030;
margin-left: -4px;
outline: none;
background: #ff5722;
}
.single-sidebar.price-ranger .ui-slider .ui-slider-range {
background: #252525;
}
.single-sidebar.price-ranger .ui-slider-horizontal .ui-slider-handle {
top: -5px;
}
.single-sidebar.price-ranger #slider-range {
margin-top: 25px;
}
.single-sidebar.price-ranger .ranger-min-max-block {
margin-top: 20px;
margin-bottom: 45px;
}
.single-sidebar.price-ranger .ranger-min-max-block input {
display: inline-block;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type="submit"] {
width: 80px;
border: none;
border-radius: 0px;
text-align: center;
outline: none;
line-height: 35px;
font-size: 14px;
margin-right: 37px;
color: #ffffff;
font-weight: 700;
background: #ff5722;
text-transform: uppercase;
border: 2px solid #ff5722;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type="text"] {
border: none;
text-align: center;
outline: none;
width: 40px;
color: #9c9c9c;
font-weight: 400;
text-align: right;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type="text"].max {
}
.single-sidebar.price-ranger .ranger-min-max-block span {
color: #9c9c9c;
font-weight: 400;
}
.best_sellers .theme_title {
margin-bottom: 36px;
}
.best_sellers .best_selling_item .text {
padding-left: 20px;
margin-top: -3px;
}

.best_sellers .best_selling_item .text h4 {
color: #303030;
}

.best_sellers .best_selling_item .text h6 {
font-size: 16px;
font-weight: 700;
color: #272727;
}
.best_sellers .best_selling_item .text ul li {
display: inline-block;
margin-right: 3px;
font-size: 12px;
margin-top: 10px;
color: #ff5722;
}
.best_sellers .best_selling_item .text span {
display: block;
margin-top: 10px;
color: #ff5722;
font-size: 16px;
font-weight: 400;
font-family: "Roboto";
}
.best_sellers .best_selling_item {
margin: 20px 0 20px 0;
padding-bottom: 17px;
}
.best_sellers .best_selling_item.border {
border-bottom: 1px solid #f7f7f7;
}
.sidebar_styleTwo .sidebar_categories {
margin-top: 30px;
}
.sidebar_styleTwo .sidebar_tags {
margin: 19px 0 51px 0;
}

/*** 
=============================================
   Shop Single area  style
=============================================
***/
.shop-single-area {
padding-bottom: 80px;
padding-top: 80px;
}
.product-content-box {
margin-bottom: 106px;
}
.product-content-box .img-box {
text-align: center;
}
.product-content-box .flexslider .slides img {
width: auto;
display: inline-block;
}
.product-content-box .flexslider {
background: #f7f7f7 none repeat scroll 0 0;
border: none;
padding: 32px 0;
border-radius: 0;
margin: 0 50px 10px 0;
position: relative;
text-align: center;
}
.product-content-box .flex-viewport {
border: none;
max-height: 450px;
transition: all 1s ease 0s;
}

.product-content-box .flex-control-thumbs {
margin: 10px 0 0;
overflow: hidden;
position: static;
display: none;
}
.product-content-box .flex-control-thumbs li {
float: left;
margin: 0 3% 0 0;
width: 25%;
}

.product-content-box .flex-control-thumbs img {
border: medium none;
cursor: pointer;
display: block;
height: auto;
opacity: 0.6;
transition: all 1s ease 0s;
width: 100%;
border: 3px solid #f7f7f7;
}

.product-content-box .flex-control-thumbs .flex-active {
cursor: default;
opacity: 1;
border: 3px solid #ab7442;
}
.product-content-box .flex-control-thumbs .flex-active:focus {
outline: none;
}

.product-content-box .content-box {
margin-left: -50px;
}
.product-content-box .content-box h3 {
color: #303030;
font-size: 24px;
font-weight: 400;
margin: 0 0 10px;
text-transform: capitalize;
}
.product-content-box .content-box del {
color: #a2a2a2;
margin-left: 10px;
}
.product-content-box .content-box .review-box {
margin: 0 0 10px;
}
.product-content-box .content-box .review-box ul li {
display: inline-block;
margin-right: 3px;
}
.product-content-box .content-box .review-box ul {
display: inline-block;
padding-right: 1px;
}
.product-content-box .content-box .review-box ul li i {
color: #ff5722;
font-size: 14px;
}

.product-content-box .content-box span.price {
color: #ff5722;
font-size: 22px;
}
.product-content-box .content-box .text {
margin: 0px 0 0;
overflow: hidden;
padding: 24px 0 9px;
}

.product-content-box .content-box .location-box {
margin: 4px 0 18px;
position: relative;
}
.product-content-box .content-box .location-box p {
color: #1f1f1f;
margin: 0 0 12px;
}
.product-content-box .content-box .location-box form input {
border: 2px solid #f7f7f7;
height: 40px;
padding-left: 10px;
padding-right: 10px;
width: 170px;
transition: all 500ms ease;
}
.product-content-box .content-box .location-box form input:focus {
border-color: #ff5722;
}
.product-content-box .content-box .location-box form button {
background: #f7f7f7 none repeat scroll 0 0;
border: medium none;
color: #292929;
font-size: 14px;
font-weight: 600;
position: absolute;
left: 178px;
top: 37px;
height: 40px;
padding: 0;
text-align: center;
text-transform: uppercase;
width: 95px;
margin-left: 6px;
transition: all 500ms ease;
}
.product-content-box .content-box .location-box form button:hover {
background: #ff5722;
color: #fff;
}
.product-content-box .content-box .location-box form span {
color: #ff5722;
}

.product-content-box .content-box .addto-cart-box {
}
.product-content-box
.content-box
.addto-cart-box
.input-group.bootstrap-touchspin {
float: left;
width: 70px;
margin-right: 20px;
}
.product-content-box .content-box .addto-cart-box .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #eaeaea;
border-radius: 0 !important;
box-shadow: none;
color: #272727;
display: block;
font-size: 18px;
font-weight: 500;
height: 50px;
padding: 6px 0 8px;
text-align: center;
}
.product-content-box
.content-box
.addto-cart-box
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-up {
border-radius: 0;
}
.product-content-box
.content-box
.addto-cart-box
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.product-content-box
.content-box
.addto-cart-box
.bootstrap-touchspin
.input-group-btn-vertical
> .btn {
display: block;
float: none;
margin-left: -1px;
max-width: 100%;
padding: 12px 12px;
position: relative;
width: 100%;
}
.product-content-box .content-box .addto-cart-box .btn-default {
background-color: #efefef;
border-color: #efefef;
color: #9e9e9e;
}
.product-content-box
.content-box
.addto-cart-box
.bootstrap-touchspin
.input-group-btn-vertical
i {
color: #9e9e9e;
font-weight: normal;
left: 8px;
position: absolute;
top: 7px;
}

.product-content-box .content-box .addto-cart-box button.addtocart {
margin-left: 25px;
}

.product-tab-box {
padding: 30px;
padding-top: 0;
border: 1px solid #f4f4f4;
}
.product-tab-box .tab-menu {
border-bottom: 1px solid #f7f7f7;
margin-top: -50px;
margin-bottom: 33px;
position: relative;
left: -31px;
}
.product-tab-box .tab-menu li {
display: block;
float: left;
margin-bottom: -1px;
}

.product-tab-box .tab-menu li a {
border: 1px solid transparent;
border-radius: 0;
display: block;
margin-right: 10px;
padding: 13px 35px;
color: #1f1f1f;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
font-family: "Montserrat", sans-serif;
background: #f7f7f7;
transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a,
.product-tab-box .tab-menu li:hover a {
background: #ff5722;
color: #fff;
border-color: #ff5722;
}

.product-tab-box .tab-content {
}
.single-review-box {
margin-bottom: 10px;
padding-bottom: 32px;
padding-left: 80px;
position: relative;
}
.single-review-box .img-holder {
left: 0;
position: absolute;
top: 0;
}

.single-review-box .text-holder {
border: 1px solid #f4f4f4;
padding: 20px;
}
.single-review-box .text-holder .top {
margin: 0 0 8px;
overflow: hidden;
}

.single-review-box .text-holder .top .review-box ul {
margin-top: -4px;
padding-left: 20px;
}
.single-review-box .text-holder .top .review-box ul li {
display: inline-block;
margin-right: 3px;
}
.single-review-box .text-holder .top .review-box ul li i {
color: #ff5722;
font-size: 14px;
}
.single-review-box .text-holder .top .review-date {
color: #ab7442;
margin-top: -5px;
}

.single-review-box .text-holder .text p {
margin: 0 0 15px;
}
.single-review-box .text-holder .text a.reply {
color: #ab7442;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}

.product-tab-box .tab-content .product-details-content {
margin-top: -5px;
}
.product-tab-box .tab-content .product-details-content .highlight {
margin: 42px 0 0;
}
.product-tab-box
.tab-content
.product-details-content
.highlight
.highlight-title {
color: #292929;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
font-family: "Roboto Slab", sans-serif;
margin: 0 0 28px;
}
.product-tab-box .tab-content .product-details-content .highlight li {
position: relative;
padding-bottom: 12px;
padding-left: 25px;
}
.product-tab-box .tab-content .product-details-content .highlight li:before {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ab7442;
font-size: 14px;
position: absolute;
top: 0px;
left: 0;
}
.review-form {
padding-top: 16px;
}
.review-form .sec-title-two {
padding-bottom: 34px;
}
.review-form .add-rating-box {
margin: 25px 0 23px;
}
.review-form .add-rating-box .add-rating-title h4 {
color: #292929;
font-family: "Roboto Slab", sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
text-transform: none;
}
.review-form .add-rating-box ul li {
display: inline-block;
margin: 0 0px;
border-right: 1px solid #e5e5e5;
padding: 0 11px;
}
.review-form .add-rating-box ul li:last-child {
margin-right: 0;
}
.review-form .add-rating-box ul li a i {
color: #ddd;
margin-right: 3px;
transition: all 500ms ease;
font-size: 14px;
}
.review-form .add-rating-box ul li.active a i,
.review-form .add-rating-box ul li a:hover i {
color: #ff5722;
}

.review-form form input[type="text"],
.product-tab-box .tab-content .review-form form textarea {
height: 50px;
width: 100%;
border: 1px solid #eaeaea;
color: #9e9e9e;
font-size: 14px;
padding: 0 15px;
margin-bottom: 30px;
transition: all 500ms ease;
}
.review-form form textarea {
height: 110px;
padding: 10px 15px;
margin-bottom: 32px;
}

.review-form .add-rating-box ul li:hover a i {
opacity: 1;
}
.review-form form input[type="text"]:focus {
border-color: #ff5722;
}
.review-form form textarea:focus {
border-color: #ff5722;
}

.related-product {
border-top: 1px solid #f7f7f7;
margin-top: 60px;
padding-top: 56px;
}
.related-product .single-product-item {
margin-bottom: 0;
}

.product-review-tab .add_your_review .review-title h3 {
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
color: #252525;
}

.tab-title-h4 h4 {
color: #3d3d3d;
font-size: 20px;
margin-bottom: 40px;
}

/*** 

====================================================================
  Login / Register Section
====================================================================

***/

.register-section {
position: relative;
}

.register-section .section-title2 h3 {
margin-bottom: 30px;
}

.register-section .sec-title {
margin-bottom: 30px;
}

.register-section .sec-title h2 {
font-size: 28px;
padding-bottom: 5px;
font-weight: 600;
}

.register-section .form-column {
margin-bottom: 70px;
}

.styled-form {
position: relative;
}

.styled-form .form-group {
position: relative;
margin-bottom: 25px;
margin-top: 0px;
font-size: 15px;
color: #9e9e9e;
}
.styled-form .form-group.social-links-two {
margin-top: 7px;
}
.styled-form .form-group.register-text {
margin-top: 15px;
margin-left: 10px;
}

.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}

.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #1f1f1f;
}

.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
cursor: pointer;
font-weight: 400;
}
.styled-form .pull-left input {
display: inline-block;
}
.styled-form .form-group .thm-btn {
line-height: 44px;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}

.styled-form .form-group .field-label {
display: block;
color: #1f1f1f;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 48px;
border: 1px solid #e0e0e0;
border-radius: 0px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
line-height: 26px;
height: 44px;
}

.styled-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}

.styled-form select option {
text-indent: 20px;
}

.styled-form textarea {
resize: none;
height: 110px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
border-color: #ff5722;
}

.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 10px 30px;
}

.styled-form .forgot {
font-size: 14px;
}

.social-links-two a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 45px;
text-align: center;
color: #ffffff;
background: #b2dd4c;
margin: 0px 0px 0px 15px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.social-links-two a:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.social-links-two .facebook {
background: #3b5998;
}

.social-links-two .twitter {
background: #33ccfe;
}

.social-links-two .google-plus {
background: #dd4b39;
}

.shop-sidebar .section-title {
margin-bottom: 30px;
}

.shop-sidebar .category-style-one {
position: relative;
}
.shop-sidebar .category-style-one ul {
margin-bottom: 50px;
margin-top: -15px;
}
.shop-sidebar .category-style-one ul li {
border-bottom: 1px solid #eaeaea;
margin: 0;
padding-bottom: 0px;
}

.shop-sidebar .category-style-one ul li a {
font-weight: normal;
color: #949494;
position: relative;
width: 100%;
transition: 0.5s ease;
line-height: 54px;
display: block;
}
.shop-sidebar .category-style-one ul li a:hover {
color: #ff5722;
transition: 0.5s ease;
}

.shop-sidebar .category-style-one ul li a:before {
content: "\f105";
position: absolute;
font-size: 16px;
font-family: FontAwesome;
right: 0px;
top: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.single-shop-item .overlay {
background-color: rgba(0, 0, 0, 0.49);
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
transition: all 450ms ease-out 0s;
transform: rotateY(180deg) scale(0.5, 0.5);
}

.single-shop-item:hover .img-box .overlay {
opacity: 1;
filter: alpha(opacity=100);
transform: rotateY(0deg) scale(1, 1);
}
.single-shop-item .overlay .box {
display: table;
height: 100%;
width: 100%;
}
.single-shop-item .overlay .box .content {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.single-shop-item .img-box .overlay .box .content a i {
background: #ff5722;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 16px;
height: 45px;
line-height: 48px;
transition: all 500ms ease 0s;
width: 45px;
}

.single-shop-item .img-box .overlay .box .content a:hover i {
background: #ff5722;
}

.best_sellers .best_selling_item .img_holder {
position: relative;
}

.best_sellers .best_selling_item .img_holder a:after {
position: absolute;
content: "\f0c1";
font-family: FontAwesome;
left: 0px;
top: 0px;
text-align: center;
line-height: 80px;
width: 100%;
height: 100%;
background: rgba(248, 184, 100, 0.9);
color: #ffffff;
opacity: 0;
transition: 0.5s ease;
}

.best_sellers .best_selling_item .img_holder:hover a:after {
opacity: 1;
transition: 0.5s ease;
}

/*** 

====================================================================
  Testimonial Section One
====================================================================

***/

.testimonial-section-one {
position: relative;
padding: 100px 0px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
}

.testimonial-section-one .slide-item {
}

.testimonial-section-one .slide-item h4 {
font-size: 20px;
font-weight: 700;
}

.testimonial-section-one .slide-item .text {
font-size: 16px;
color: #949494;
max-width: 700px;
margin: 0 auto;
padding: 20px 0;
}
.testimonial-section-one .slide-item .author p {
color: #ff5722;
margin-top: 10px;
}

.testimonial-section-one .testimonial-slider-content {
position: relative;
text-align: center;
border-radius: 3px;
z-index: 1;
}

.testimonial-section-one .testimonial-slider-content .text {
font-size: 14px;
line-height: 1.8em;
color: #555555;
font-weight: 400;
}

.testimonial-section-one .pagers-outer {
position: relative;
max-width: 400px;
margin: -2px auto 0px;
overflow: hidden;
}

.testimonial-section-one .pagers-outer .owl-stage-outer {
overflow: visible;
}

.testimonial-section-one .testimonial-slider-pager {
position: relative;
max-width: 120px;
text-align: center;
margin: 0 auto;
}

.testimonial-section-one .pager-item {
position: relative;
}

.testimonial-section-one .pager-item .inner-box {
position: relative;
padding: 50px 0px 0px;
}

.testimonial-section-one .pager-item .inner-box .author-thumb {
position: relative;
display: inline-block;
width: 80px;
height: 80px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 50%;
opacity: 0.4;
}
.testimonial-section-one
.owl-carousel
.owl-item.active
.inner-box
.author-thumb {
width: 100px;
height: 100px;
top: -10px;
}
.testimonial-section-one .pager-item .inner-box .author-thumb img {
position: relative;
display: block;
}

.testimonial-section-one .pager-item .title {
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
line-height: 24px;
color: #222222;
margin-bottom: 5px;
opacity: 0;
}

.testimonial-section-one.dark-version .pager-item .title {
color: #ffffff;
}

.testimonial-section-one .pager-item .location {
font-size: 14px;
text-transform: capitalize;
font-weight: 400;
line-height: 20px;
color: #6b6b6b;
opacity: 0;
}

.testimonial-section-one.dark-version .pager-item .location {
color: #aaaaaa;
}

.testimonial-section-one .owl-item.active .pager-item:before {
opacity: 1;
}

.testimonial-section-one .owl-item.active .pager-item .author-thumb,
.testimonial-section-one .owl-item.active .pager-item .title,
.testimonial-section-one .owl-item.active .pager-item .location {
opacity: 1;
}

.testimonial-section-one .owl-item.active .pager-item .social a {
color: #0060b2;
}

.testimonial-section-one .owl-controls {
position: absolute;
top: 50%;
width: 100%;
left: 0;
}

/*nav*/
.testimonial-section-one .owl-carousel {
position: inherit;
}
.testimonial-section-one .owl-theme .owl-nav {
margin: 0;
padding: 0;
}

.testimonial-section-one .owl-theme .owl-nav [class*="owl-"] {
color: #2a3a40;
font-size: 24px;
margin: 0;
padding: 0;
background-color: transparent;
padding: 0 5px;
display: inline-block;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}

.testimonial-section-one .owl-theme .owl-prev {
float: left;
width: 40%;
text-align: center;
}
.testimonial-section-one .owl-theme .owl-prev span {
width: 40px;
height: 70px;
background: #f9f9f9;
border-radius: 5px;
line-height: 70px;
transition: 0.5s ease;
}
.testimonial-section-one .owl-theme .owl-prev span:hover {
color: #fff;
background-color: #ff5722;
transition: 0.5s ease;
}
.testimonial-section-one .owl-theme .owl-next {
float: right;
width: 40%;
text-align: center;
}

.testimonial-section-one .owl-theme .owl-next span {
width: 40px;
height: 70px;
line-height: 70px;
background: #f9f9f9;
border-radius: 5px;
transition: 0.5s ease;
}

.testimonial-section-one .owl-theme .owl-next span:hover {
color: #fff;
background-color: #ff5722;
transition: 0.5s ease;
}

/*** 

====================================================================
  subscribe Section
====================================================================

***/

.subscribe {
background-repeat: no-repeat;
background-size: cover;
}

.subscribe-form input {
position: relative;
width: 38%;
display: inline-block;
margin-right: 6px;
padding: 10px 15px 8px;
border: 1px solid #f4f4f4;
}

.subscribe .thm-btn {
width: 20%;
}

.subscribe-form {
position: relative;
}

.subscribe-form span {
position: absolute;
left: 15px;
top: 15px;
color: #ff5722;
font-size: 20px;
}

.activityInfo p {
display: inline-block;
padding-right: 30px;
}

.activityInfo .fa {
color: #ff6550;
}

/* custom css */

section.sec {
padding: 100px 0px;
position: relative;
}
.bg-gradient1 {
background: linear-gradient(225.35deg, #ffffff 0, #f59070 100%);
}
.sm-title {
}
.title,
.title h3 {
font-size: 22px;
color: #2b4d7a;
font-weight: 700;
line-height: 1.2em;
}
.sm-title h3 {
margin-bottom: 20px;
}
.title,
.title h3 {
font-size: 18px;
color: #00a295;
font-weight: 500;
line-height: 1.2em;
}
#staff .owl-nav .owl-prev,
#staff .owl-nav .owl-next {
top: 40%;
position: absolute;
border-radius: 40px !important;
color: #ffffff;
width: 40px;
height: 40px;
text-align: center;
}

#staff .owl-nav .owl-next {
right: -5%;
}

#staff .owl-nav .owl-prev {
left: -100px;
top: 0px;
}

#staff .owl-nav .owl-prev i,
#staff .owl-nav .owl-next i {
color: #fff;
font-size: 20px;
position: relative;
left: 0px;
}
.box-b {
background-color: #f5f6fa;
padding: 15px;
transition: 0.2s all ease-in-out;
border-radius: 4px;
cursor: pointer;
border-bottom: solid 2px #2699cf;
height: auto;
position: relative;
box-shadow: 0 5px 10px #9c9c9c;
}
.box-b .box-img {
margin-bottom: 15px;
}
.staff .box-img img {
height: auto;
width: auto;
margin: auto;
border-radius: 0px;
}
.box-b h3 {
text-align: center;
margin-bottom: 5px;
font-size: 22px;
color: #000000;
}
.box-b p {
line-height: 1.4;
font-size: 18px;
color: #343a40;
text-align: center;
margin-bottom: 0px;
}

.socialIcon a {
margin-right: 10px;
}

.ourGraph {
background: -webkit-linear-gradient(left, #eaba20, #f07d19) !important;
}

.ourGraph img {
width: 500px;
}

.fa-angle-down::before {
content: "\f107";
font-family: "FontAwesome";
}

.fa-angle-right::before {
content: "\f105";
font-family: "FontAwesome";
}

.popular-post .item {
position: relative;
font-size: 14px;
margin-bottom: 20px;
min-height: 50px;
padding: 0px 0px 20px 85px;
color: #cccccc;
border-bottom: 1px solid #f1f1f1;
}

.popular-post {
position: relative;
margin-bottom: 50px;
}

.popular-post .item .post-thumb {
position: absolute;
left: 0px;
top: 5px;
width: 70px;
height: 70px;
}

.popular-post .item .post-thumb a {
position: relative;
}

.popular-post .item .post-thumb img {
width: 100%;
display: block;
}

.popular-post .item h4 {
position: relative;
font-size: 16px;
margin: 0px 0px 8px;
line-height: 24px;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}

.popular-post .item .post-info {
color: #949494;
font-size: 16px;
}

.blog-single-post .section-title {
margin-bottom: 0px;
}

.CauseDonate {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 12.6em !important;
line-height: 22px !important;
}

/* ---------------- Custom Code ------------------------- */

.service {
position: relative;
z-index: 1;
}
.section--no-pt {
padding-top: 0;
}
.section {
padding: 25px 0;
}

.service .block-header {
margin-bottom: 35px;
}
.block-header--center {
text-align: center;
}

.subtitle {
font-size: 12px;
letter-spacing: 1.2px;
color: #f4929b;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0px;
}

.title--medium {
font-size: 40px;
line-height: 45px;
}
.title--black {
background: -webkit-linear-gradient(#00a295, #00a295);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.title {
font-weight: 700;
}

.service .col-md-6:nth-child(1) .service__item {
border: 2px solid #16bf86;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
[data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
.service__item {
padding: 10px 5px 10px;
background-color: #fff;
text-align: center;
-webkit-border-radius: 7px;
border-radius: 7px;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.service__item-icon {
width: 400px;
height: 400px;
margin: 0 auto 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.service__item-title {
font-size: 20px;
color: #333;
font-weight: 700;
margin-bottom: 24px;
}

.service p {
color: #777;
line-height: 30px;
margin-bottom: 20px;
}

.service .col-md-6:nth-child(1) .service__item .service__btn {
background-color: #16bf86;
}
.service__btn {
-webkit-box-shadow: 0 0 20px rgb(31 109 86 / 25%);
box-shadow: 0 0 20px rgb(31 109 86 / 25%);
-webkit-border-radius: 5px;
border-radius: 5px;
width: 180px;
height: 55px;
line-height: 55px;
color: #fff;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.7px;
font-weight: 600;
font-size: 14px;
display: block;
margin: 0 auto;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.service .col-md-6:nth-child(2) .service__item {
border: 2px solid #ea5e20;
}

.service .col-md-6:nth-child(3) .service__item {
border: 2px solid #f09790;
}

.service .col-md-6:nth-child(4) .service__item {
border: 2px solid #ffae57;
margin-top: 20px;
}
.service .col-md-6:nth-child(5) .service__item {
border: 2px solid #16bf86;
margin-top: 20px;
}
.service .col-md-6:nth-child(6) .service__item {
border: 2px solid #5874cf;
margin-top: 20px;
}

.service .col-md-6:nth-child(2) .service__item .service__btn {
background-color: #e95e20;
}

.service .col-md-6:nth-child(3) .service__item .service__btn {
background-color: #f09790;
}

.service .col-md-6:nth-child(4) .service__item .service__btn {
background-color: #ffae57;
}
.service .col-md-6:nth-child(5) .service__item .service__btn {
background-color: #00a295;
}

.service .col-md-6:nth-child(6) .service__item .service__btn {
background-color: #ffae57;
}

#homeActivitySuccess {
background: #4ecdc4;
background: -webkit-linear-gradient(to right, #556270, #4ecdc4);
background: linear-gradient(to right, #ced59f, #8dfff7);
}

#homeActivitySuccess [class^="icon-"],
[class*=" icon-"] {
display: none;
}

.fieldCsr {
margin-top: 100px;
}

.default-blog-news:hover {
border: 1px solid #efab95;
}

#newsSection article {
box-shadow: 1px 1px 6px 0px rgb(32 33 36 / 28%);
}

/* --------------------------------------------  */

@media (max-width: 991.98px) {
#HomeTestimonial .padding {
padding: 1.5rem;
}
}

@media (max-width: 767.98px) {
#HomeTestimonial .padding {
padding: 1rem;
}
}

#HomeTestimonial .padding {
padding: 5rem;
}

#HomeTestimonial .card {
position: relative;
display: flex;
width: 350px;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #d2d2dc;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
-moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

#HomeTestimonial .card .card-body {
padding: 1rem 1rem;
}

#HomeTestimonial .card-body {
flex: 1 1 auto;
padding: 1.25rem;
}

#HomeTestimonial .profile {
margin-top: 0px;
margin-left: 11px;
}

#HomeTestimonial .profile-pic {
width: 58px;
}

#HomeTestimonial .cust-name {
font-size: 18px;
}

#HomeTestimonial .cust-profession {
font-size: 14px;
}

#HomeTestimonial .items {
width: 90%;
margin: 0px auto;
margin-top: 0px;
}

#HomeTestimonial .slick-slide {
margin: 10px;
}

#HomeTestimonial .slick-slide .profile-pic {
width: 150px !important;
border-radius: 100px;
height: 150px;
}

#HomeTestimonial .slick-slide .quote {
width: 30px !important;
}

.profile-pic {
text-align: center;
margin: auto;
}

.post_Name {
text-align: center;
}

#HomeTestimonial {
padding-top: 50px;
padding-bottom: 70px;
background: #4ecdc4;
background: -webkit-linear-gradient(to right, #556270, #4ecdc4);
background: linear-gradient(to right, #ced59f, #8dfff7);
}

/* ------------------ Project Carousel --------------------------  */

@media (max-width: 991.98px) {
#projects_carousel .padding {
padding: 1.5rem;
}
}

@media (max-width: 767.98px) {
#projects_carousel .padding {
padding: 1rem;
}
}

#projects_carousel .padding {
padding: 5rem;
}

#projects_carousel .card {
position: relative;
display: flex;
width: 350px;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #d2d2dc;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
-moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

#projects_carousel .card .card-body {
padding: 1rem 1rem;
}

#projects_carousel .card-body {
flex: 1 1 auto;
padding: 1.25rem;
}

#projects_carousel .profile {
margin-top: 0px;
margin-left: 11px;
border: 1px solid #f44336;
border-radius: 6px;
color: #f44336;
padding: 6px 0px 6px 0;
cursor: pointer;
}

.profile a {
color: #f44336;
}

#projects_carousel .profile:hover {
background: #d2e1e0;
}

#projects_carousel .profile-pic {
width: 500px !important;
height: 280px;
}

#projects_carousel .cust-name {
font-size: 18px;
color: #f44336;
}

#projects_carousel .cust-profession {
font-size: 14px;
}

#projects_carousel .items {
width: 90%;
margin: 0px auto;
margin-top: 0px;
}

#projects_carousel .slick-slide {
margin: 10px;
}

#projects_carousel .slick-slide .profile-pic {
width: 500px !important;
}

#projects_carousel .slick-slide .quote {
width: 30px !important;
}

.profile-pic {
text-align: center;
margin: auto;
}

#projects_carousel .post_Name {
text-align: center;
padding: 15px 1px 10px 4px;
}

#projects_carousel {
padding-top: 50px;
padding-bottom: 70px;
background: #4ecdc4;
background: -webkit-linear-gradient(to right, #556270, #4ecdc4);
background: linear-gradient(to right, #ced59f, #8dfff7);
}

.projectDesc {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 5.6em !important;
padding: 10px 1px 0px 0px;
text-align: justify;
}

/* ------------- project cairouse  small =--------------------- */

@media (max-width: 991.98px) {
#projects_carousel_small .padding {
padding: 1.5rem;
}
}

@media (max-width: 767.98px) {
#projects_carousel_small .padding {
padding: 1rem;
}
}

#projects_carousel_small .padding {
padding: 5rem;
}

#projects_carousel_small .card {
position: relative;
display: flex;
width: 350px;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #d2d2dc;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
-moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

#projects_carousel_small .card .card-body {
padding: 1rem 1rem;
}

#projects_carousel_small .card-body {
flex: 1 1 auto;
padding: 1.25rem;
}

#projects_carousel_small .profile {
margin-top: 0px;
margin-left: 11px;
border: 1px solid #0d6efd;
border-radius: 6px;
color: #0d6efd;
padding: 6px 0px 6px 0;
cursor: pointer;
}

#projects_carousel_small .profile:hover {
background: #d2e1e0;
}

#projects_carousel_small .profile-pic {
width: 500px !important;
height: 280px;
}

#projects_carousel_small .cust-name {
font-size: 18px;
color: #0d6efd;
}

#projects_carousel_small .cust-profession {
font-size: 14px;
}

#projects_carousel_small .items {
width: 90%;
margin: 0px auto;
margin-top: 0px;
}

#projects_carousel_small .slick-slide {
margin: 10px;
}

#projects_carousel_small .slick-slide .profile-pic {
width: 500px !important;
}

#projects_carousel_small .slick-slide .quote {
width: 30px !important;
}

.profile-pic {
text-align: center;
margin: auto;
}

#projects_carousel_small .post_Name {
text-align: center;
padding: 15px 1px 10px 4px;
}

#projects_carousel_small {
padding-top: 15px;
padding-bottom: 0;
background: linear-gradient(
323.98deg,
rgb(255, 231, 235) 10.67%,
rgb(255, 246, 248) 100%
);
box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px, rgb(0 0 0 / 11%) 0px 0px 2.9px;
}

#projects_carousel_small.projects_carousel_small2 {
padding-top: 15px;
padding-bottom: 0;
margin-top: 15px;
background: linear-gradient(
44.24deg,
rgb(194, 206, 232) 0%,
rgba(241, 246, 255, 0.6) 100%
);
box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px, rgb(0 0 0 / 11%) 0px 0px 2.9px;
}

.activity_details {
padding: 0px 18px 0 0;
}

.event-section .nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0d6efd;
font-weight: 500;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}

.printMediaImg {
height: 425px;
width: auto;
margin-bottom: 0px;
}

.mediaType .sec_print_media {
background: none;
}

.fancybox-lock .fancybox-overlay {
z-index: 99999;
}

.changeMakerHomePage {
background: #00a295 !important;
padding-top: 35px;
padding-bottom: 35px;
}

.changeMakerHomePage .img-box {
height: auto !important;
max-height: initial !important;
}

.changeMakerHomePage .section-title h2 {
color: #fff;
}

#staff .owl-nav .owl-prev,
#staff .owl-nav .owl-next {
display: none !important;
}

.socialIcontop a span {
margin-right: 16px;
/*color: #004943;*/
color: #fff;
/* border: 1px solid #fff; */
width: 35px;
display: block;
height: 35px;
padding-left: 0;
line-height: 37px;
font-size: 16px;
border-radius: 50px;
background: #00a295;
margin-top: 6px;
}

.socialIcontop {
padding-top: 23px;
text-align: center;
}

.socialIcontop a {
margin-left: 5px;
}

.menu-column2 {
margin-top: 30px;
}

.menu-column2 .thm-btn {
line-height: 35px;
}

.HeaderTop2.stricky-fixed {
margin: 0;
padding: 0;
position: fixed;
background: #00a295;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
animation-name: menu_sticky;
animation-duration: 0.6s;
animation-timing-function: ease-out;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(93, 73, 73, 0.12);
}

.d {
display: block;
}
.m {
display: none;
}

@media screen and (max-width: 600px) {
.d {
display: none;
}
.m {
display: block;
}

.socialIcontop {
padding-top: 0;
text-align: center;
margin-top: -40px;
margin-left: 100px;
}

/*.menu-column2 {*/
/*    margin-top: 40px;*/
/*    margin-bottom: 6px;*/
/*}*/

.top-bar {
position: relative;
line-height: 48px;
z-index: 999;
background: #fff;
height: 0px;
padding-bottom: 0px !important;
}

.defaultmainmenu-menu ul.dropdown,
.defaultmainmenu-menu ul.dropdown li ul.dropdown {
margin-top: 0px;
}
}

/* ======================= Social Icon ================ */

.allSocialIcon {
text-align: center;
position: relative;
top: 30%;
}

.allSocialIcon .fab {
margin: auto;
}

.allSocialIcon .social {
color: #fff;
transition: all 0.35s;
transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.allSocialIcon .social:hover {
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
transition: all ease 0.5s;
-moz-transition: all ease-in 0.5s;
-webkit-transition: all ease-in 0.5s;
-o-transition: all ease-in 0.5s;
}

.allSocialIcon .facebook {
color: #4267b2;
}

.allSocialIcon .twitter {
color: #1da1f2;
}
.allSocialIcon .youtube {
color: #c4302b;
}
.allSocialIcon .pinterest {
color: #c8232c;
}
.allSocialIcon .instagram {
color: transparent;
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
background: -webkit-radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
background-clip: text;
-webkit-background-clip: text;
}
.allSocialIcon .tumblr {
color: #34526f;
}
.allSocialIcon .whatsapp {
color: #25d366;
}

.bg-ico {
display: flex;
background-color: #fff;
width: 90px;
height: 90px;
line-height: 90px;
margin: 0 5px;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 28%;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
opacity: 0.99;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}
.bg-ico:hover {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.8);
}

.allSocialIcon #facebook:hover {
background-color: #4267b2;
}

.allSocialIcon #twitter:hover {
background-color: #1da1f2;
}
.allSocialIcon #youtube:hover {
background-color: #c4302b;
}
.allSocialIcon #pinterest:hover {
background-color: #c8232c;
}
.allSocialIcon #instagram:hover {
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
background: -webkit-radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
}
.allSocialIcon #tumblr:hover {
background-color: #34526f;
}
.allSocialIcon #whatsapp:hover {
background-color: #25d366;
}

.allSocialIcon .facebook:hover,
.allSocialIcon .twitter:hover,
.allSocialIcon .youtube:hover,
.allSocialIcon .pinterest:hover,
.allSocialIcon .instagram:hover,
.allSocialIcon .tumblr:hover,
.allSocialIcon .whatsapp:hover {
color: #fff;
transform: scale(1.5);
}

.imortantDoc h3 {
width: 100%;
margin: auto;

color: #000;
}

.imortantDoc .card {
padding: 50px;
}

.imortantDoc .card:hover {
background: #00a295;
}

.main-button {
padding: 5px 10px;
font-size: 17px;
border-radius: 3px;
position: relative;
text-transform: capitalize;
margin: auto;
border: 1px solid #ff6c37;
color: #fff;
background: #fd5723;
font-weight: 700;
}

.main-button:after {
background-color: #00a295;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 3px;
animation-name: blink;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.thm-btn {
padding: 5px 10px;
font-size: 17px;
border-radius: 3px;
position: relative;
text-transform: capitalize;
margin: auto;
border: 1px solid #ff6c37;
color: #fff;
background: #fd5723;
font-weight: 700;
}

.thm-btn:after {
background-color: #00a295;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 3px;
animation-name: blink;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes blink {
0% {
transform: scale3d(1, 1, 1);
opacity: 0.8;
}
100% {
transform: scale3d(1.1, 1.3, 1.1);
opacity: 0;
}
}

.main-button:hover {
color: #fff;
}

#JoinUsPopup .modal-content {
background-color: transparent;
border: none;
border-radius: 0.3rem;
}

#JoinUsPopup .modal-header {
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
border-bottom: none;
}

.btn-close {
opacity: 1;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
.inner-banner h1 {
font-weight: 700;
text-transform: uppercase;
line-height: 70px;
color: #00a295;
padding-top: 25%;
vertical-align: middle;
}
}

/* ================= Card Css =========================== */

/* Main heading for card's front cover */
.card-front__heading {
font-size: 1.5rem;
margin-top: 0.25rem;
color: #fff;
}

/* Main heading for inside page */
.inside-page__heading {
padding-bottom: 1rem;
width: 100%;
}

/* Mixed */

/* For both inside page's main heading and 'view me' text on card front cover */
.inside-page__heading,
.card-front__text-view {
font-size: 1.3rem;
font-weight: 800;
margin-top: 0.2rem;
}

.inside-page__heading--city,
.card-front__text-view--city {
color: #00a295;
}

.inside-page__heading--ski,
.card-front__text-view--ski {
color: #2aaac1;
}

.inside-page__heading--beach,
.card-front__text-view--beach {
color: #fa7f67;
}

.inside-page__heading--camping,
.card-front__text-view--camping {
color: #00b97c;
}

/* Front cover */

.card-front__tp {
color: #fafbfa;
}

/* For pricing text on card front cover */
.card-front__text-price {
font-size: 1.2rem;
margin-top: -0.2rem;
font-weight: 800;
}

/* Back cover */

/* For inside page's body text */
.inside-page__text {
color: #333;
}

/* Icons ===========================================*/

.card-front__icon {
fill: #fafbfa;
font-size: 3vw;
height: 3.25rem;
margin-top: -0.5rem;
width: 3.25rem;
}

/* Buttons =================================================*/

.inside-page__btn {
background-color: transparent;
border: 3px solid;
border-radius: 0.5rem;
font-size: 1.2rem;
font-weight: 600;
margin-top: 2rem;
overflow: hidden;
padding: 0.7rem 0.75rem;
position: relative;
text-decoration: none;
transition: all 0.3s ease;
width: 90%;
z-index: 10;
}

.inside-page__btn::before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scaleY(0);
transition: all 0.3s ease;
width: 100%;
z-index: -1;
}

.inside-page__btn--city {
border-color: #ff5722;
color: #ff5722;
}

.inside-page__btn--city::before {
background-color: #fff;
}

.inside-page__btn--ski {
border-color: #279eb2;
color: #279eb2;
}

.inside-page__btn--ski::before {
background-color: #279eb2;
}

.inside-page__btn--beach {
border-color: #fa7f67;
color: #fa7f67;
}

.inside-page__btn--beach::before {
background-color: #fa7f67;
}

.inside-page__btn--camping {
border-color: #00b97d;
color: #00b97d;
}

.inside-page__btn--camping::before {
background-color: #00b97d;
}

.inside-page__btn:hover {
color: #ff5722;
}

.inside-page__btn:hover::before {
transform: scaleY(1);
}

/* Layout Structure=========================================*/

.main {
background: linear-gradient(to bottom right, #eee8dd, #e3d9c6);
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
width: 100%;
}

/* Container to hold all cards in one place */
.card-area {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
justify-content: space-evenly;
padding: 1rem;
}

/* Card ============================================*/

/* Area to hold an individual card */
.card-section {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
padding: 30px 0px 30px 0px;
}

/* A container to hold the flip card and the inside page */
.card__ {
background-color: rgba(0, 0, 0, 0.05);
box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.5);
height: 15rem;
position: relative;
transition: all 1s ease;
width: 15rem;
margin: auto;
}

/* Flip card - covering both the front and inside front page */

/* An outer container to hold the flip card. This excludes the inside page */
.flip-card {
height: 15rem;
perspective: 100rem;
position: absolute;
right: 0;
transition: all 1s ease;
visibility: hidden;
width: 15rem;
z-index: 100;
}

/* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
/* This is done so content in the inside page can be selected */
.flip-card > * {
visibility: visible;
}

/* An inner container to hold the flip card. This excludes the inside page */
.flip-card__container {
height: 100%;
position: absolute;
right: 0;
transform-origin: left;
transform-style: preserve-3d;
transition: all 1s ease;
width: 100%;
}

.card-front,
.card-back {
backface-visibility: hidden;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

/* Styling for the front side of the flip card */

/* container for the front side */
.card-front {
background-color: #fafbfa;
height: 15rem;
width: 15rem;
}

/* Front side's top section */
.card-front__tp {
align-items: center;
clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
display: flex;
flex-direction: column;
height: 12rem;
justify-content: center;
padding: 0.75rem;
}

.card-front__tp--city {
background: linear-gradient(to bottom, #ff5722, #ff5722);
}

.card-front__tp--ski {
background: linear-gradient(to bottom, #47c2d7, #279eb2);
}

.card-front__tp--beach {
background: linear-gradient(to bottom, #fb9b88, #f86647);
}

.card-front__tp--camping {
background: linear-gradient(to bottom, #00db93, #00b97d);
}

/* Front card's bottom section */
.card-front__bt {
align-items: center;
display: flex;
justify-content: center;
}

/* Styling for the back side of the flip card */

.card-back {
background-color: #fafbfa;
transform: rotateY(180deg);
}

/* Specifically targeting the <video> element */
.video__container {
clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
height: auto;
min-height: 100%;
object-fit: cover;
width: 100%;
}

/* Inside page */

.inside-page {
background-color: #fafbfa;
box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.25);
height: 100%;
padding: 1rem;
position: absolute;
right: 0;
transition: all 1s ease;
width: 15rem;
z-index: 1;
}

.inside-page__container {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
text-align: center;
width: 100%;
}

/* Functionality ====================================*/

/* This is to keep the card centered (within its container) when opened */
.card__:hover {
box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.75);
width: 30rem;
}

/* When the card is hovered, the flip card container will rotate */
.card__:hover .flip-card__container {
transform: rotateY(-180deg);
}

/* When the card is hovered, the shadow on the inside page will shrink to the left */
.card__:hover .inside-page {
box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.1);
}

/* ===================== Inner Page ======================= */

@media screen and (min-width: 320px) and (max-width: 480px) {
#workAreaSection.why-chooseus .item {
height: 400px !important;
}

#workAreaSection.sec-padd-top {
padding-top: 20px;
}
}

#workAreaSection.why-chooseus .item {
margin-bottom: 30px;
transition: 0.5s ease;
padding: 15px 5px 30px 5px;
border: 1px solid #effffe;
background: #effffe;
}

#workAreaSection .inner-box {
text-align: left;
left: 25px;
}

#workAreaSection .workAreaIcons {
width: 75px;
height: 75px;
border: 4px solid #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
border-radius: 55px;
}

#workAreaSection.why-chooseus .item:hover h4 {
color: #00a295;
transition: 0.5s ease;
}

#workAreaSection.why-chooseus .item:hover {
border-color: #ffffff;
transition: 0.5s ease;
padding: 15px 5px 30px 5px;
border: 1px solid #efdeff;
box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
background-color: #ffe4dc;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}

#workAreaSection.why-chooseus .item {
height: 320px;
}

.singlLeftPipe {
}

#workAreaSection.why-chooseus .item p {
text-align: left;
padding-left: 20px;
}

.singlLeftPipe {
border-left: 3px solid #00a295;
background: #effffe;
padding: 12px 5px 12px 12px;
}

.singlLeftPipe:hover {
border-left: 3px solid #ff5722;
background: #ffefea;
padding: 12px 5px 12px 12px;
}

.youthEmp {
background: #effffe;
}



.Lghfmission:hover
{
      border-color: #ffffff;
    transition: 0.5s ease;
    /*padding: 15px 5px 30px 5px;*/
    /*border: 1px solid #efdeff;*/
    box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
    background-color: #ffe4dc;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;  
}

.Lghfvission:hover
{
        border-color: #ffffff;
    transition: 0.5s ease;
    /*padding: 15px 5px 30px 5px;*/
    /*border: 1px solid #efdeff;*/
    box-shadow: 0 4px 6px rgb(22 22 26 / 18%);
    background-color: #ffe4dc;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/* Loader */


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgb(0 0 0 / 81%);
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #d75626;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #088d83;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#preloader img
{
        width: 200px;
    position: absolute;
    top: 25%;
    left: 45%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    #preloader img
{
        width: 150px;
    position: absolute;
    top: 20%;
    left: 30%;
}


.float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 5px;
    color: #25d366;
    border-radius: 50px;
    text-align: center;
    font-size: 65px;
    z-index: 100;
}


}



.float{
position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    color: #25d366;
    border-radius: 50px;
    text-align: center;
    font-size: 65px;
    z-index: 100;
}

.my-float{
	margin-top:16px;
}

.float:hover {
    color: #25d366;
}

#st-cmp-v2 .st-cmp-app .st-cmp-settings
{
    display: none;
}


@media only screen and (min-width: 1200px) {
    .inner-banner
    {
        background-repeat: no-repeat !important;
        padding-bottom: 60px !important;
        background-position: 50% 50% !important;
        background-size: 1500px 200px !important;
        height: 100%;
        width: 100%;
    }
    
    #workAreaSection.why-chooseus .item {
    height: 400px;
}

.inner-banner .box
{
    margin-top: 0;
}

#carouselExampleCaptions .button
{
       position: relative;
    top: -240px;
    left: 0;
    right: 0;
    float: left; 
}


#carouselExampleCaptions .cap_title p
{
    position: relative;
    top: -150px;
    left: 0;
    right: 0;
    float: left; 
    font-size: 20px;
   font-weight: 700;
   background: rgb(39 38 38 / 62%);
        color: #fff;
        padding: 5px 10px 5px 9px;
        border-radius: 5px;
}
        
}


@media only screen and (min-width: 1800px) {

    #workAreaSection.why-chooseus .item {
    height: 350px;
}

.inner-banner
    {
        background-repeat: no-repeat !important;
        padding-bottom: 60px !important;
        background-position: 50% 50%;
        background-size: 1950px 200px !important;
        height: 100%;
        width: 100%;
        margin-top: 0px;
    }

       #carouselExampleCaptions .button
{
       position: relative;
    top: -240px;
    left: 0;
    right: 0;
    float: left; 
} 


#carouselExampleCaptions .cap_title p
{
     position: relative;
    top: -150px;
    left: 0;
    right: 0;
    float: left; 
    font-size: 20px;
    font-weight: 700;
    background: rgb(39 38 38 / 62%);
        color: #fff;
        padding: 5px 10px 5px 9px;
        border-radius: 5px;
}

}

/* ================================ Payment success and failed codee =============================== */


#PaymentPage .bg {
	 background-color: #6c7bee;
	 width: 480px;
	 overflow: hidden;
	 margin: 0 auto;
	 box-sizing: border-box;
	 padding: 40px;
	 font-family: 'Roboto';
	 margin-top: 40px;
}
 #PaymentPage .card {
	 background-color: white;
	 width: 100%;
	 float: left;
	 margin-top: 40px;
	 border-radius: 5px;
	 box-sizing: border-box;
	 padding: 80px 30px 25px 30px;
	 text-align: center;
	 position: relative;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
 #PaymentPage .card__success {
	 position: absolute;
	 top: -50px;
	 left: 145px;
	 width: 100px;
	 height: 100px;
	 border-radius: 100%;
	 background-color: #60c878;
	 border: 5px solid white;
}
#PaymentPage  .card__success i {
	 color: white;
	 line-height: 100px;
	 font-size: 45px;
}
#PaymentPage  .card__msg {
	 text-transform: uppercase;
	 color: #55585b;
	 font-size: 18px;
	 font-weight: 500;
	 margin-bottom: 5px;
}
#PaymentPage  .card__submsg {
	 color: #959a9e;
	 font-size: 16px;
	 font-weight: 400;
	 margin-top: 0px;
}
#PaymentPage  .card__body {
	 background-color: #f8f6f6;
	 border-radius: 4px;
	 width: 100%;
	 margin-top: 30px;
	 float: left;
	 box-sizing: border-box;
	 padding: 30px;
}
#PaymentPage  .card__avatar {
	 width: 50px;
	 height: 50px;
	 border-radius: 100%;
	 display: inline-block;
	 margin-right: 10px;
	 position: relative;
	 top: 7px;
}
#PaymentPage  .card__recipient-info {
	 display: inline-block;
}
 .card__recipient {
	 color: #232528;
	 text-align: left;
	 margin-bottom: 5px;
	 font-weight: 600;
}
#PaymentPage  .card__email {
	 color: #838890;
	 text-align: left;
	 margin-top: 0px;
}
#PaymentPage  .card__price {
	 color: #232528;
	 font-size: 70px;
	 margin-top: 25px;
	 margin-bottom: 30px;
}
#PaymentPage  .card__price span {
	 font-size: 60%;
}
#PaymentPage  .card__method {
	 color: #d3cece;
	 text-transform: uppercase;
	 text-align: left;
	 font-size: 11px;
	 margin-bottom: 5px;
}
#PaymentPage  .card__payment {
	 background-color: white;
	 border-radius: 4px;
	 width: 100%;
	 height: 100px;
	 box-sizing: border-box;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
#PaymentPage  .card__credit-card {
	 width: 50px;
	 display: inline-block;
	 margin-right: 15px;
}
#PaymentPage  .card__card-details {
	 display: inline-block;
	 text-align: left;
}
 #PaymentPage .card__card-type {
	 text-transform: uppercase;
	 color: #232528;
	 font-weight: 600;
	 font-size: 12px;
	 margin-bottom: 3px;
}
 #PaymentPage .card__card-number {
	 color: #838890;
	 font-size: 12px;
	 margin-top: 0px;
}
#PaymentPage  .card__tags {
	 clear: both;
	 padding-top: 15px;
}
 #PaymentPage .card__tag {
	 text-transform: uppercase;
	 background-color: #f8f6f6;
	 box-sizing: border-box;
	 padding: 3px 5px;
	 border-radius: 3px;
	 font-size: 10px;
	 color: #d3cece;
}


/* ------------------------------------------------ */

#OnlinePayment .nav-pills .nav-link
{
       font-size: 14px;
    background: transparent;
    color: #000;
    font-weight: 500;
}

#OnlinePayment .nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
       font-size: 14px;
    background: transparent;
    color: #fc5824;
    font-weight: 600;
}

#OnlinePayment #pills-tab
{
    border-bottom: 1px solid;
    padding-top: 25px;
}

#OnlinePayment .nav-link
{
    padding-left: 15px;
}


.PaymentArea
{
    background: rgb(255 255 255/50%);
    margin-top: 20px;
        padding: 45px;
}

.AmountBtn .badge
{
    padding: 10px 25px 10px 25px;
}

.paymentAmountBox label
{
        color: #000;
    font-weight: 500;
}


/*  responsive for online donation Payment */

@media screen and (max-width: 600px) {
 .PaymentArea
 {
     padding: 10px;
 }
 
 .AmountBtn .badge {
    padding: 10px 25px 10px 25px;
    margin-bottom: 10px !important;
}

    
}

@media only screen  and (min-width : 2500px) {
    
.inner-banner
{
    background-repeat: no-repeat !important;
    padding-bottom: 60px !important;
    background-position: 50% 50%;
    background-size: 1950px 200px !important;
    height: 100%;
    width: 100%;
    margin-top:0;
}

}


.mainBanner
{
    background: #a8e4dd;
}

.userPic img
{
    width: 100px !important;
    height: 100px !important;
    border-radius: 30px;
}

.userPic
{
    text-align: end;
}



.blogAuthour .social
{
    display: flex;
}