@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);
.semi-transparent.transparent.background--dark.style1 {
background-color: black;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.semi-transparent.transparent.background--dark.style1 #header-top-menu a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation .current_page_item a,
.semi-transparent.transparent.background--dark.style1 #navigation .current_page_item a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation-left-side .current_page_item a,
.semi-transparent.transparent.background--dark.style1 #navigation-left-side .current_page_item a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation-left-side a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation-right-side .current_page_item a,
.semi-transparent.transparent.background--dark.style1 #navigation-right-side .current_page_item a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation-right-side a:hover,
.semi-transparent.transparent.background--dark.style1 #menu li.current-menu-ancestor > a,
.semi-transparent.transparent.background--dark.style1 #navigation-left-side .current-menu-item > a,
.semi-transparent.transparent.background--dark.style1 #navigation-right-side .current-menu-item > a,
.semi-transparent.transparent.background--dark.style1 #navigation .current-menu-item > a,
.semi-transparent.transparent.background--dark.style1 #navigation .sub-menu .current-menu-item > a,
.semi-transparent.transparent.background--dark.style1 #navigation .sub-menu a:hover,
.semi-transparent.transparent.background--dark.style1 #navigation .children .current-menu-item > a,
.semi-transparent.transparent.background--dark.style1 #navigation .children a:hover {
color: #7bc7ff !important;
}
.top-animate .header-social ul li a i,
.single-portfolio .header-social ul li a i {
color: #969696;
}
.top-animate .header-social ul li a i:hover,
.single-portfolio .header-social ul li a i:hover {
color: #217cc0;
}
#header-wrap .tatsu-normal-icon.align-none .tatsu-icon {
margin-right: 0px;
width: 30px;
height: 100%;
margin-top: -10px;
}
@media screen and (max-width: 992px) {
#header-wrap .header-social {
display: none;
}
}
#header-wrap .header-social ul {
padding: 0px;
margin: 0px;
display: flex;
gap: 20px;
}
#header-wrap .header-social ul li {
list-style: none;
}
#header-wrap .header-social ul li:not(:last-child) {
margin-right: 15px;
}
#header-wrap .header-social ul li a {
position: relative;
color: #fff;
transition: ease-in-out 0.2s;
}
#header-wrap .header-social ul li a:hover {
color: #7bc7ff;
}
#header-wrap .header-social ul li a i::before {
font-size: 15px;
}
#header-wrap .header-social ul li a i.fa-facebook-f {
position: absolute;
top: -16px;
}
#header-wrap .header-social ul li a i.fa-linkedin-in {
position: absolute;
top: -14px;
}
.tatsu-animated-heading-inner {
background: #fffffff0;
padding: 15px 30px !important;
}
.tatsu-animated-heading-line {
display: none;
}
.team_icons {
font-size: 17px;
}
p.designation {
min-height: 55px;
}
@media screen and (max-width: 767px) {
p.designation {
text-align: left !important;
}
}
@media screen and (max-width: 767px) {
p.team-description {
text-align: left !important;
}
}
.txt-justify p {
text-align: justify !important;
}
@media screen and (max-width: 767px) {
.tatsu-button-wrap.block-left {
text-align: center;
}
}
.tatsu-module.tatsu-text-block-wrap.tatsu-fqp90otvaus8puk h2 {
text-align: left !important;
}
@media screen and (max-width: 767px) {
.tatsu-module.tatsu-text-block-wrap.tatsu-fqp90otvaus8puk h2 {
text-align: center !important;
}
}
.footer-content-inner-left > div a:hover {
color: #cacaca;
}
@media screen and (max-width: 767px) {
.textwidget p {
text-align: left !important;
}
}
.grid-wrap .grid-row {
display: flex;
}
a.morelink:hover {
color: #969696;
}
@media screen and (max-width: 767px) {
.page-id-2800 .grid-wrap .grid-row {
flex-direction: column;
width: 100%;
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 767px) {
.tatsu-fqp90rng8oc6y3vf.grid-col.be-animate.align-center.already-visible.none {
margin-bottom: 0px !important;
}
}
.grid-info h5 {
line-height: 26px;
min-height: 54px;
}
@media screen and (max-width: 767px) {
.grid-info p {
margin-bottom: 0px;
}
}
.contact_form_module input[type=text], .contact_form_module textarea {
background: #F2F4F8;
}
.photostream_overlay, .be-button, .more-link.style3-button, .view-project-link.style3-button, button, input[type=button], input[type=submit], input[type=reset] {
background-color: #fff !important;
color: #000000 !important;
border: 1px solid #000 !important;
}
.photostream_overlay:hover, .be-button:hover, .more-link.style3-button:hover, .view-project-link.style3-button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
background-color: #217cc0 !important;
color: #fff !important;
border: 1px solid #217cc0 !important;
}
.screen-reader-response {
display: none;
}
div#wpcf7-f4455-p2790-o1 {
padding-top: 30px;
}
.wpcf7-response-output {
color: #000;
}
.tatsu-success, .wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: none !important;
}
@media screen and (max-width: 767px) {
.wpcf7-response-output {
text-align: center;
}
}
@media screen and (max-width: 767px) {
#content {
padding-top: 40px !important;
}
}
.text-center.social-center {
text-align: center;
}
@media screen and (max-width: 767px) {
.header-code-widgets {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.tatsu-normal-icon.align-none .tatsu-icon {
margin-right: 0px;
}
}
@media screen and (max-width: 767px) {
footer#bottom-widgets {
padding-top: 40px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 767px) {
#bottom-widgets .column-block {
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.tatsu-icon-shortcode {
margin-bottom: 0px;
}
}
@media screen and (max-width: 767px) {
#footer-wrap {
padding-top: 10px;
padding-bottom: 10px;
}
}
.tatsu-list-inner a span {
transition: all 0.4s;
}
.tatsu-list-inner a span:hover {
color: #2274b2 !important;
margin-left: 7px;
transition: all 0.4s;
}
@media screen and (max-width: 767px) {
.tatsu-no-gutter > .tatsu-row {
flex-direction: column-reverse;
}
} @media screen and (max-width: 767px) {
.custom-icon .tatsu-column-pad p {
margin-top: 10px;
}
.custom-icon .tatsu-column-pad .tatsu-icon-bg.plain .tatsu-icon.default,
.custom-icon .tatsu-column-pad .tatsu-normal-icon .tatsu-icon.plain:before {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.custom-icon h6,
p {
text-align: center !important;
}
}
p.team-description {
text-align: justify;
padding-right: 10px;
}
.filters {
position: relative;
}
@media screen and (max-width: 767px) {
.filters .filter_item {
display: none;
}
}
.filters .filter_item span {
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.filters .filter_item span:hover {
padding: 5px 18px;
color: #217cc0;
border: 1px solid;
}
}
@media screen and (max-width: 767px) {
.filters .filter_item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.filters .filter_item .current_choice {
display: none;
}
}
.filters .display-mobiles {
display: none;
}
@media screen and (max-width: 767px) {
.filters .display-mobiles {
display: block;
padding: 10px 20px;
text-align: center !important;
background: #2274b2;
font-weight: bold;
color: #ffffff;
}
}
.filters .display-mobiles.close::after {
content: "\f077";
font-family: "Font Awesome 5 Free";
position: absolute;
right: 25px;
}
.filters .display-mobiles.open::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
position: absolute;
right: 25px;
}
.portfolio-details.style1.oshine-module.tatsu-fqp90yzw2133ssz0 p {
text-align: center !important;
}
.morecontent span {
display: none;
}
.morelink {
display: block;
}