@charset "utf-8";
/*
Theme Name: Fine Build
Theme URI: http://themesmill.com/wp-demo/finebuild
Description: Fine Build WordPress Theme
Author: Themes Mill
Author URI: http://themesmill.com/
Version: 1.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, theme-options
Text Domain: fine-build
*/

/**

* Table of Contents :
* 1.0 - Import Stylsheet
* 2.0 - General
* 3.0 - Page Loader Icon
* 4.0 - Logo CSS
* 5.0 - Header CSS
* 6.0 - Main Menu Style
* 7.0 - Flex Slider CSS
* 8.0 - Why us section
* 9.0 - Projects Slick Slider
* 10.0 - Offers Section
* 11.0 - Blog Home Style
* 12.0 - Our Clients
* 13.0 - Testimonials
* 14.0 - Call to Action
* 15.0 - Pricing Table
* 16.0 - Footer Style
* 17.0 - Breadcrumbs
* 18.0 - Company Intro
* 19.0 - Company Intro slides
* 20.0 - Our Team Section
* 21.0 - Project Facts
* 22.0 - FAQs Section
* 23.0 - CEO Message
* 24.0 - Our Clients Slider
* 25.0 - Services Style 1
* 26.0 - Services Style 2
* 27.0 - Services Detail
* 28.0 - Sidebar Styling
* 29.0 - Sidebar Posts Widget
* 30.0 - Sidebar Tags
* 31.0 - Sidebar Archives
* 32.0 - Recent Projects
* 33.0 - Project Slider
* 34.0 - Project Info
* 35.0 - Related Projects
* 36.0 - Blog Full
* 37.0 - Blog Grid
* 38.0 - Blog Detail
* 39.0 - Contact Page
* 40.0 - 404
* 41.0 - Shop Listing Page
* 42.0 - Shop Detail Page

[Colors]

Body Background:	            #ffffff
Body gray:		                #eeeeee
Content General Text:	        #666666
h1, h2, h3, h4, h5, h6:	        #333333
Footer:		                    #0d1115
a                               #333333

[Typography]

Body:		14px/ 'Open Sans', sans-serif;
Headers:		'Montserrat', sans-serif;
Input, textarea:	Open Sans', sans-serif;
Section headings:	'Montserrat', sans-serif;

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

/*

==============================================================
General
==============================================================

*/

a {
	color: #333333;
}
.body-wrapper {
	overflow: hidden;
	word-wrap:break-word;
}
.bypostauthor, .gallery-caption {
	float: left;
	width: 100%;
}
.nopadding {
	padding: 0;
}
.form-control {
	border: 1px solid #dddddd;
}
.form-control:focus {
	box-shadow: none;
}
.tm_btn {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 16px 30px;
	outline: none;
	border: 0;
	color: #fff;
}
.tm_btn:hover {
	color: #fff;
}
.btn_white {
	background-color: #fff;
	color: #333333;
}
.btn_ghost {
	color: #fff;
	box-shadow: 0 0 0 1px #fff inset;
}
.comment-edit-link{
	padding: 4px 12px;
	border: 0 none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	display:inline;
	outline: medium none;
	text-align: center;
	text-transform: uppercase;
}
.comment-edit-link:hover{
	color:#fff;
}
.comment-reply-link {
	padding: 1px 10px;
	border: 0 none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	outline: medium none;
	display:inline;
	text-align: center;
	text-transform: uppercase;
}
.comment-reply-link:hover{
	color:#fff;
}
.tm_btn.edit_link {
	padding: 1px 20px;
	margin-right:10px;
}

/*

==============================================================

Page Loader Icon

==============================================================

*/

.spinners-3 {
	width: 200px;
	height: 200px;
	float: left;
	display: block;
	font-size: 3em;
	color: #fff;
	text-align: center;
	position: relative;
}
.spinners-3 .bar-1, .spinners-3 .bar-2 {
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 40%;
}

/* animation */

.spinners-3 {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(13, 17, 21, 0.91);
	overflow: hidden;
}
.spinners-3 .bar-1 {
	position: absolute;
	left: 0;
	color: #f89406;
	animation: fa-spin 1s reverse infinite;
	-webkit-animation: fa-spin 1s reverse infinite;
	-o-animation: fa-spin 1s reverse infinite;
	-moz-animation: fa-spin 1s reverse infinite;
	-ms-animation: fa-spin 1s reverse infinite;
	opacity: 1;
}
.spinners-3 .bar-2 {
	position: absolute;
	left: 0;
	opacity: 0.3;
	color: #f89406;
	animation: fa-spin 2s reverse infinite;
	-webkit-animation: fa-spin 2s reverse infinite;
	-moz-animation: fa-spin 2s reverse infinite;
	-o-animation: fa-spin 2s reverse infinite;
	-ms-animation: fa-spin 2s reverse infinite;
}
.tm_section_heading {
	text-align: center;
	width: 50%;
	margin: 0 auto 50px;
}
.tm_section_heading .t_line {
	font-size: 30px;
	color: #333333;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: -6px;
}
.tm_section_heading .t_line span {
	display: block;
}
.tm_section_heading .t_line:after {
	content: "\e91f";
	font-family: 'icomoon';
	display: block;
	padding: 7px 0 8px;
}
.tm_section_heading .t_des {
	font-size: 14px;
	color: #666666;
}
.tm_pagination {
	display: block;
	clear: both;
	text-align: center;
	padding-top: 20px;
	float:left;
	width:100%;
}
.tm_pagination ul{
	margin: 0;
}
.tm_pagination ul li {
	display: inline-block;
}
.tm_pagination span.page-numbers.current {
	color: #fff;
}
.tm_pagination ul li a {
	display: inline-block;
	padding: 0 17px;
	text-align: center;
	background: #eee;
	border: 1px solid #e3e3e3;
	line-height: 2.8;
	color: #666666;
	font-weight: 500;
	text-transform: uppercase;
}
.tm_pagination ul li span{
	display: inline-block;
	padding: 0 17px;
	text-align: center;
	background: #eee;
	border: 1px solid #e3e3e3;
	line-height: 2.8;
	color: #666666;
	font-weight: 500;
	text-transform: uppercase;
}
.tm_pagination ul li a:hover {
	color: #fff;
}
.tm_pagination ul li.active a {
	color: #fff;
}

/*

==============================================================

Header CSS

==============================================================

*/

