body {
line-height: 1.2;
color: #666666;
}
.red,
.red p {
color: #EB131F;
}
.bold,
.bold p {
font-weight: bold;
}
.white,
.white p {
color: #FFFFFF;
}
.c3,
.c3 p {
color: #333333;
}
.c6,
.c6 p {
color: #666666;
}
.c9,
.c9 p {
color: #999999;
}
.p_v_5 {
padding-top: 5px;
padding-bottom: 5px;
}
.p_h_5 {
padding-left: 5px;
padding-right: 5px;
}
.p_t_5 {
padding-top: 5px;
}
.p_r_5 {
padding-right: 5px;
}
.p_b_5 {
padding-bottom: 5px;
}
.p_l_5 {
padding-left: 5px;
}
.m_v_5 {
margin-top: 5px;
margin-bottom: 5px;
}
.m_h_5 {
margin-left: 5px;
margin-right: 5px;
}
.m_t_5 {
margin-top: 5px;
}
.m_r_5 {
margin-right: 5px;
}
.m_b_5 {
margin-bottom: 5px;
}
.m_l_5 {
margin-left: 5px;
}
.p_v_10 {
padding-top: 10px;
padding-bottom: 10px;
}
.p_h_10 {
padding-left: 10px;
padding-right: 10px;
}
.p_t_10 {
padding-top: 10px;
}
.p_r_10 {
padding-right: 10px;
}
.p_b_10 {
padding-bottom: 10px;
}
.p_l_10 {
padding-left: 10px;
}
.m_v_10 {
margin-top: 10px;
margin-bottom: 10px;
}
.m_h_10 {
margin-left: 10px;
margin-right: 10px;
}
.m_t_10 {
margin-top: 10px;
}
.m_r_10 {
margin-right: 10px;
}
.m_b_10 {
margin-bottom: 10px;
}
.m_l_10 {
margin-left: 10px;
}
.p_v_15 {
padding-top: 15px;
padding-bottom: 15px;
}
.p_h_15 {
padding-left: 15px;
padding-right: 15px;
}
.p_t_15 {
padding-top: 15px;
}
.p_r_15 {
padding-right: 15px;
}
.p_b_15 {
padding-bottom: 15px;
}
.p_l_15 {
padding-left: 15px;
}
.m_v_15 {
margin-top: 15px;
margin-bottom: 15px;
}
.m_h_15 {
margin-left: 15px;
margin-right: 15px;
}
.m_t_15 {
margin-top: 15px;
}
.m_r_15 {
margin-right: 15px;
}
.m_b_15 {
margin-bottom: 15px;
}
.m_l_15 {
margin-left: 15px;
}
.p_v_20 {
padding-top: 20px;
padding-bottom: 20px;
}
.p_h_20 {
padding-left: 20px;
padding-right: 20px;
}
.p_t_20 {
padding-top: 20px;
}
.p_r_20 {
padding-right: 20px;
}
.p_b_20 {
padding-bottom: 20px;
}
.p_l_20 {
padding-left: 20px;
}
.m_v_20 {
margin-top: 20px;
margin-bottom: 20px;
}
.m_h_20 {
margin-left: 20px;
margin-right: 20px;
}
.m_t_20 {
margin-top: 20px;
}
.m_r_20 {
margin-right: 20px;
}
.m_b_20 {
margin-bottom: 20px;
}
.m_l_20 {
margin-left: 20px;
}
.p_v_25 {
padding-top: 25px;
padding-bottom: 25px;
}
.p_h_25 {
padding-left: 25px;
padding-right: 25px;
}
.p_t_25 {
padding-top: 25px;
}
.p_r_25 {
padding-right: 25px;
}
.p_b_25 {
padding-bottom: 25px;
}
.p_l_25 {
padding-left: 25px;
}
.m_v_25 {
margin-top: 25px;
margin-bottom: 25px;
}
.m_h_25 {
margin-left: 25px;
margin-right: 25px;
}
.m_t_25 {
margin-top: 25px;
}
.m_r_25 {
margin-right: 25px;
}
.m_b_25 {
margin-bottom: 25px;
}
.m_l_25 {
margin-left: 25px;
}
.p_v_30 {
padding-top: 30px;
padding-bottom: 30px;
}
.p_h_30 {
padding-left: 30px;
padding-right: 30px;
}
.p_t_30 {
padding-top: 30px;
}
.p_r_30 {
padding-right: 30px;
}
.p_b_30 {
padding-bottom: 30px;
}
.p_l_30 {
padding-left: 30px;
}
.m_v_30 {
margin-top: 30px;
margin-bottom: 30px;
}
.m_h_30 {
margin-left: 30px;
margin-right: 30px;
}
.m_t_30 {
margin-top: 30px;
}
.m_r_30 {
margin-right: 30px;
}
.m_b_30 {
margin-bottom: 30px;
}
.m_l_30 {
margin-left: 30px;
}
.p_v_35 {
padding-top: 35px;
padding-bottom: 35px;
}
.p_h_35 {
padding-left: 35px;
padding-right: 35px;
}
.p_t_35 {
padding-top: 35px;
}
.p_r_35 {
padding-right: 35px;
}
.p_b_35 {
padding-bottom: 35px;
}
.p_l_35 {
padding-left: 35px;
}
.m_v_35 {
margin-top: 35px;
margin-bottom: 35px;
}
.m_h_35 {
margin-left: 35px;
margin-right: 35px;
}
.m_t_35 {
margin-top: 35px;
}
.m_r_35 {
margin-right: 35px;
}
.m_b_35 {
margin-bottom: 35px;
}
.m_l_35 {
margin-left: 35px;
}
.p_v_40 {
padding-top: 40px;
padding-bottom: 40px;
}
.p_h_40 {
padding-left: 40px;
padding-right: 40px;
}
.p_t_40 {
padding-top: 40px;
}
.p_r_40 {
padding-right: 40px;
}
.p_b_40 {
padding-bottom: 40px;
}
.p_l_40 {
padding-left: 40px;
}
.m_v_40 {
margin-top: 40px;
margin-bottom: 40px;
}
.m_h_40 {
margin-left: 40px;
margin-right: 40px;
}
.m_t_40 {
margin-top: 40px;
}
.m_r_40 {
margin-right: 40px;
}
.m_b_40 {
margin-bottom: 40px;
}
.m_l_40 {
margin-left: 40px;
}
.p_v_100 {
padding: 100px 0;
}
.p_t_100 {
padding-bottom: 100px;
} .read_more {
margin-top: 20px;
}
.read_more_btn {
color: #FFFFFF !important;
background-color: #00648F;
font-size: 18px;
padding: 15px 45px;
display: inline-block;
border: 0 !important;
}
.read_more_btn:hover {
background-color: #333333;
text-decoration: none !important;
}
.read_more_wrap {
margin-top: 20px;
}
.wpcf7-form .read_more_btn {
color: #FFFFFF !important;
background-color: #00648F !important;
font-size: 18px !important;
padding: 15px 45px !important;
display: inline-block !important;
}
.wpcf7-form .read_more_btn:hover {
color: #EC141F !important;
background-color: #333333 !important;
text-decoration: none !important;
} .header-logo-mobile {
padding-top: 10px;
padding-bottom: 10px;
}
.header-logo-mobile>a {
display: inline-block;
}
.x-nav-menu li>ul.x-sub-menu {
top: auto;
} footer.main-footer-wrapper {
padding-top: 80px !important;
}
.footer_logo_content {
font-size: 18px;
font-family: 'Oswald';
line-height: 1.2;
margin-top: 20px;
}
.main-footer .widget-title span {
font-size: 18px;
font-family: 'Oswald';
line-height: 1;
margin: 20px 0;
}
#menu-footer-menu li a {
font-family: 'Oswald';
}
.footer_contact_wrap li,
.footer_contact_wrap li a {
line-height: 1.1;
color: #999999;
font-size: 16px;
}
.footer_contact_wrap li a:hover {
color: #eb131f;
}
.footer_contact {
margin-bottom: 20px;
padding-left: 30px;
position: relative;
}
.footer_address::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/footer_address_icon.png)
}
.footer_tel::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/footer_tel_icon.png)
}
.footer_fax::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/footer_fax_icon.png)
}
.footer_email::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/footer_email_icon.png)
}
.footer_contact::before {
position: absolute;
left: 0;
top: 0;
}
.footer_email {
margin-bottom: 0;
}
.footer_top_holder .sidebar .widget_text {
margin-bottom: 20px;
}
.footer_top_holder {
margin-bottom: 30px;
}
.footer_social li {
float: left;
}
.footer_social li a {
margin-right: 20px;
}
.bottom-bar-inner {
margin-bottom: 30px;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar-bottom-left .widget_text .textwidget .copyright a,
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a {
font-family: 'Lato';
font-size: 14px;
line-height: 1.1;
color: #999999;
font-weight: 400;
}
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar-bottom-left .widget_text .textwidget .copyright a:hover,
footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_text a:hover {
color: #eb131f;
} .page-title-wrap {
margin-bottom: 0;
}
.section_wrap {
padding: 100px 0;
}
.page_section_title .section_title {
margin-bottom: 40px !important;
}
.page_section_title .section_include_sub_title {
margin-bottom: 15px !important;
}
.page_section_title .section_sub_title {
margin-bottom: 30px !important;
}
.page_section_title .home_title {
margin-bottom: 60px !important;
}
.home_about_us_wrap .darna-slider-container .owl-controls .owl-buttons div {
background-color: transparent;
border: 2px solid #fff;
}
.home_about_us_wrap .darna-slider-container .owl-controls .owl-buttons div i {
line-height: 36px;
}
.max_content {
max-width: 900px;
margin: 0 auto;
}
.client_name {
display: block;
color: #FFFFFF !important;
}
.client_name:hover {
color: #eb131f !important;
}
.home_current_project_wrap .portfolio .portfolio-tabs ul.cat-style-normal::before,
.portfolio .portfolio-tabs ul.cat-style-normal::after {
content: "";
}
.wpcf7-form .wpcf7-form-control-wrap input[type="text"],
.wpcf7-form .wpcf7-form-control-wrap input[type="search"],
.wpcf7-form .wpcf7-form-control-wrap input[type="email"],
.wpcf7-form .wpcf7-form-control-wrap input[type="url"],
.wpcf7-form .wpcf7-form-control-wrap input[type="password"],
.wpcf7-form .wpcf7-form-control-wrap textarea {
width: 100%;
}
.x-description {
display: none !important;
}
.portfolio .portfolio-tabs ul li>a {
font-family: oswald;
}
.portfolio-wrapper figcaption {
padding: 14px 10px;
}
.portfolio-wrapper figure .fig-title .ico-view-detail,
.portfolio-wrapper figure .fig-title .ico-view-gallery {
padding: 5px;
height: auto;
top: 14px;
}
.portfolio-wrapper figure .fig-title .ico-view-detail {
right: 0px;
top: 0;
}
.portfolio-wrapper figure div.title {
font-size: 12px;
}
.portfolio-wrapper figure .fig-title .category {
font-size: 10px;
}
.portfolio-wrapper figure .fig-title .ico-view-gallery {
top: 30px;
min-width: 30px;
}
.home_slider_wrap p {
font-family: "Roboto";
font-size: 16px !important;
line-height: 1.2 !important;
}
.view-button-wrap {
display: none;
}
.jcarousel-wrapper .scroll-wrap {
display: inline-block;
margin: 0 auto;
}
.jcarousel ul li {
padding: 0;
}
.jcarousel-control-prev::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/jcarousel_pre.png);
}
.jcarousel-control-next::before {
content: url(//www.trivalleyx.com/wp-content/themes/tve/images/jcarousel_next.png);
}
.jcarousel img {
width: 100%;
}
.jcarousel ul li {
margin: 0 auto;
}
.jcarousel img {
display: inline-block;
} .portfolio-title {
margin-top: 100px;
}
.project_list_wrap,
.portfolio-related-wrap {
padding-bottom: 70px;
}
.portfolio-related-wrap {
background-color: #ddd;
}
.project_list_wrap .portfolio-item,
.portfolio-related .portfolio-item {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
}
.portfolio-title {
margin-bottom: 50px;
}
.portfolio-title>h2 {
font-size: 40px;
}
.portfolio-info-box {
padding-left: 30px;
position: relative;
}
.portfolio-content h5.portfolio_content_title {
font-size: 24px;
margin-bottom: 40px;
text-transform: uppercase;
}
.service_content_title {
font-size: 24px;
margin-bottom: 20px;
text-transform: uppercase;
}
.portfolio-info-box h5 {
margin-bottom: 5px;
}
.portfolio-info-start {
background: rgba(0, 0, 0, 0) url(//www.trivalleyx.com/wp-content/themes/tve/images/portfolio-info-start.png) no-repeat scroll left 15px;
}
.portfolio-info-finish {
background: rgba(0, 0, 0, 0) url(//www.trivalleyx.com/wp-content/themes/tve/images/portfolio-info-start.png) no-repeat scroll left 15px;
}
.portfolio-info-client {
background: rgba(0, 0, 0, 0) url(//www.trivalleyx.com/wp-content/themes/tve/images/portfolio-info-client.png) no-repeat scroll left 15px;
} .paging .portfolio-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
} @media (min-width: 990px) {
header.main-header .menu-wrapper .x-nav-menu>li.x-menu-item>a {
line-height: 60px !important;
}
.home_about_us_slider {
position: relative;
}
.home_about_us_slider .owl-wrapper-outer {
position: absolute;
}
.home_about_us_slider .owl-buttons {
position: relative;
}
.home_about_us_slider .owl-prev {
position: absolute;
left: 0;
}
.home_about_us_slider .owl-next {
position: absolute;
right: 0;
}
.home_about_us_wrap .home_about_us_slider {
padding-bottom: 100px;
}
}
@media (max-width: 989px) {
.x-nav-menu li.x-menu-item>a.x-menu-a-text>b.x-caret {
line-height: 1.6 !important;
}
.home_current_project_wrap .portfolio-item {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
.main-footer .widget-title {
text-align: center;
}
#menu-footer-menu {
max-width: 100px;
margin: 0 auto;
}
#text-5 .widget-title {
text-align: left;
}
}
@media (max-width: 768px) {
.sidebar-bottom-right .developer {
text-align: left;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.section_title,
.home_title,
.section_include_sub_title {
font-size: 48px;
}
.home_current_project_wrap .portfolio.slider .owl-controls.container .owl-buttons {
left: 50%;
margin-left: -75px;
position: absolute;
right: auto;
text-align: center;
top: 100px;
width: 150px;
}
}
@media (max-width: 360px) {
.owl-theme .owl-controls .owl-buttons div {
margin: -17px 5px 5px;
padding: 3px 10px;
top: 50%;
}
}