/*=====================================
YOU CAN WRIGHT CUSTOME CSS
======================================*/

.work-hover-grid h5 {
	max-width: calc(100% - 40px);
	text-align: center;
}

.logo-header-inner img {
	margin-left: 32px;
}

.header-center .wt-header-right-child {
	height: 100px;
	display: flex;
	align-items: center;
}

.bg-primary,
.nav-line-animation > li > a:before,
.nav-line-animation > li > a:after,
.input-animate.input .spin,
.wt-separator:after,
.work-hover-grid h5,
.sep-line-one:after,
.wt-separator:before,
.sep-line-one:before,
.site-button-link::before,
.our-team-two h5,
.play-now .icon,
.latest-blog-1 .wt-post-info .post-date:after,
.filter-navigation a::before,
.f-social-link.social-icons li a:after,
.footer-link ul li a::before,
.our-team-one .team-bg,
.our-team-one ul li a:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
ol.comment-list li.comment .reply a::before,
.contact-one .form-control:focus + .spin,
.cssload-box-loading::after,
.is-fixed .header-center .navbar-toggle .icon-bar {
	background-color: #ffb900;
}

.site-button-secondry,
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #1d1d1d;
}

a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.text-primary,
ul.primary li::before,
button.scroltop,
.header-nav .nav > li:hover > a,
.header-nav .nav > li .sub-menu li a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.header-nav .nav > li .mega-menu > li ul a:hover,
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a,
.header-nav .nav li.has-child.nav-active > a,
ol.comment-list li.comment .reply a,
.masonry-filter > li.active a,
.masonry-filter > li a:hover,
.masonry-filter > li a:active,
.masonry-filter > li a:focus,
.nav-dark.header-nav .nav > li .sub-menu li a:hover,
.site-button-link::after,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:active,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-nextt:hover,
.owl-carousel .owl-nav button.owl-next:active,
.owl-carousel .owl-nav button.owl-next:focus,
.our-team-two ul li a:hover,
.latest-blog-1 .wt-post-info .post-date,
.testimonial-5 .testimonial-paragraph .fa-quote-left,
.f-social-link.social-icons li a,
.footer-link ul li a:after,
.site-footer .widget-section > ul > li a:hover,
.has-child .submenu-toogle,
.nav-dark.header-nav .nav > li > a:hover,
.nav-dark.header-nav .nav > li > a:active,
.nav-dark.header-nav .nav > li > a:focus {
	color: #ffb900;
}

.site-button:active,
.site-button:hover,
.site-button:focus,
.site-button:visited,
.active > .site-button,
.site-button {
	background-color: #ffb900;
	color: #fff;
}

.site-button:after,
.site-button:before,
.tp-thumbs-inner-wrapper .tp-thumb.selected:after,
ol.comment-list li.comment .comment-body {
	border-color: #ffb900;
}

/* dark theme */

.bg-white,
.loading-box,
.contact-slide-hide {
	background-color: #202225 !important;
}

.bg-gray {
	background-color: #2f3136 !important;
}

.tp-tabs,
.tp-thumbs,
.tp-blockmask {
	background-color: #202225 !important;
}

h2,
h4,
h5,
.text-black,
.filter-navigation a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.footer-link ul li a,
.header-nav .nav > li > a,
.contact-one .form-control,
.input-animate.input,
.input-animate.input label,
.input-animate.input input,
.input-animate.input textarea,
.input-animate.input .spin {
	color: #fff;
}

.contact-one .form-control::placeholder,
.input-animate.input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.footer-large .footer-bottom,
.footer-bottom .copyrights-text {
	color: rgba(255, 255, 255, 0.7);
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.site-button-link,
.site-footer .widget-section > ul > li a,
.icon-md {
	color: #ffb900;
}

.f-social-link.social-icons li a:before {
	background: transparent;
}

.site-footer {
	border-color: #202225;
}

.work-hover-grid:before {
	background: rgba(32, 34, 37, 0.9);
}

.contact-slide-hide {
	border-color: #2f3136;
}

a:active,
a:hover,
a:focus,
.social-icons.social-darkest a {
	color: #ffb900;
}

.input-animate.input::before,
.social-icons.social-square.social-darkest a:hover,
.social-icons.social-radius.social-darkest a:hover {
	background: #ffb900;
}

.project-detail-containt .social-icons li {
	border-color: #ffb900;
}

.contact-informations-bar {
	width: 100%;
	height: 30px;
	background-color: #2f3136;
}

.content-contact-informations-bar {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 30px;
	align-items: center;
}

.informations-bar {
	display: flex;
}

.informations-bar div {
	margin-right: 16px;
}

.video-background {
	width: 100%;
	height: 100%;
}

.text-section-captacao {
	display: flex;
	justify-content: center;
}

.title-counter {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 32px;
	color: rgba(255, 255, 255, 0.7);
}

.number-counter {
	font-size: 64px;
}

.home-client-carousel-2.owl-carousel.owl-carousel .owl-nav.disabled {
	display: block;
}

.whatsapp-button {
	width: 70px;
	height: 70px;
	background: #25d366;
	color: #fff;
	border-radius: 100px;
	box-shadow: 0 4px 32px -8px rgba(255, 255, 255, 0.4);
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	z-index: 999999;
}

.whatsapp-button:hover {
	transform: scale(1.1);
	color: #fff !important;
}

#myVideo {
	box-shadow: -30px 30px 60px 0 rgba(0, 0, 0, 0.5);
}