header {
	position: relative;
	z-index: 99999;
}
.tm_topbar {
	color: #fff;
	padding: 10px 0;
}
.tm_social_links {
	float: left;
}
.tm_social_links ul{
	margin: 0;
}
.tm_social_links ul li {
	display: inline-block;
	margin:0;
	line-height: 0;
	width: auto;
	float: none;
}
.tm_social_links a {
	display: inline-block;
	background-color: #fff;
	border-radius: 100px;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 1.7;
	font-size: 14px;
}
.tm_social_links a:hover {
	color: #fff !important;
}
.tm_office_timing {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	float: right;
	font-size: 13px;
	padding-top: 1px;
}
.tm_logo_section {
	padding: 20px 0 14px;
}
.tm_logo_top {
	float: left;
	text-align: center;
	width: 93.78px;
	height: 73px;
}
.tm_logo_top img {
	width: 100%;
	margin-top: 2px;
}
.tm_logo_top .icon-d-building {
	font-size: 45px;
	display: block;
	clear: both;
}
.tm_logo_text {
	font-size: 20px;
	color: #fff;
}
.tm_logo_text span {
	font-size: 20px;
}
.tm_top_contact_info {
	color: #fff;
	padding: 15px 0 0;
}
.tm_top_contact_info span[class^="icon-"] {
	font-size: 30px;
	float: left;
	margin-right: 6px;
	margin-top: 3px;
}
.tm_top_contact_info .info {
	color: #fff;
	float: left;
	font-size: 16px;
	letter-spacing: 1px;
}
.tm_top_contact_info .info .m_text {
	font-weight: 500;
}
.tm_top_contact_info .info .m_text a{
	color:#fff;
}
.tm_top_contact_info .info .sub_line {
	color: #999999;
	clear: both;
	display: block;
	font-size: 13px;
	letter-spacing: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-top: -2px;
}

/*** Main Menu Style ***/

.tm_main_menu {
	border-top: 1px solid #232f3a;
	box-shadow: 0 0px 0px 1px #000000;
	position: relative;
	z-index: 2;
}
.tm_main_menu ul li {
	display: inline-block;
	position: relative;
/*perspective: 200px;
-o-perspective: 200px;
-webkit-perspective: 200px;
-moz-perspective: 200px;
-ms-perspective: 200px;*/
}
.tm_main_menu ul li a {
	padding: 25px 45px 27px;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
}
.tm_main_menu ul li::after {
	content: '';
	height: 16px;
	width: 2px;
	float: right;
	margin-top: 28px;
	position: absolute;
	top: 0;
	right: 0;
}
.tm_main_menu ul li:nth-last-child(1)::after {
	display: none;
}
.tm_main_menu ul li:hover::after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	background-color: #fff;
}
.mill-navigation-wrapper ul li{
	margin:0;
	line-height: 1.6;
	float: none;
	width: auto;
}
.mill-navigation-wrapper .menu li .fa {
	display: none;
}
.tm_main_menu .main_trig {
	display: none;
}
ul.menu.show {
	display: block;
}
.mill-navigation-wrapper .menu li ul.show {
	display: block;
}
.mill-navigation-wrapper .menu li ul {
	position: absolute;
	width: 100%;
	background: #0d1115 !important;
	min-width: 270px;
	opacity: 0;
	visibility: hidden;
	padding: 20px 0;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-moz-transform: translateY(20px);
}
.mill-navigation-wrapper .menu li ul li, .mill-navigation-wrapper .menu li ul li a {
	width: 100%;
}
.mill-navigation-wrapper .menu li ul li a {
	padding: 10px 45px;
}
.mill-navigation-wrapper .menu li ul li::after, .mill-navigation-wrapper .menu li ul li ul li::after {
	display: none;
}
.mill-navigation-wrapper .menu li:hover ul {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
}
.mill-navigation-wrapper .menu li:hover ul li a {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	opacity: 1;
	visibility: visible;
/*transition-delay: 0.22s;
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
-moz-transition-delay: 0.22s;
-ms-transition-delay: 0.22s;*/
}
/*.mill-navigation-wrapper .menu>li .mill-navigation-wrapper .menu>li ul {
left: -100%;
top: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}*/
.mill-navigation-wrapper .menu li ul li ul {
	left: -100%;
	display: none;
}
.mill-navigation-wrapper .menu li ul {
	top: 100%;
}
.mill-navigation-wrapper .menu li ul ul {
	top: -20px;
}
/*
.mill-navigation-wrapper .menu>li:hover>ul.sub-menu li ul.sub-menu {
left: -100%;
top: -10px;
}*/
.mill-navigation-wrapper .menu li ul li:hover > ul {
	opacity: 1;
	display: block;
/*transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;*/
visibility: visible;
}

/*

==============================================================

Flex Slider CSS

==============================================================

*/

.flexslider .slides li:after {
	content: '';
/*	background-color: rgba(0, 0, 0, 0.7); */
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flexslider .caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	z-index: 4;
	display: block;
	opacity: 0;
	visibility: hidden;
}
.flexslider .flex-active-slide .caption {
	opacity: 1;
	visibility: visible;
	transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-ms-transition-duration: 3s;
}
.flexslider .caption h1, .flexslider .caption h2 {
	color: #fff;
}
.flexslider .caption h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
}
.flexslider .caption h2 {
	font-weight: 300;
}
.flexslider .caption .tm_btn {
	display: inline-block;
	margin: 26px 4px;
}

/*

==============================================================

Why us section

==============================================================

*/

#tm_whyus {
	background-color: #eee;
	padding-top: 70px;
	padding-bottom: 14px;
}
.tm_whyus_grid, .tm_whyus_grid .grid {
	display: table;
	width: 100%;
}
.tm_whyus_grid .grid span[class^="icon-"] {
	font-size: 50px;
	float: left;
	margin-right: 25px;
	margin-top: 4px;
}
.tm_whyus_grid .grid .title {
	font-size: 20px;
	color: #333333;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.tm_whyus_grid .grid {
	margin-bottom: 50px;
}
.tm_whyus_grid .info {
	float: left;
	width: 80%;
}

/*

==============================================================

Projects Slick Slider

==============================================================

*/

.tm_slick_slider .slick-slide {
	position: relative;
}
.tm_slick_slider .slick-slide .caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
}
.tm_slick_slider .slick-slide:hover .caption {
	opacity: 1;
	visibility: visible;
}
.tm_slick_slider .slick-slide .caption * {
	color: #fff;
}
.tm_slick_slider .slick-slide .caption .content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}
.tm_slick_slider .slick-slide .caption .content h4 {
	font-size: 20px;
	font-weight: 400;
	opacity: 0;
	margin:0;
	visibility: hidden;
	text-transform: uppercase;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
}
.tm_slick_slider .slick-slide .caption .content p {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
}
.tm_slick_slider .slick-slide:hover .caption .content h4, .tm_slick_slider .slick-slide:hover .caption .content p {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
}
.tm_slick_slider .slick-slide:hover .caption .content p {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
}

/*

==============================================================

Offers Section

==============================================================

*/

#tm_offers {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
#tm_offers:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#tm_offers .container {
	position: relative;
	z-index: 4;
}
#tm_offers .tm_section_heading * {
	color: #fff;
}
.tm_offers_content span[class^="icon-"] {
	font-size: 90px;
	color: #fff;
}
.tm_offers_content {
	text-align: center;
}
.tm_offers_content h4 a {
	display: block;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 16px 0 10px;
}
.tm_offers_content p {
	color: #cccccc;
}
.tm_offers_content .box {
	margin-bottom: 50px;
}

/*

==============================================================

Blog Home Style

==============================================================

*/

