@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@0;1&family=Jost:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"); h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Jost', sans-serif;
font-weight: 600;
margin-bottom: 30px;
color: #012b3f;
}
h1 {
font-size: 63px;
line-height: 70px;
color: #fff;
}
h6 {
font-size: 24px;
line-height: 30px;
}
.main-banner h6 {
color: #e98e72;
font-weight: 400;
}
.main-banner.banner-slider,
.main-banner.slider-for {
padding: 0;
display: block;
}
.main-banner.banner-slider .bzn-csd>span,
.main-banner.banner-slider .bzn-csd>h5 {
color: #fff;
}
.main-banner.banner-slider h6 {
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
margin-bottom: 1rem;
margin-left: 1rem;
color: #e98e72;
}
.main-banner.banner-slider .banner-content {
padding: 17rem 0 6rem;
}
.bgimg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-banner.banner-slider .slick-prev,
.main-banner.banner-slider .slick-next,
.main-banner.slider-for .slick-prev,
.main-banner.slider-for .slick-next {
right: 16%;
bottom: 12%;
}
.main-banner.banner-slider .bzn-csd>span {
max-width: none;
}
nav>ul>li.current_page_item a {
color: #e98e72;
}
footer {
background-color: #0f171e;
color: #fff;
}
.slick-center img {
border-bottom: 10px solid #3c4956;
padding-bottom: 2rem;
}
.page-template-gallery-detail .main-banner.banner-slider .banner-content {
padding: 25rem 0 0rem;
}
.page-template-gallery-detail .banner-content>h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 20px;
}
.page-template-gallery-detail .main-banner.banner-slider h6 {
font-weight: 500;
font-size: 18px;
margin-left: 0;
}
.pager-section.abt-pagr {
padding: 100px 0 0;
background-image: none;
}
.team-co {
background-image: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/main-banner-bg.jpg);
}
footer a {
color: #b7bcc1;
}
footer a:hover {
color: #e98e72;
}
.bottom-footer {
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.contact_info {
background-color: #012b3f;
}
#contact-form .form-submit {
position: relative;
}
#submit {
background-image: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/submit.png);
background-color: #0f253b;
background-repeat: no-repeat;
background-position: center;
width: 65px;
height: 65px;
border: none;
outline: none;
cursor: pointer;
border-radius: 50%;
position: relative;
top: 13%;
}
select.form-control:not([size]):not([multiple]) {
height: auto;
}
.form-control::-webkit-input-placeholder { color: #777777;
}
.form-control::-moz-placeholder { color: #777777;
}
.form-control:-ms-input-placeholder { color: #777777;
}
.form-control:-moz-placeholder { color: #777777;
}
.main-banner.banner-slider.opg .banner-content>p {
padding-right: 80px;
}
.page-template-contact #contact-form .form-submit {
float: right;
}
.contgrid .col-lg-4 .text-center {
background-color: #fff;
box-shadow: 0 0 30px rgba(23, 23, 23, 0.15);
padding: 20px;
margin: 10px 0;
}
.contgrid h3 {
color: #222222;
font-size: 26px;
margin-bottom: 20px;
font-weight: 500;
}
.contgrid p {
color: #777777;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.contgrid {
max-width: 1200px;
position: relative;
z-index: 9;
}
.logos-carousel .slick-slide img {
width: auto;
margin: auto;
}
.logos-carousel .slick-track .slick-slide {
float: none;
display: inline-block;
vertical-align: middle;
}
.logos-carousel .slick-prev {
left: 10px;
}
.logos-carousel .slick-next {
right: 10px;
}
.logos-section {
padding: 50px 0;
}
.testi-slide .la-star::before {
color: #ff8f2e;
}
.user-info>h3>span {
display: block;
color: #24262e;
font-size: 13px;
font-weight: 500;
}
.testimonial-section {
padding: 0 15px;
}
.footer-form {
clear: both;
}
.blog-thumbnail {
height: auto;
}
.blog-thumbnail img {
width: 100%;
}
.block {
padding: 100px 0;
}
.service-section .section-title {
max-width: 800px;
margin: auto;
}
.service-section .section-title .sub-title,
.service-section .section-title>p {
max-width: 100%;
}
.service-section .section-title>p {
max-width: 100%;
}
.fst p {
color: #24262e;
font-size: 18px;
margin-top: 10px;
margin-bottom: 3rem;
}
.lnk-default2.def2::before {
background-color: #b7bbc0;
}
.lnk-default2.def2 {
color: #4d5955;
font-size: 18px;
font-weight: 400;
}
.lnk-default2.def2:hover {
color: #e98e72;
}
.services_thumb img {
opacity: 1;
visibility: visible;
margin: auto auto 2rem;
}
.order-1 {
order: 2;
}
.order-2 {
order: 1;
}
img {
height: auto;
display: block;
max-width: 100%;
}
.mtt-2 {
margin-top: 2rem;
}
p {
color: #777777;
font-size: 18px;
line-height: 30px;
}
.service_content {
padding: 15px;
}
.ablr .row {
margin: 2rem 0;
}
.section-title.style2 p.mw-45 {
max-width: 100%;
}
.ssub {
margin-bottom: 1rem;
display: block;
font-weight: 600;
}
.lnk-default2 i {
right: auto;
left: 100%;
margin: 0 0 0 12px;
}
.project-info-top h5 {
color: #fff;
font-size: 24px;
font-weight: 600;
background-color: #012b3f;
padding: 10px 20px;
}
.project-item a {
color: #fafafa;
}
.project-item .lnk-default2.def2 {
color: #fafafa;
font-size: 18px;
position: relative;
left: 2rem;
}
.project-item .lnk-default2 i,
.about-text .lnk-default2 i,
.home-team .lnk-default2 i {
right: 100%;
left: -45px;
}
.about-text .lnk-default2,
.home-team .lnk-default2 {
color: #012b3f;
font-size: 18px;
}
.about-text .lnk-default2:hover,
.home-team .lnk-default2:hover {
color: #e98e72;
}
.project-cont {
visibility: hidden;
opacity: 0;
}
.project-item:hover .project-cont {
visibility: visible;
opacity: 1;
}
.project-item {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.logos-section .section-title .sub-title {
max-width: 100%;
font-size: 32px;
}
.logos-section .section-title {
margin-bottom: 3rem;
}
.archt {
margin: 3rem 0 5rem;
}
.catalog-product-page .btn-default,
.catalog-product-page .slick-dots li.slick-active button,
.pger-imgs::before {
background-color: #012b3f;
}
.catalog-product-page .btn-default:hover {
background-color: #e98e72;
}
.page-template-about .project-info-top h5 {
text-transform: uppercase;
}
.award-col>h2 {
color: #012b3f;
}
.award-col>h3 {
padding-right: 0;
}
.page-template-about .otz-optz {
margin-bottom: 0;
}
.abt-txt>span::before {
display: none;
}
.abt-txt>h4 {
font-size: 23px;
line-height: 32px;
padding-right: 0;
}
.btn-black {
background-color: #e98e72;
}
.btn-black:hover {
background-color: #012b3f;
color: #fff;
}
.consult-text p {
margin-bottom: 30px;
}
.wpcf7-spinner {
position: absolute;
}
.subsc-form {
display: flex;
margin-top: 4rem;
}
.subsc-form .lnk-default2 {
cursor: pointer;
color: #fff;
font-weight: 500;
background-image: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/arr.png);
background-repeat: no-repeat;
background-position: 80% 50%;
}
.contt-img img {
margin: auto;
}
.fctb {
position: relative;
}
.fctb i {
position: absolute;
color: #fff;
right: 30%;
top: 38%;
}
.consult-text h6 {
margin-bottom: 1rem;
font-size: 18px;
}
.shop-online .project-text>p {
font-size: 26px;
line-height: 36px;
}
.home-team .project-text>p {
font-size: 18px;
margin-bottom: 60px;
}
.hservice .blog-post {
-webkit-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-moz-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-ms-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-o-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
}
.view-all {
margin: auto;
}
.page-title {
font-size: 1.5rem;
}
.serach-block .block {
padding: 0;
margin-bottom: ;
}
.serach-block h5 {
font-size: 1.5rem;
margin-bottom: 2rem;
}
.serach-block .post-row {
margin-bottom: 4rem;
}
.tri {
position: relative;
}
.tri::before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 92px 92px 0;
border-color: transparent #ffffff transparent transparent;
display: block;
content: "";
position: absolute;
right: 0;
top: 0;
}
.tri::after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 70px 0;
border-color: transparent #012b3f transparent transparent;
display: block;
content: "";
position: absolute;
right: 0;
top: 0;
}
.project-item:hover .tri::after,
.blog-post:hover .tri::after {
border-color: transparent #e98e72 transparent transparent;
}
.slider-nav .tri::before {
width: 0;
height: 0;
border-style: solid;
border-width: 142px 142px 0 0;
border-color: #0e1f34 transparent transparent transparent;
display: block;
content: "";
position: absolute;
right: auto;
top: 0;
left: 0;
}
.slider-nav .tri::after {
width: 0;
height: 0;
border-style: solid;
border-width: 120px 120px 0 0;
border-color: #e98e72 transparent transparent transparent;
display: block;
content: "";
position: absolute;
right: auto;
top: 0;
left: 0;
}
.contactin .fas {
background-color: #012b3f;
color: #fff;
padding: 10px;
font-size: 24px;
border-radius: 50px;
width: 50px;
height: 50px;
text-align: center;
line-height: 30px;
}
.contactin .d-flex:hover .fas {
background-color: #e98e72;
}
h5 {
font-size: 24px;
font-weight: 600;
line-height: 36px;
}
.contactin .col {
-webkit-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-moz-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-ms-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
-o-box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
box-shadow: 0 0 10px rgba(23, 23, 23, 0.10);
border-bottom: 5px solid #fff;
background-color: #fff;
}
.contactin .d-flex {
padding-top: 30px;
padding-bottom: 30px;
}
.contactin .col:hover {
border-bottom: 5px solid #e98e72;
}
* {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.slider-nav {
max-width: 45%;
position: absolute;
right: 0;
bottom: -15%;
z-index: 9;
}
header .btn-default {
padding: 10px 15px;
margin-right: 0;
}
nav a {
margin: 0 1.5rem;
}
.logo {
max-width: 180px;
}
header {
padding: 1rem;
}
.main-banner .slick-dots {
left: 0;
width: auto;
}
.slick-dots li {
padding: 6px;
border: 2px solid transparent;
margin: 0;
}
.slick-dots li.slick-active {
border: 2px solid #e98e72;
border-radius: 50px;
}
.slick-dots li button {
width: 10px;
height: 10px;
}
#about {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_02.png) 0 0 no-repeat, url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_05.png) 90% 85% no-repeat;
background-color: #fcfaf8;
}
.contactin h5 {
margin-bottom: 10px;
}
.contactin span a {
color: #777777;
}
.contactin .col-md-10 {
padding-left: 2rem;
}
.contactin.cnum span {
font-size: 50px;
font-weight: 600;
text-align: right;
display: block;
color: #e98e72;
}
.contactin.cnum h5 {
font-size: 20px;
color: #012b3f;
font-weight: 600;
line-height: 24px;
}
sup {
font-size: 30px;
font-weight: 600;
position: relative;
top: -20px;
}
.contactin.cnum .d-flex {
align-items: center;
}
.contactin.cnum {
margin-top: -13rem;
}
.contactin.cnum .col {
background-color: #fff;
}
#portfolio {
background-color: #fcfaf8;
}
.section-title h6 {
color: #e98e72;
text-transform: uppercase;
margin-bottom: 10px;
}
#testimonials {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_05.png) 10% 85% no-repeat, url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp02_02.png) 100% 0 no-repeat;
background-color: #fcfaf8;
}
.testi-slide h5 {
color: #e98e72;
margin-bottom: 0;
}
.testi-slide h6 {
color: #777777;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
.testi-carousel .fas:hover {
background-color: #e98e72;
color: #fff;
}
.testi-carousel .fas {
right: auto;
left: 15px;
top: auto;
bottom: 0;
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
transform: inherit;
border-radius: 50px;
border: 2px solid #777777;
background: transparent;
cursor: pointer;
padding: 20px;
position: absolute;
right: 0;
left: auto;
top: 15%;
bottom: auto;
}
.testi-carousel .fas.fa-arrow-left {
top: 40%;
}
.testimonial-section {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_12.png) 0 13% no-repeat;
}
#contact {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_02.png) 0 -80% no-repeat;
}
.footer-form {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_05.png) 90% 100% no-repeat;
}
.form-submit .btn-default {
background-color: #e98e72;
border: none;
width: 100%;
cursor: pointer;
}
.form-submit .btn-default:hover {
background-color: #012b3f;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.brn-imgz.tri::before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 92px 92px;
border-color: transparent transparent #0e1f34 transparent;
display: block;
content: "";
position: absolute;
left: auto;
bottom: 0;
right: 0;
top: auto;
}
.brn-imgz.tri::after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 70px 70px;
border-color: transparent transparent #e98e72 transparent;
display: block;
content: "";
position: absolute;
left: auto;
bottom: 0;
right: 0;
top: auto;
}
.brn-imgz.tri img {
margin: auto 0 auto auto;
}
#benefits {
background-image: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_09.jpg);
}
.relb img {
margin: auto auto 10px auto;
}
.relb.tri {
background-color: #fff;
padding: 3rem;
text-align: center;
}
h4 {
font-size: 30px;
line-height: 40px;
}
#benefits .relb h4 {
color: #183f3c;
margin-bottom: 10px;
}
#benefits .relb span {
color: #777777;
}
.relb.tri {
border-bottom: 2px solid #e98e72;
}
.relb.tri::before {
width: 0;
height: 0;
border-style: solid;
border-width: 92px 92px 0 0;
border-color: #1c2d42 transparent transparent transparent;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
}
.relb.tri::after {
width: 0;
height: 0;
border-style: solid;
border-width: 70px 70px 0 0;
border-color: #e98e72 transparent transparent transparent;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
}
#benefits,
#benefits h2,
#benefits h5 {
color: #fff;
}
#benefits h5 {
display: flex;
align-items: center;
}
.rel {
margin-top: 2rem;
margin-bottom: 2rem;
}
#benefits h2 {
margin-bottom: 0;
}
.highl .fas {
margin-right: 1rem;
font-size: 12px;
border: 3px solid #e98e72;
padding: 4px;
border-radius: 50px;
color: #e98e72;
}
.highl .col {
margin-top: 3rem;
}
.ft-logo img {
margin: auto;
}
.mbutton {
margin: auto;
border:none;
}
.hidden {
visibility: hidden;
width: 0px !important;
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
.masonary .project-item {
position: relative !important;
width: 31.3%;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
}
.masonary.row {
align-items: flex-start;
align-content: flex-start;
overflow: hidden;
}
@media (min-width: 992px) {
.relb.tri {
margin-bottom: 2rem;
}
.block {
padding: 150px 0;
}
#about.block {
padding: 180px 0 220px;
}
.rel {
margin-top: -10rem;
}
#portfolio {
padding-bottom: 250px;
}
.btop {
margin-top: -17rem;
}
.contgrid {
margin: auto auto -20rem auto;
}
.contgrid .col-lg-4 .text-center {
min-height: 400px;
}
.services_thumb img {
opacity: 0;
visibility: hidden;
}
.service_content {
max-width: 750px;
padding: 2rem 4rem;
}
.ablr .order-2 .service_content {
float: right;
}
.ablr .col-lg-6 {
padding: 0;
}
.section-title.style2 p.mw-45 {
max-width: 45%;
}
.section-title.style2 p {
text-align: right;
}
.arch-section .sub-title {
padding-right: 30px;
}
.consult-img {
position: relative;
top: -55px;
padding-left: 81px;
}
.consult-img>img {
display: block;
width: 100%;
}
.sltop .slick-prev {
top: -120px;
right: 100px;
left: auto;
}
.sltop .slick-next {
top: -120px;
right: 30px;
left: auto;
}
.home-team .project-carousel .slick-prev {
margin-left: -70px;
}
.hservice .project-text .sub-title {
margin-bottom: 6rem;
}
.page-title {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
.pager-info {
max-width: 520px;
float: left;
}
.pager-section.abt-pagr .pger-imgs {
margin-bottom: auto;
top: -240px;
}
.pger-imgs .abt-imgz {
padding-left: 2rem;
}
}
@media (min-width: 1400px) {
.logo-section {
max-width: 1150px;
margin: auto;
}
.logos-carousel .slick-prev {
left: -95px;
}
.logos-carousel .slick-next {
right: -95px;
}
.testimonial-section { }
}
@media (max-width: 1200px) {
.sncd-img {
position: static;
padding-right: 0;
}
.pger-imgs {
width: 100%;
margin-bottom: 0;
}
.pger-imgs::before {
content: '';
position: absolute;
bottom: -240px;
right: 0;
width: 284px;
height: 319px;
display: none;
}
.pager-section.abt-pagr {
padding: 100px 0;
}
.pger-imgs .abt-imgz {
position: relative;
justify-content: space-evenly;
}
.our-history {
margin-bottom: 2rem;
}
.pger-imgs .abt-imgz img {
max-width: 100%;
margin-top: 1rem;
}
}
@media (max-width: 1100px) {
.slider-nav {
display: none;
}
h1 {
font-size: 40px;
line-height: 50px;
}
h2 {
font-size: 24px;
line-height: 34px;
}
.abt-txt {
position: static;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 991px) {
.services_thumb {
background-image: none !important;
}
.order-1 {
order: 2;
}
.order-2 {
order: 2;
}
.catalog-product-info {
margin-top: 4rem;
}
.page-content.ctgs {
padding-bottom: 50px;
}
.home-team .slick-prev {
left: 50px;
top: 45%;
right: auto;
}
.home-team .slick-next {
right: 0;
top: 45%;
left: auto;
}
.testi-carousel .fas.fa-arrow-left {
left: 0;
right: auto;
}
.testi-carousel .fas.fa-arrow-right {
top: 40%;
}
.testimonial-section {
background: url(//triplebrothers.com/wp-content/themes/triple_brothers/assets/images/Comp01_12.png) 0 0 no-repeat;
}
.brn-imgz.tri img {
margin: auto;
width: 100%;
}
.contactin.cnum {
margin-top: inherit;
}
.testimonial-section {
background-size: 50px;
}
}
@media (max-width: 767px) {
.subsc-form {
flex-flow: row wrap;
}
.subsc-form .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 0.5rem;
}
.subsc-form .lnk-default2 {
max-width: 280px;
margin-left: 0;
}
.main-banner.banner-slider .slick-prev {
left: 0;
}
.main-banner.banner-slider .slick-next {
right: 0;
}
.main-banner.banner-slider .slick-prev,
.main-banner.banner-slider .slick-next,
.main-banner.slider-for .slick-prev,
.main-banner.slider-for .slick-next {
bottom: 2%;
}
.hservice .slick-next {
right: 0;
}
.hservice .slick-prev {
left: 0;
}
.main-banner.banner-slider .banner-content {
padding: 10rem 0 6rem;
}
.testi-slide {
padding: 20px 20px;
}
.testi-carousel .fas {
padding: 10px;
}
.testi-carousel .fas.fa-arrow-left {
left: -10px;
}
.testi-carousel .fas.fa-arrow-right {
right: -10px;
}
.col {
flex-basis: auto;
}
.contactin .d-flex .col-md-2 {
text-align: center;
}
}
@media (max-width: 576px) {
.testi-carousel .slick-dots {
bottom: auto;
}
}
@media (max-width: 480px) {
.contact_map iframe {
height: 300px !important;
}
.subsc-form .lnk-default2 {
max-width: 100%;
}
}