.flex-wrap-dife {
	display: flex;
	flex-wrap: wrap;
}

.flex-wrap-dife .col-md-3 {
	float: unset;
}

.flex-wrap-dife .hover-box-effect.v-icon-effect,
.flex-wrap-dife .wt-icon-box-wraper.center {
	height: 100%;
}

.form-control::placeholder {
	font-family: "Poppins", sans-serif !important;
	text-transform: initial !important;
	font-weight: 400 !important;
	color: #fff !important;
}

select {
	background-color: #2f3136 !important;
}

select.select-c {
	background: #202225 !important;
	border: none;
}

.input-animate.input select {
	height: 60px;
	top: 10px;
}

.no-border-bottom.input-animate.input::before,
.no-border-bottom.input-animate.input .spin {
	display: none;
}

.no-border-bottom {
	margin-bottom: 0px !important;
}

input[type="file"] {
	position: absolute;
	left: -200vw;
}

#button-file {
	color: #fff;
	padding: 10px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background-color: #ffb900;
	border: none;
	font-size: 13px;
	display: flex;
	width: 150px;
	width: 243px;
	margin-left: 10px;
}

.content-send-file {
	display: flex;
}

.text-left .wt-separator-outer.separator-center {
	text-align: left !important;
}

.float-left {
	float: left !important;
}

.text-right .wt-separator-outer.separator-center {
	text-align: left !important;
}

.container-button-solicite {
	display: flex;
	justify-content: center;
}

.float-right {
	float: left !important;
}

::selection {
	background: #ffb900 !important;
	color: #fff;
}
::-moz-selection {
	background: #ffb900 !important;
	color: #fff;
}
::-webkit-selection {
	background: #ffb900 !important;
	color: #fff;
}

.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.work-hover-grid h4 {
	font-size: 14px;
}

.hover-box-effect {
	overflow: hidden;
	height: 287px;
	transition: 0.4s;
	cursor: pointer;
}

.hover-box-effect .site-button-link {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hover-box-effect .site-button-link ion-icon.md.hydrated {
	font-size: 26px;
	transition: 0.4s;
	margin-top: 4px;
}

.hover-box-effect .site-button-link:hover:before {
	opacity: 0 !important;
	width: 0 !important;
}

.hover-box-effect:hover .site-button-link ion-icon.md.hydrated {
	margin-top: 16px;
}

.hover-box-effect .site-button-link:hover ion-icon.md.hydrated {
	margin-top: 16px;
}

.wt-media {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 345px;
}

.image-about-slider {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 451px;
}

.testimonial-5 .testimonial-paragraph span.fa.fa-quote-left.text-primary {
	position: relative;
	top: -16px;
	left: 4px;
}

.tp-bgimg.defaultimg[src="images/works/51.jpg?i=645"] {
	background-position: 30vw -33vw !important;
	background-size: 80vw !important;
}

.tp-bgimg.defaultimg[src="images/works/50.png?i=20"] {
	background-position: 21vw !important;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 12px;
	height: 8px;
	margin: 5px;
	background: #ffb900;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.owl-carousel .owl-dots .owl-dot.active span {
	background: #ffb900;
	width: 20px;
}

@media (max-width: 991px) {
	.contact-slide-show.text-white,
	.bg-primary .site-search-btn {
		color: #ffb900;
	}

	.tp-bgimg.defaultimg[src="images/works/51.jpg?i=645"] {
		background-size: cover !important;
		background-position: center !important;
	}

	.tp-bgimg.defaultimg[src="images/works/50.png?i=20"] {
		background-position: center !important;
	}

	.is-fixed .header-center .navbar-toggle {
		top: 55px;
	}

	.logo-header-inner img {
		margin-left: 0px;
	}

	.content-send-file {
		flex-direction: column;
		margin-bottom: 24px;
	}

	#button-file {
		width: 100%;
		margin: 0;
		margin-top: 8px;
		justify-content: center;
	}

	.informations-bar:first-child {
		flex-direction: column;
		font-size: 12px;
	}

	.contact-informations-bar {
		width: 100%;
		height: 40px;
		background-color: #2f3136;
	}

	.content-contact-informations-bar {
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 40px;
		align-items: center;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
		border-top: 0px;
		top: 70px;
	}
}

.loading-area {
	display: none;
}

.wt-breadcrumb li a:hover {
	color: #ffb900;
}

.site-button:hover,
.site-button:focus,
.site-button:active,
.our-team-one:hover .team-bg,
.our-team-one.hover .team-bg {
	background-color: #1a1a1a;
}

.input-animate.input select {
	color: #fff;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px #202225 inset !important; /* Change the color to your own background color */
	-webkit-text-fill-color: #ffffff !important;
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px #202225 inset !important; /*your box-shadow*/
	-webkit-text-fill-color: #ffffff !important;
}