#tm_blog_home {
	padding: 70px 0;
	background-color: #eeeeee;
}
.tm_blog_box {
	background-color: #fff;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.tm_blog_box .image {
	height: 217px;
	overflow: hidden;
	position: relative;
}
.tm_blog_box .image:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.mill-blog-list-grid .info > h4{
	margin:0;
}
.tm_blog_box:hover .image:after {
	opacity: 1;
	visibility: visible;
}
.tm_blog_box .info {
	padding: 15px;
}
.tm_blog_box .info h4 a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333333;
}
.tm_blog_box .info p {
	margin: 10px 0;
}
.tm_blog_box:hover .tm_meta .read_more {
	transform: scale(1.6);
}
.tm_meta {
	padding: 14px 10px;
	display: table;
	width: 100%;
}
.tm_meta .date, .tm_meta .comments {
	padding: 0 7px;
	float: left;
}
.tm_meta .read_more {
	float: right;
}
.tm_blog_box .tm_meta * {
	color: #fff;
}
.tm_blog_box .tm_meta a {
	font-family: 'Open Sans', sans-serif;
}
.tm_blog_box .tm_meta span[class^="icon-"] {
	float: left;
	margin-top: 5px;
	margin-right: 7px;
}
.mill-blog-content{
	float:left;
	width:100%;
}
.mill-blog-content li {
	float: left;
	width: 100%;
}

/*

==============================================================

Our Clients

==============================================================

*/

#tm_clients_and_testimonials {
	padding-top: 70px;
	margin-bottom: 70px;
}
.tm_testimonial {
	float: left;
	width: 100%;
}
.tm_box_heading {
	display: table;
	width: 100%;
	margin-bottom: 50px;
	margin-top: -5px;
}
.tm_box_heading .t_line {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333333;
	margin-top: 0;
}
.tm_box_heading .t_line span {
	display: block;
}
.tm_box_heading .t_line:after {
	content: '';
	width: 70px;
	height: 4px;
	float: left;
	margin-top: 15px;
}
.tm_clients .clients {
	width: 100%;
	display: table;
	clear: both;
}
.tm_client_box {
	background-color: #eeeeee;
	position: relative;
	height: 147px;
	margin-bottom: 25px;
}
.tm_client_box img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*

==============================================================

Testimonials

==============================================================

*/

.tm_testimonial .owl-carousel .content .icon-left-quotes-sign {
	font-size: 25px;
	margin: 0px 1px 15px;
	display: block;
}
.tm_testimonial .owl-carousel .content p {
	margin-bottom: 20px;
}
.tm_testimonial .owl-carousel .content .client_thumbnail {
	height: 87px;
	width: 87px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 17px;
}
.tm_testimonial .owl-carousel .content .client_detail {
	display: block;
	float: left;
	margin-top: 17px;
}
.tm_testimonial .owl-carousel .content .client_detail p {
	font-size: 16px;
	color: #666666;
	font-weight: 600;
}
.tm_testimonial .owl-carousel .content .client_detail h3 {
	font-weight: 600;
	font-size: 20px;
	margin:0;
}
.tm_testimonial .owl-carousel .content .client_thumbnail img {
	width: 100%;
}
.tm_testimonial .owl-carousel .owl-nav {
	margin-top: 14px;
}
.tm_testimonial .owl-carousel .owl-nav .owl-prev, .tm_testimonial .owl-carousel .owl-nav .owl-next {
	display: inline-block;
	color: #fff;
	padding: 7px 15px;
	font-size: 20px;
	font-weight: 900;
}
.tm_testimonial .owl-carousel .owl-nav .owl-prev {
	margin-right: 2px;
}

/*

==============================================================

Call to Action

==============================================================

*/
.project_call_to_action{
	float:left;
	width:100%;
}
.tm_call_to_action {
	color: #fff;
	padding: 70px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	position: relative;
	float: left;
	width: 100%;
}
.project_call_to_action .tm_call_to_action:before {
	background-color: #000;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
}
.tm_call_to_action .container {
	position: relative;
	z-index: 2;
}
.tm_call_to_action h1 {
	line-height: 0;
	font-size: 29px;
	color: #fff;
	font-weight: 500;
	clear: both;
	display: inline-block;
	padding-top: 24px;
}
.tm_call_to_action .btn_grp {
	float: right;
}

/*

==============================================================

Pricing Table

==============================================================

*/

.tm_pricing_table .table_wrap {
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}
.tm_pricing_table .table_wrap:hover {
	background-color: #eee;
}
.tm_pricing_table .table_wrap .p_heading {
	padding: 20px 15px;
}
.tm_pricing_table .table_wrap .p_heading h4 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}
.tm_pricing_table .table_wrap .price {
	float: right;
	padding: 10px;
	background: #fff;
	border-width: 3px;
	border-style: solid;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 700;
	width: 95px;
	height: 95px;
	margin-top: -60px;
	text-align: center;
}
.tm_pricing_table .table_wrap .price span {
	font-size: 30px;
	display: block;
}
.tm_pricing_table .table_wrap .t_content {
	padding: 15px;
	text-align: center;
}
.tm_pricing_table .table_wrap .t_content ul {
	margin-top: 14px;
	float: none;
	margin: 0;
}
.tm_pricing_table .table_wrap .t_content ul li {
	font-weight: 700;
	text-transform: uppercase;
	color: #666666;
	padding: 13px 0;
	list-style:none;
	float:none;
	width:auto;
}
.tm_pricing_table .table_wrap .btn_ghost {
	color: #333333;
	display: block;
	width: 150px;
	box-shadow: 0 0 0 1px #333333 inset;
	margin: 0 auto 33px;
}
.tm_pricing_table .table_wrap .btn_ghost:hover {
	color: #fff;
}
.pricing_padding.columns {
	padding: 30px;
}

/*

==============================================================

Footer Style

==============================================================

*/

#tm_footer {
	padding-top: 50px;
	padding-bottom:50px;
	float: left;
	width: 100%;
}
.tm_footer_heading {
	font-size: 16px;
	clear: both;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	margin-bottom: 40px;
}
.tm_footer_heading:after {
	content: '';
	width: 60px;
	height: 4px;
	display: block;
	clear: both;
	margin-top: 4px;
}
.tm_footer_logo .icon-d-building {
	font-size: 38px;
	margin-top: -6px;
	float: left;
	margin-right: 7px;
}
.tm_footer_about p {
	color: #d7d7d7;
	font-size: 13px;
	display: block;
	clear: both;
	margin-top: 10px;
}
.tm_footer_menu li {
	width: 47%;
	display: inline-block;
	padding: 7px 0;
}
.tm_footer_menu li a {
	color: #d7d7d7;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	list-style:none;
}
.tm_footer_contact_info ul li {
	color: #d7d7d7;
	font-size: 13px;
	padding: 7px 0;
	letter-spacing: 0.6px;
	list-style:none;
}
.tm_footer_contact_info ul li .fa {
	font-family: 'fontawesome' !important;
}
.tm_footer_contact_info ul li .fa, .tm_footer_contact_info ul li .icon-printer {
	width: 25px;
	display: inline-block;
	font-size: 16px;
	text-align: center;
}
.tm_footer_contact_info ul li .fa {
	font-family: 'fontawesome' !important;
}
.tm_footer_office_timing ul li {
	color: #d7d7d7;
	font-size: 13px;
	padding: 7px 0;
	letter-spacing: 0.6px;
	list-style:none;

}
.tm_copyright_bar {
	padding: 20px 0 10px;
	color: #fff;
}
.tm_copyright_bar .copyright {
	float: left;
	font-size: 13px;
	font-weight: 600;
	text-transform:capitalize;
}
.tm_copyright_bar .social {
	float: right;
	margin-top:-5px;
}
.tm_copyright_bar .social ul li {
	display: inline-block;
	float:none;
	width:auto;
}
.tm_copyright_bar .social ul li a {
	color: #fff;
	padding: 0 5px;
	display: inline-block;
	font-size: 16px;
	width: 35px;
	border: 2px solid transparent;
	border-radius: 100px;
	height: 35px;
	text-align: center;
	line-height: 2;
	transition-duration: 0.8s !important;
	-webkit-transition-duration: 0.8s !important;
	-moz-transition-duration: 0.8s !important;
	-o-transition-duration: 0.8s !important;
	-ms-transition-duration: 0.8s !important;
}
.tm_copyright_bar .social ul li a:hover {
	transform: rotate(360deg);
	border-color: #fff;
}

/*

==============================================================

Breadcrumbs

==============================================================

*/

.tm_breadcrumb {
	background-image: url(https://94d738.claudeassets.com/20260315112957im_/https://goldwinpipes.com/wp-content/themes/fine-build/images/sub-banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 100px 0;
}
.tm_breadcrumb * {
	color: #fff;
}
#breadcrumbs {
	float: right;
}
.tm_breadcrumb:after {
	content: '';
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.tm_breadcrumb .container {
	position: relative;
	z-index: 1;
}
.tm_breadcrumb h2 {
	float: left;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
}
.tm_breadcrumb ul li {
	font-size: 16px;
	float: left;
	margin-top: 5px;
	list-style:none;
	width: auto;
}
.tm_breadcrumb ul li.item-current{
	padding-left: 4px;
}
#breadcrumbs>li a {
	margin: 5px;
}

/*

==============================================================

Company Intro

==============================================================

*/

#tm_company_intro {
	padding-top: 70px;
	padding-bottom: 70px;
}
.tm_about_company{
	padding-right: 20px;
}
.tm_about_company h2 {
	color: #333333;
	font-size: 26px;
	font-weight: 500;
	margin-top: -6px;
}
.tm_about_company .info {
	margin-top: 30px;
}
.tm_about_company .info p {
	margin-bottom: 20px;
}

/*

==============================================================

Company Intro slides

==============================================================

*/

.tm_company_slides .active_slide {
	width: 100%;
	height: 270px;
	overflow: hidden;
	position: relative;
}
.tm_company_slides .active_slide img {
	width: 100%;
}
.tm_company_slides .active_slide .content {
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	width: 100%;
	left: 0;
	text-align: center;
	padding: 20px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	background-color: rgba(0, 0, 0, 0.28);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.tm_company_slides .slide_thumbnails .img_t {
	width: 143px;
	height: 66px;
	overflow: hidden;
	display: inline-block;
	margin-top: 20px;
	opacity: 0.6;
	cursor: pointer;
}
.tm_company_slides .slide_thumbnails .img_t:hover {
	opacity: 1;
}
.tm_company_slides .slide_thumbnails {
	text-align: center;
	margin-top: 10px;
}
.tm_company_slides .slide_thumbnails .img_t img {
	width: 100%;
}
.tm_company_slides .slide_thumbnails .img_t .rep_txt {
	display: none;
}

/*

==============================================================

Our Team Section

==============================================================

*/

#tm_team .employee {
	background-color: #fff;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
#tm_team .employee .photo {
	height: auto;
	display: block;
	overflow: hidden;
	position: relative;
}
#tm_team .employee .photo img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
#tm_team .employee .details {
	padding: 15px 15px 5px;
	text-align: center;
}
#tm_team .employee .details h4 {
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	font-weight: 700;
}
#tm_team .employee .details span {
	font-size: 14px;
	color: #a5a5a5;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 8px;
	display: block;
	margin-bottom: 8px;
}
#tm_team .employee .details p {
	margin-bottom: 10px;
}
#tm_team .employee .overlay {
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	top: -100%;
}
#tm_team .employee .overlay ul {
	position: absolute;
	margin: 0;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 0;
	width: 100%;
	text-align: center;
}
#tm_team .employee .overlay ul li {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	float:none;
	width:auto;
	transform: translateY(170px);
	-webkit-transform: translateY(170px);
	-moz-transform: translateY(170px);
	-o-transform: translateY(170px);
	-ms-transform: translateY(170px);
}
#tm_team .employee .overlay ul li a {
	font-size: 25px;
	color: #fff;
	padding: 2px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	line-height: 1.3;
	border: 2px solid;
}
#tm_team .employee:hover .overlay {
	top: 0;
}
#tm_team .employee:hover .overlay ul li {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
}
#tm_team .employee:hover .overlay ul li:nth-child(1) {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
}
#tm_team .employee:hover .overlay ul li:nth-child(2) {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
}
#tm_team .employee:hover .overlay ul li:nth-child(3) {
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
}

/*

==============================================================

Project Facts

==============================================================

*/

#tm_project_facts {
	position: relative;
	overflow: hidden;
}
#tm_project_facts:after {
	content: "\e900";
	font-family: 'icomoon';
	font-size: 467px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
}
#tm_project_facts * {
	color: #fff;
}
#tm_project_facts h3 {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
}
#tm_project_facts .achievements {
	text-align: center;
}
#tm_project_facts .achievements>div:hover span[class^="icon-"] {
	border-radius: 100%;
}
#tm_project_facts span[class^="icon-"] {
	font-size: 60px;
	display: inline-block;
	border: 1px solid #fff;
	padding: 20px;
}
#tm_project_facts h5 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.3px;
	margin: 20px 0 6px;
}
#tm_project_facts h2 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1.3px;
}

/*

==============================================================

FAQs Section

==============================================================

*/

.tm_faq_tabs .panel-heading {
	padding: 0;
	background: no-repeat;
	border: 0;
}
.tm_faq_tabs .panel {
	border: 0;
}
.tm_faq_tabs .panel-title a {
	padding: 15px;
	margin-top: 5px;
	background-color: #f3f3f3;
	width: 100%;
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
}
.tm_faq_tabs .panel-collapse{
	clear: both;
}
.tm_faq_tabs .panel-default.active .panel-title a {
	color: #fff;
}
.tm_faq_tabs .panel-body {
	border: 0 !important;
}

/*

==============================================================

CEO Message

==============================================================

*/

.tm_ceo_message h4 {
	font-weight: bold;
}
.tm_ceo_message .c_img {
	overflow: hidden;
	position: relative;
}
.tm_ceo_message .c_img:after {
	background-color: rgba(255, 255, 255, 0.3);
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.tm_ceo_message .c_img:hover:after {
	width: 0%;
}
.tm_ceo_message p {
	text-align: justify;
	margin-top: 7px;
}

/*

==============================================================

Our Clients Slider

==============================================================

*/

#tm_our_clients .owl-item .content {
	height: 108px;
	position: relative;
	border: 1px solid transparent;
}
#tm_our_clients .owl-item img {
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*

==============================================================

Services Style 1

==============================================================

*/

#tm_services_1 .box {
	text-align: center;
	padding: 30px 15px;
}
#tm_services_1 .box:hover {
	background-color: #eee;
}
#tm_services_1 .box:hover .service_detail h4 {
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-o-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
}
#tm_services_1 .box .service_icon {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto;
	position: relative;
	margin-bottom: 50px;
}
#tm_services_1 .box {
	margin-bottom: 50px;
}
#tm_services_1 .box .service_icon span {
	font-size: 80px;
	position: absolute;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.26);
	color: #fff;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#tm_services_1 .box .service_detail h4 {
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#tm_services_1 .box .service_detail a {
	color: #333333;
}

/*

==============================================================

Services Style 2

==============================================================

*/

#tm_services_2 .box {
	margin-bottom: 47px;
}
#tm_services_2 .box .service_detail h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
#tm_services_2 .box .service_detail h4 a {
	color: #333333;
}
#tm_services_2 .box .service_image {
	overflow: hidden;
	position: relative;
	height: 198px;
	perspective: 200px;
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-o-perspective: 200px;
	-ms-perspective: 200px;
}
#tm_services_2 .box .service_image .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	height: 100%;
	color: #fff;
	text-align: center;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
#tm_services_2 .box .service_image img {
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	margin: 0 auto;
	transition: all ease 7s;
	-webkit-transition: all ease 7s;
	-moz-transition: all ease 7s;
	-o-transition: all ease 7s;
	-ms-transition: all ease 7s;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
#tm_services_2 .box:hover .service_image .overlay {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	visibility: visible;
}
#tm_services_2 .box:hover .service_image img {
	transform: rotate(20deg) scale(1.8) translate(-30%);
}
#tm_services_2 .box .overlay span {
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0 auto;
	right: 0;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
#tm_services_2 .box .overlay span .fa {
	font-size: 30px;
	margin-bottom: 15px;
	display: block;
	font-weight: bold;
}

/*

==============================================================

Services Detail

==============================================================

*/

.tm_service_detail .service_title {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 20px;
}
.c_title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	background-color: #fff;
	padding: 10px 0;
	margin: 20px 0;
}
.c_title span {
	background: #fff;
	padding-right: 20px;
}
.c_title:after {
	height: 5px;
	width: 100%;
	content: '';
	display: block;
	margin-top: -14px;
}
.tm_contract_list ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}
.tm_contract_list ul {
	padding-left: 20px;
	margin: 0;
	list-style:none;
}
.tm_contract_list ul li {
	padding: 10px 0;
}

/*

==============================================================

Sidebar Styling

==============================================================

*/

.sidebar_heading {
	text-transform: uppercase;
	position: relative;
	font-weight: 500;
	margin: 0 0 30px;
	float: left;
	width: 100%;
}
.sidebar_heading:after {
	content: '';
	width: 76px;
	height: 5px;
	display: block;
	margin-top: 15px;
}
.tm_sidebar_widget {
	margin-top: 30px;
}
.tm_categories ul li a {
	color: #666666;
	border-bottom: 1px solid #cccccc;
	display: block;
	padding: 15px 0;
}
.tm_categories ul li a:hover, .tm_side_archives ul li a:hover {
	text-indent: 5px;
}
.tm_categories ul li:nth-last-child(1) a {
	border: 0;
}

/*

==============================================================

Sidebar Posts Widget

==============================================================

*/

.tm_side_posts .post_img {
	float: left;
	margin-right: 15px;
	overflow: hidden;
	position: relative;
}
.tm_side_posts .post_cont h4 {
	clear: none;
	margin-top: 0;
}
.tm_side_posts .post_img:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
}
.tm_side_posts ul li:hover .post_img:after {
	opacity: 1;
	visibility: visible;
}
.tm_side_posts .post_cont h4 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 5px;
}
.tm_side_posts ul li {
	display: block;
	width: 100%;
	clear: both;
	padding: 30px 0;
}
.tm_side_posts ul li a {
	color: #333333;
}

/*

==============================================================

Sidebar Tags

==============================================================

*/

.tm_side_tags ul li {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 10px;
}
.tm_side_tags ul li a {
	color: #666666;
	border: 1px solid #666666;
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin-bottom:5px;
}
.tm_side_tags ul li a:hover {
	color: #fff;
}

/*

==============================================================

Sidebar Archives

==============================================================

*/

.tm_side_archives ul li a {
	color: #666666;
	border-bottom: 1px solid #cccccc;
	display: block;
	padding: 15px 0;
}

/*

==============================================================

Recent Projects

==============================================================

*/

#tm_recent_projects .projects_row .project_image {
	height: 264px;
	overflow: hidden;
}
#tm_recent_projects .projects_row .project_image img {
	width: 100%;
	height: auto;
}
#tm_recent_projects .projects_row .box {
	position: relative;
	margin-bottom: 30px;
}
#tm_recent_projects .projects_row .box .project_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
}
#tm_recent_projects .projects_row .box .project_overlay .content {
	position: absolute;
	left: 8%;
	margin: 0 auto;
	bottom: 8%;
	perspective: 200px;
	-webkit-perspective: 200px;
}
#tm_recent_projects .projects_row .box .project_overlay .content h4 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 400;
	opacity: 0;
	visibility: hidden;
	transform: rotateY(40deg);
	-webkit-transform: rotateY(40deg);
	-o-transform: rotateY(40deg);
	-ms-transform: rotateY(40deg);
	-moz-transform: rotateY(40deg);
	transition: all ease 1s;
	-o-transition: all ease 1s;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-ms-transition: all ease 1s;
}
#tm_recent_projects .projects_row .box .project_overlay .content .tm_btn {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transition: all ease 1s;
	-moz-transition: all ease 1s;
	-webkit-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
}
#tm_recent_projects .projects_row .box:hover .project_overlay {
	opacity: 1;
	visibility: visible;
}
#tm_recent_projects .projects_row .box:hover .project_overlay .content h4 {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	visibility: visible;
	opacity: 1;
}
#tm_recent_projects .projects_row .box:hover .project_overlay .content .tm_btn {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	visibility: visible;
	opacity: 1;
}

/*

==============================================================

Project Slider

==============================================================

*/

#tm_project_slider {
	margin-bottom: 70px;
}
#tm_project_slider .owl-carousel .owl-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}
#tm_project_slider .owl-carousel .owl-nav div {
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	margin: 0 1px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	font-size: 25px;
}
.tm_project_overview>p {
	margin-bottom: 20px;
}
.tm_project_overview .pro_heading{
	margin-top:0;
}
.pro_heading {
	font-size: 26px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 50px;
	font-weight: 500;
}
.pro_heading:after {
	content: '';
	display: block;
	width: 76px;
	height: 5px;
	margin-top: 15px;
}
.image_box .img-responsive {
	width: 100%;
	height: auto;
}

/*

==============================================================

Project Info

==============================================================

*/

#tm_project_info {
	padding-bottom: 70px;
}
.tm_project_details .detail_box {
	background-color: #ececec;
	padding: 20px;
	display: table;
	width: 100%;
}
.tm_project_details .detail_box ul li {
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
	list-style:none;
}
.tm_project_details .detail_box ul {
	margin: 0;
}
.tm_project_details .detail_box ul li:nth-last-child(1) {
	border: 0;
}
.tm_project_details .detail_box ul li .title {
	font-weight: 600;
}
.tm_project_details .detail_box ul li .value {
	float: right;
}

/*

==============================================================

Related Projects

==============================================================

*/

#tm_related_projects {
	background-color: #eeeeee;
	padding-top: 70px;
	position: relative;
	padding-bottom: 70px;
}
#tm_related_projects .tm_section_heading {
	margin: 0 auto 39px;
}
#tm_related_projects .box {
	position: relative;
}
#tm_related_projects .image_box {
	height: 210px;
	overflow: hidden;
}
#tm_related_projects .title h4 {
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding: 20px;
	margin: 0;
}
#tm_related_projects .title a {
	color: #fff;
}
#tm_related_projects .box .overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
#tm_related_projects .box .overlay .tm_btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 150px;
	top: 50%;
	transform: translateY(-50%);
}
#tm_related_projects .box:hover .overlay {
	opacity: 1;
	visibility: visible;
}

/*

==============================================================

Blog Full

==============================================================

*/

.tm_blog_full .tm_meta {
	padding: 20px 0;
	display: inline-block;
	width: auto;
}
.tm_blog_full .tm_meta span {
	padding: 0 10px 0 0;
}
.tm_blog_full .tm_post_share {
	float: right;
	padding: 18px 0;
}
.tm_blog_full .post_title {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 19px;
	word-break: break-all;
}
.tm_blog_full .blog_post {
	margin-bottom: 50px;
	border-top:1px solid #666666;
	float: left;
	width: 100%;
}
.tm_blog_full p {
	margin-bottom: 30px;
}
.tm_blog_full .tm_btn {
	display: inline-block;
	float: left;
}
.tm_blog_full .tm_pagination {
	padding: 0;
}
.tm_post_share ul li {
	display: inline-block;
	width: auto;
	float: none;
}
.tm_post_share ul li a {
	color: #cccccc;
	border: 1px solid #cccccc;
	width: 25px;
	height: 25px;
	display: block;
	border-radius: 100%;
	text-align: center;
	line-height: 1.8;
}
.tm_post_share ul li a:hover {
	color: #fff;
}

/*

==============================================================

Blog Grid

==============================================================

*/

#tm_blog_grid {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}
#tm_blog_grid .blog_detail .tm_meta {
	padding: 14px 0px 11px;
}
#tm_blog_grid .blog_detail .tm_meta span {
	padding: 0 10px 0 0;
}
#tm_blog_grid .blog_detail .tm_meta span[class^="icon-"] {
	margin-top: 3px;
	float: left;
}
#tm_blog_grid .blog_detail .blog_title {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
}
#tm_blog_grid .blog_detail .tm_btn {
	display: inline-block;
}
#tm_blog_grid .blog_detail p {
	margin-bottom: 25px;
}
#tm_blog_grid .blog_grid .post {
	margin-bottom: 50px;
}
#tm_blog_grid .blog_grid .post .post_image {
	height: 217px;
	overflow: hidden;
	position: relative;
}
#tm_blog_grid .blog_grid .post .post_image:after {
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0.3);
}
#tm_blog_grid .blog_grid .post:hover .post_image:after {
	visibility: visible;
	opacity: 1;
}

/*

==============================================================

Blog Detail

==============================================================

*/

.tm_blog_detail {
	float: left;
	width: 100%;
}
.tm_blog_detail img {
	width: auto;
	height: auto;
}
.tm_blog_detail .tm_meta {
	padding: 21px 0px 0;
	display: inline-block;
	width: auto;
}
.tm_blog_detail .tm_meta span {
	padding: 0 10px 0 0;
}
.tm_blog_detail .tm_post_share {
	float: right;
	padding: 18px 0;
}
.tm_blog_detail .post_title {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 19px;
}
.tm_blog_detail .post_title a {
	color: #666666;
}
.tm_blog_tags {
	padding-top: 30px;
	padding-bottom: 15px;
	border-top: 1px solid #dddddd;
	margin-top: 24px;
	float:left;
	width:100%;
}
.tm_comment_form{
	float:left;
	width:100%;
}
.tm_blog_author {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-top: 30px;
	padding-bottom: 40px;
}
.tm_blog_author .author_image {
	margin-right: 17px;
	float: left;
}
.tm_blog_author .author_image img {
	border: 1px solid #dddddd;
}
.tm_blog_author .author_detail h4 {
	text-transform: uppercase;
	font-weight: 600;
}
.tm_blog_author .author_detail h4 span {
	color: #dddddd;
}
.tm_blog_author .author_detail p {
	font-style: italic;
	margin-top: 10px;
}
.tm_post_comments {
	float: left;
	width: 100%;
}
.tm_comment {
	margin-bottom: 50px;
	display: table;
	width: 100%;
}
.tm_comment .user_thumbnail {
	float: left;
	margin-right: 17px;
}
.tm_comment .user_detail {
	width: 82%;
	float: left;
}
.tm_comment .user_detail h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.tm_comment .user_detail .tm_btn {
	margin-top: 15px;
	float:left;
}
.tm_comment .user_thumbnail img {
	border: 1px solid #dddddd;
}
.tm_comment_meta {
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.tm_comment_reply {
	padding-left: 50px;
}
.comment_form .form-group {
	margin-bottom: 25px;
}
.comment_form textarea {
	height: 143px;
	resize: none;
}
.comment_form .tm_btn {
	display: inline-block;
}

/*

==============================================================

Contact Page

==============================================================

*/

#tm_contact_us {
	padding-top: 70px;
	padding-bottom: 70px;
}
.tm_contact_form .form-group {
	margin-bottom: 25px;
}
.tm_contact_form textarea {
	height: 136px;
	resize: none;
	font-size:12px;
}
.tm_contact_form .tm_btn {
	display: inline-block;
	float: right;
}
.tm_contact_info .info_box {
	padding: 28px 18px 0px;
	border: 1px solid #e0e0e0;
	display: table;
	width: 100%;
}
.tm_contact_info .info_box ul {
	margin: 0;
}
.tm_contact_info .info_box .info {
	float: left;
}
.tm_contact_info .info_box ul li {
	line-height: 0;
	float: left;
}
.tm_contact_info .info_box span[class^="icon-"] {
	float: left;
	font-size: 30px;
	color: #fff;
	background: #0d1115;
	padding: 10px;
	margin-right: 10px;
}
.tm_contact_info .info_box .info h4 {
	font-size: 16px;
	font-weight: 500;
}
.tm_contact_info .info_box ul li {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 29px;
}
.tm_contact_info .info_box .info .tagline {
	font-size: 14px;
	color: #999999;
}
.widget_fine_build_contact_us_widget {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.tm_side_about .box {
	padding: 18px;
	border: 1px solid #e0e0e0;
}
.tm_contact_info {
	float: left;
	width: 100%;
}

/*

==============================================================

404

==============================================================

*/

#tm_404_wrapper {
	background-color: #eeeeee;
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	text-align: center;
}
#tm_404_wrapper .bg_txt {
	font-size: 484px;
	text-transform: lowercase;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.57);
	opacity: 0.1;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#tm_404_wrapper .content {
	position: relative;
	z-index: 2;
	padding: 0 100px;
}
#tm_404_wrapper .content .icon-d-building {
	font-size: 236px;
	margin-bottom: 40px;
}
#tm_404_wrapper .content h2 {
	font-size: 157px;
	margin-bottom: -20px;
}
#tm_404_wrapper .content h4 {
	font-size: 30px;
	color: #0d1115;
}
#tm_404_wrapper .content p {
	margin-top: 20px;
}
#tm_404_wrapper .search_form {
	min-width: 370px;
	display: inline-block;
	margin-top: 50px;
	position: relative;
}
#tm_404_wrapper .search_form button {
	position: absolute;
	right: 0;
	top: 10px;
	background: none;
	border: 0;
	font-size: 26px;
	outline: 0 none
}
#tm_404_wrapper .search_form button:active {
	outline: 0 none;
	padding: 1px 6px;
}

/*

==============================================================

Shop Listing Page

==============================================================

*/

#tm_shop_list .tm_pagination {
	padding-bottom: 0px;
}
#tm_shop_list .product_title {
	text-transform: uppercase;
	font-weight: 600;
	margin: 25px 0 21px;
}
#tm_shop_list .product_title a {
	color: #333333;
}
#tm_shop_list .box {
	margin-bottom: 50px;
}
#tm_shop_list .product_image {
	height: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
#tm_shop_list .product_image:after {
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
#tm_shop_list .box:hover .product_image:after {
	opacity: 1;
	visibility: visible;
}
#tm_shop_list .price {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}
#tm_shop_list .price .old_price {
	color: #afafaf;
	margin-right: 20px;
	text-decoration: line-through;
}
.shop_meta {
	color: #afafaf;
}
.shop_meta .views .icon-eye {
	font-size: 20px;
	margin-right: 6px;
	float: left;
}
.shop_meta .sales {
	margin-left: 20px;
}

/*

==============================================================

Shop Detail Page

==============================================================

*/

#tm_shop_detail {
	padding: 70px 0 0;
}
#tm_shop_detail .product_details h4 {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 20px 0;
}
#tm_shop_detail .product_details .price {
	font-size: 18px;
	font-weight: 700;
}
#tm_shop_detail .product_details .price .old_price {
	color: #c9c9c9;
	margin-right: 20px;
	text-decoration: line-through;
}
#tm_shop_detail .product_details p {
	margin: 20px 0;
}
#tm_shop_detail .product_details .categories {
	margin: 21px 0;
}
#tm_shop_detail .product_details .categories label {
	font-weight: normal;
	color: #666666;
}
#tm_shop_detail .tm_product_info .product_image {
	height: 300px;
	overflow: hidden;
}
#tm_shop_detail .cart_option .form-control {
	width: 74px;
	float: left;
	margin-right: 20px;
	height: 50px;
}
.tm_product_reviews_details {
	margin-top: 56px;
}
.tm_product_reviews_details ul li a {
	border: 0 !important;
	font-size: 18px;
	font-weight: 500;
	padding: 16px 50px;
	color: #fff !important;
	border-radius: 0;
	background-color: #0d1115;
}
.tm_product_reviews_details ul li a:hover {
	background-color: #1d2730;
}
.tm_product_reviews_details .tab-content {
	background-color: #eeeeee;
	padding: 20px;
}
.tm_product_reviews_details .nav-tabs {
	border: 0;
}
.tm_product_reviews_details .tab-content .tab-pane h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 20px 0;
}
.tm_product_reviews_details .tab-content .tab-pane p {
	margin-bottom: 20px;
}
.slick-slide img {
	width: 100%;
}
.map-canvas.tm_contact_us_map {
	min-height: 500px;
}
.mill-blog-thumbnail.mill-ux>img {
	height: 100%;
}
.mill-blog-thumbnail.mill-ux img {
	height: auto;
	width: auto;
}
textarea.form-control {
	height: 200px;
}
.blog_post p {
	margin-bottom: 20px;
}
.theme-margin {
	float: left;
	width: 100%;
	padding: 70px 0px;
}
.tm_side_tags ul li i {
	display: none;
}
.mill-sidebar.mill-right-sidebar.columns {
	float: left;
	width: 100%;
}
.tm_service_detail p {
	margin-bottom: 20px;
}
.feedback-form {
	width: 100%;
	float: left;
}
.team-member-info h4 {
	color: #a7a7a7;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	margin-bottom: 5px
}
.team-member-info h1 {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 10px
}
.team-member-info p {
	margin-top: 0;
	margin-bottom: 12px
}
.team-member-info strong {
	margin: 10px 0;
	display: block
}
.team-expertise h2 {
	font-size: 24px;
	margin-top: 55px;
	margin-bottom: 20px;
}
.team-member-contact {
	font-size: 14px
}
.team-member-contact .fa {
	border: 1px solid #a4a4a4;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	margin: 5px 0;
	font-size: 16px;
	margin-right: 10px
}
ul.team-member-contact {
	margin: 0
}
.team-member-contact li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	float:none;
	width:auto;
	display:inline-block;
}
.team-expertise {
	font-size: 14px;
	color: #2b2b2b
}
.team-expertise .fa {
	display: block;
	font-size: 24px;
	border: 1px solid #ebebeb;
	color: #a4a4a4;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-khtml-border-radius: 200px;
	border-radius: 200px;
	margin: 0 auto 15px auto
}
span.skill {
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
}
.feedback-form h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
select.grey-field, input.grey-field {
	background-color: #f5f5f5;
	float: left;
	width: 100%;
	line-height: 1;
	border: none;
	outline: none;
	height: 50px;
	padding: 0 10px;
	font-size: 14px;
	margin-bottom: 20px;
}
textarea.grey-field {
	margin-bottom: 20px;
	background-color: #f5f5f5;
	float: left;
	width: 100%;
	border: none;
	outline: none;
	height: 180px;
	resize: none;
	padding: 10px;
	font-size: 14px
}
.mill-appointment .form-group {
	clear: both
}
.mill-appointment label {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 20px 0
}
.mill-team-member-listing {
	margin-bottom: 40px;
}
.team-member-contact .fa:hover {
	color: #fff;
}
.product_image img {
	width: 100%;
}
a.added_to_cart.wc-forward {
	color: #fff;
	padding: 19px;
	float: right;
}
.dl-menuwrapper {
	display: none;
}
.tm_service_detail h4 {
	float: left;
	width: 100%;
}
.tm_service_detail {
	float: left;
	width: 100%;
}
.tm_contract_list {
	float: left;
	width: 100%;
}
.tm_service_detail .col-md-6 {
	padding: 0;
}
.blog-info.blog-comment i,
.blog-info.blog-date i{
	margin-top: 4px;
	margin-right: 7px;
}
.tagcloud a:hover{
	border-color: transparent;
}
.owl-item .edu_masonery_thumb figure a[data-rel="prettyphoto"]{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	visibility: hidden;

}
.owl-item .edu_masonery_thumb figure a[data-rel="prettyphoto"] .fa{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.69);
	display: inline-block;
	width: 60px;
	margin: 0 auto;
	height: 60px;
	line-height: 2;

}
.owl-item .edu_masonery_thumb figure:hover a[data-rel="prettyphoto"]{
	opacity: 1;
	visibility: visible;
}
.mill-gallery-item{
	margin-bottom: 30px;
	height: 240px;
	position: relative;
	overflow: hidden;
}

.mill-gallery-item .mill-text a{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	visibility: hidden;
}
.mill-gallery-item:hover .mill-text a{
	opacity: 1;
	visibility: visible;
}
.mill-gallery-item .mill-text .fa{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.69);
	display: inline-block;
	width: 60px;
	margin: 0 auto;
	height: 60px;
	line-height: 2;
}
.tm_side_tags ul li span.sep{
	display: none;
}
.woocommerce input[type="text"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce input[type="email"],
.woocommerce textarea,
.woocommerce input[type="tel"]{
	padding: 15px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin:0 30px 56px 0;
}
.woocommerce .woocommerce-form-login .woocommerce-Button{
	margin-bottom: 10px;
	display: block;
}
.shop_table th{
	border-color: #fff;
	border-width: 1px;
	color: #fff;
}
.shop_table td{
	border-color: #eee;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	clear: both;
}
.select2-container--default .select2-selection--single{
	border-color: #d2d2d2;
	height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 3.3;
	height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	top: 85%;
}
#order_review_heading{
	margin: 30px 0 10px;
}
.woocommerce > .woocommerce-info{
	margin-top: 70px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
	color: #fff;
}
.woocommerce-Tabs-panel{
	background-color: #eee;
	padding: 20px !important;
}
.team-member-info img{
	margin-bottom: 30px;
}
.mill-content-container {
	float: left;
	padding: 70px 0;
	width: 100%;
}
.woocommerce .cart-empty {
	margin-bottom: 10px;
}
.mill-blog-list-full.mill-fullwidth-blog.row{
	float:left;
	width:100%;
}
.tm_blog_detail .blog_post{
	list-style:none;
}
.mill-gallery .gallery-item{
	list-style:none;
}
.flexslider ul li{
	margin-bottom: 0;
	line-height: 1;
}
.mill-grid-blog .clearfix.clear{
	display: none;
}
.mill-gallery .row.mill-item{
	margin: 0;
}
.tm_post_comments ul li.comment{
	clear: both;
    float: left;
    list-style-type: none;
    width: 100%;
}
ul#mill-comment{
	margin-left: 0;
}
.contact_map_class{
	padding: 0;
}
.tm_footer_contact_info ul, .tm_footer_office_timing ul{
	margin: 0;
}
.widget_fine_build_featured_post_widget ul{
	margin: 0;
}
.widget_fine_build_featured_post_widget ul li{
	line-height: 0;
}
.tm_side_tags ul{
	margin: 0;
}
.tm_project_details h3.pro_heading{
	margin-top:0;
}

/*** Menu Unassigned ***/
#mill-main-navigation ul{
	margin:0;
}
#mill-main-navigation ul li a{
	padding: 15px 15px 18px;
	text-transform: capitalize;
	font-size: 14px;
}
#mill-main-navigation ul li::after{
	margin-top: 18px;
}
#mill-main-navigation ul li ul a{
	padding: 10px 28px 10px;
}
#mill-main-navigation ul li ul{
	min-width: 230px;
}
#mill-main-navigation ul li{
	width: auto;
	float: none;
}
.sticky .tm_post_share{
	padding-bottom: 0px;
}
.tm_post_comments .children{
	clear: both;
    float: left;
    left: inherit;
    list-style: outside none none;
    margin: 30px 0 0;
    padding: 0 0 0 30px;
    position: static;
    width: 100%;
}
#mill-main-navigation ul ul li {
    float: left;
    width: 100%;
}
.post-quote .blog_post{
	padding-bottom: 50px;
}
.tm_post_comments{
	margin-top: 30px;
}
.tm_comment .user_detail p{
	margin-top:10px;
	margin-bottom:0;
}


#menu-custom-menu{
	text-align:center;
}
.mill-navigation-wrapper .menu li ul {
    text-align: left;
}
.mill-navigation-wrapper .menu li ul li a {
    padding: 10px 30px;
}

#fine_build_contact_widget-1 ul{
	margin:0;
	padding:0;
}

#fine_build_contact_widget-1 ul li{
	margin:0;
	padding-left:25px;
	position:relative;
	text-transform:none;
}
#fine_build_contact_widget-1 ul li i{
	position:absolute;
	top:12px;
	left:0px;
}

.info_box ul{
	margin:0;
	padding:0;
}

.info_box ul li{
	margin:0;
	position:relative;
	text-transform:none;
}
.info_box .info{
	position:absolute;
	top:0px;
	left:0px;
	padding-left:60px;
}
.mill-widget.mill-sidebar-element{
	width:100%;
}
.tm_logo_top{
	width:auto;
}
.tm_contact_info .info_box .info h4 {
    margin-bottom: 15px;
    line-height: 20px;
}
.tm_company_slides .content{
	display:none;
}

.btngrp{
	display:none;
}

.wpcf7-captchar{
	width:100%;
    padding: 15px;
    font-size: 18px;
	margin-bottom:20px;
}
.wpcf7-captchac{
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.tm_contact_form .tm_btn{
	float:none;
}
.service_title{
	font-size: 28px;
	margin: 30px 0px 10px 0px!important;
	color: #f89406;
}
.range-list{
	padding:0;
	margin:0;
}
.range-list li{
	list-style:none;
	line-height:2.5;
	position:relative;
	padding-left:20px;
}
.range-list li i{
	position:absolute;
	left:0px;
	top:11px;
	color: #f89406;
}
.tm_footer_contact_info ul li a{
	color:#fff;
}
body, p {
    text-transform: none!important;
}

body h4 {
    text-transform: none!important;
}
.pum-theme-636, .pum-theme-default-theme {
    background-color: rgba(0, 0, 0, 0.9)!important;
}
.pop-up-head{
	color:#000;
	font-size: 18px;
	margin-bottom:10px;
}
.pop-up-list ul li{
	color:#000;
	padding:2px 0px;
}

.pop-up-list ul li a{
	color:#000;
}
.pum-theme-636 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
	    background-color: rgb(248, 148, 6)!important;
}
/*
     FILE ARCHIVED ON 08:58:35 Aug 06, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:01:14 Jun 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.416
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.041
  esindex: 0.006
  cdx.remote: 10.511
  LoadShardBlock: 65.535 (3)
  PetaboxLoader3.datanode: 76.435 (5)
  PetaboxLoader3.resolve: 278.841 (2)
  load_resource: 329.911
  loaddict: 15.911
*/