@charset "utf-8";
/* CSS Document */
/*
Template: Indus - Industrial Bootstrap Templates
Author: Jitu Chauhan
/* Table of Content
==================================================
#Homepage
#About us
- History
- Our principle
#Project
- Project single
- Project details
- Project gallery
#Services
- Services
- Services details
#Blog
- Blog
- Blog details
#Page
- Our clients
- Directors
- Faq’s
- Testimonial
- Team page
- Get quote
- Error 404
- Alerts
- Button
- Column
- Gallery
- Tabs
#Contact Us
=================================================
*/
/*==================
General CSS
==================*/
body{font-family: 'Roboto Condensed', sans-serif; color:#777777; background-color:#f5f5f5;-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6{color:#2a2a2a; margin-bottom:30px; margin-top:0px;
font-family: 'Roboto Condensed', sans-serif; letter-spacing:-1px;}
h1{font-size:42px;font-weight:700;}
h2{ font-size:26px; font-weight: 500;}
h3{font-size:21px;}
h4{ font-size:17px;}
p{color:#777777; margin-bottom:30px; margin-top:0px; font-size:17px; line-height:28px;
font-family: 'Roboto Condensed', sans-serif;-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;}
ul, ol{ color:#777; margin-bottom:30px; padding-left:0px;}
ul li, ol li{color:#777777; list-style: none; font-size:17px;}
a{color:#777777; -webkit-transition: all 0.3s; text-decoration: none;
-moz-transition: all 0.3s;
transition: all 0.3s;}
a:hover{ color:#2a2a2a; text-decoration: none;}
.section-space{ padding:100px 0px;}
.tp-pic{margin-bottom:30px;}
/*========================
Template CSS
========================*/
.tp-btn-rounded{ border-radius:50px; padding:12px 30px; font-size:14px; text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400; border:none; letter-spacing: 1px;}
.tp-btn-grey{ background-color:#777777; color:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight:400;
}
.tp-btn-outline{border:2px solid #ddd; padding-top:10px; padding-bottom:10px; padding-left:18px; padding-right:18px; letter-spacing:0px;}
.tp-btn-outline:hover{ background-color:#C80013;border:2px solid #C80013;}
.white-box{ padding: 30px;
background-color: #FFF;
margin-bottom: 30px;
}
.tp-btn-grey:hover{
color: #fff; background-color:#C80013;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #2a2a2a;
font-weight:400;
}
.tp-btn-yellow{background-color:#C80013; color: white;}
.tp-btn-yellow:hover{ background-color:#2a2a2a; color:#C80013;}
.tp-btn-dark{ background-color:#2a2a2a; color:#C80013;}
.tp-btn-dark:hover{ background-color:#777777; color:#fff;}
.angle-double-right li {
position: relative;
}
.angle-double-right li:before {
margin-right: 10px;
font-family: FontAwesome;
color:#777;
top: 0;
left: -5px;
content: "\f101";
}
/************** Template Back To Top Class *************/
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #C80013 url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #f0d918;
opacity: 1;
}
/*********** Header Start**********/
.tp-top-bar{ background-color: #C80013; padding: 15px 0px;}
.tp-top-bar ul{margin-bottom: 0px;}
.tp-top-bar ul.call{ font-size: 13px;}
.tp-top-bar ul.links{ font-size: 13px;}
.tp-top-bar ul.links li{ font-size: 13px; display: inline-block; padding-right: 20px; }
.tp-top-bar ul.links li a{color: white;}
.tp-top-bar ul.tp-social-media {float: right; font-size:18px;}
.tp-top-bar ul.tp-social-media li{ float: left; margin-right: 10px;}
.tp-top-bar ul.tp-social-media li a:hover{ color:#C80013;}
.header-row {
}
.header-row .logo {
padding: 0px;
height: 60px;
}
.social-icon {
padding-top: 16px;
}
.social-icon li {
float: left;
list-style: none;
margin-left: 10px;
}
.social-icon li a {
color: #1a2733;
font-size: 24px;
}
/*********** Template Menu / Navigation *********/
.tp-navigations {background-color: white;
padding-top: 22px;}
.tp-navigations .navbar-brand {
float: left;
/* height: 50px; */
padding: 0px 15px;
font-size: 18px;
line-height: 20px;
}
.tp-navigations .navbar-default {
background-color: transparent;
border-color: transparent;
border-right: 0px;
border-top: 0px;
border-left: 0px;
}
.tp-navigations .navbar{margin-bottom: 0px;}
.tp-navigations .navbar-default .navbar-nav{}
.tp-navigations .navbar-default .navbar-nav>li>a{ color: #777777;text-transform: uppercase;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
font-weight: 600;
letter-spacing: 0px;
padding-bottom: 30px;}
.navbar-default .navbar-toggle {
border-color: #C80013;
background-color: #C80013;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #242424;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #C80013; border-color: #C80013;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: transparent;}
.tp-navigations .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #C80013;
background-color: white;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{ color: #C80013;}
.tp-navigations .dropdown-menu{background-color: #282725; border: 0px;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
box-shadow: 0 0px 0px rgba(0,0,0,.175);top: 65px;}
.tp-navigations .dropdown-menu>li>a{padding: 7px 20px; font-size: 16px; color: #777;}
.tp-navigations .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: white;
text-decoration: none;
background-color: transparent;
}
.search-open {
background-color: #151515;
height: 120px;
display: none;
position: relative;
color:#fff;
width: 100%;
padding: 40px 20px 20px 20px;
}
.search-open input.form-control{ border: 2px solid #52524f; height: 42px; background-color: #282725;}
.search-open .btn-outline {
border: 2px solid #52524f;
background-color: #1F1F1F;
border-radius: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size: 14px;
padding: 9px 20px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
}
.search-open .btn-outline:hover{background-color: #C80013;
border: 2px solid #C80013;
color: #1f1f1f;
text-transform: uppercase;}
/******************** Header End ***************/
.caret-up {
width: 0;
height: 0;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-bottom: 4px solid;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}
/**************** tp-slider **************/
#tp-slider{}
.tp-slider{}
.tp-slider .slider-pic{ }
.tp-slider .slider-pic .slider-caption{ position: absolute; width: 475px;
top: 170px;}
.tp-slider .slider-pic .slider-caption h1{color:#2a2a2a; font-size: 36px;}
.tp-slider .slider-pic .slider-caption h1 span.highlight{color:#C80013;}
.tp-slider .slider-pic .slider-caption p{color:#2a2a2a; font-size:15px;}
.tp-slider .slider-pic .slider-caption .tp-btn-white{ background-color:#fff; color:#26241e; margin-right: 20px;}
.tp-slider .slider-pic .slider-caption .tp-btn-dark{color:#fff;}
/**************** tp-service-section ****************/
#tp-service-section{}
.tp-service-section{}
.service-list{}
.service-list ul li{float: left;}
.service-list ul li a{ background-color: #fff;
border: #e6e6e6 2px solid;
min-width: 80px;
padding: 15px;
display: inline-block;
margin:0px 10px 10px; font-size: 21px; color: #2a2a2a;}
.service-list li a:hover{background-color: #C80013; color: #2a2a2a; border: 2px solid #C80013;}
.service-list ul li a i{ line-height: 1.5;
float: right;}
/************** tp-projects-section ***************/
#tp-projects-section{}
.tp-projects-section{ background-color:#ebebeb;}
.tp-projects-section .call{ background-color: #fff; padding: 30px; margin-top:10px;}
.tp-projects-section .call h2{ margin-bottom: 0px;}
.call span.num{ color:#C80013;}
#gallery .item img {
display: block;
width: 100%;
height: auto;
}
#gallery .item {
margin: 15px;
}
/*************** tp-about-us-section *******************/
#tp-about-us-section{}
.tp-about-us-section{}
.tp-about-us-section .about-company{ margin-bottom:50px;}
.tp-about-us-section .tp-about-caption{background-color:#FFF; padding: 30px; margin-bottom:30px;}
.white-box .icon{margin-bottom:30px;}
.tp-about-us-section .why-choose-us{}
/******************** tp quotes section ********************/
#tp-quotes-section{}
.tp-quotes-section{ background-color:#fff;}
.tp-quotes-section .circle{ height: 84px; width: 84px; background-color: #C80013; text-align: center; border-radius: 100%;
margin-bottom:40px;}
.tp-quotes-section .circle i{font-size:30px; margin-top: 30%; color: #2a2a2a;}
.tp-quotes-section p{font-size:21px; font-style:italic; line-height:34px;}
.tp-quotes-section .company-name{ font-size: 30px; color: #2a2a2a;}
.tp-quotes-section small{color: #777777; font-size: 15px; margin-bottom:60px; display:inline-block;}
.tp-quotes-section .owl-theme .owl-controls{ text-align: left;}
/******************** tp clients section *********************/
#tp-clients-section{}
.tp-clients-section{}
.tp-clients-section h1{text-align:center;}
/*************** tp-cta-section **************/
#tp-cta-section{}
.tp-cta-section{ background-image:url(../images/cta.png); padding: 55px; height: 237px;}
/*************** footer **************/
#footer{}
.footer{ background-color:#2a2a2a;}
.footer h2{ color:#d2d2cc;}
.footer ul li{color:#777777; margin-bottom:10px;}
.footer ul li a:hover{ color:#C80013;}
.footer ul li i{color:#C80013; margin-right:5px;}
.tp-ft-newsletter .form-group .form-control {
background-color: #151515;
border: 1px solid #282828;
border-radius: 0px;
height: 45px;
}
.btn-submit {
background: #C80013;
text-transform: uppercase;
font-size: 18px;
color: #0f1a25;
padding:10px 20px;
}
.btn-submit:hover { background-color:#fff;}
button.btn.btn-submit.tp-btn-rounded{border-radius:50px;}
#tiny-footer {
}
.tiny-footer {
background: #222222;
padding: 25px 0px;
}
.tiny-footer p{margin-bottom:0px;}
.tiny-footer .copyright-ct {
color: #777777;
font-size: 14px;
}
.tiny-footer ul{margin-bottom:0px;}
.social-icon-ft li {
float: left;
margin-right: 10px;
}
.social-icon-ft li a:hover{ color:#C80013;}
/******************* INNER PAGES ****************/
.main-container{padding:80px 0px;}
.tp-section-title{ margin-bottom: 20px;}
.call{padding-bottom: 30px; border-bottom: 2px solid #f0f0f0; margin-bottom: 30px;}
.call h2{ margin-bottom: 0px;}
.call span.num{ color:#C80013;}
.tp-lead{font-size:21px;}
.tp-right-side{}
.tp-left-side{}
/*******************************
tp-breadcrumb
******************************/
#tp-breadcrumb{}
.tp-breadcrumb{ background-color:#d7d7d7; padding-bottom: 20px;
padding-top: 25px; border-bottom:#ddd solid 2px;}
.tp-breadcrumb .breadcrumb { background-color:transparent; margin-bottom:0px;font-size:14px;
text-transform:uppercase; padding: 10px 0px;}
.breadcrumb>li {
display: inline-block; font-family: 'Roboto Condensed';
font-size: 14px; font-weight:600;
}
.breadcrumb>li a{color:#2a2a2a;}
.breadcrumb>li.active{ color:#777777;}
/******************** Template About ***********************/
#tp-about{}
.tp-about{}
.tp-about .white-box ul li{ margin-bottom: 0px;line-height: 28px;}
.tp-about .abt-block{ display: inline-block; margin-bottom: 50px;}
/******************** Template Service ***********************/
#tp-service{}
.tp-service{}
.tp-service .service-block{}
.tp-service .service-blocks .service-block{}
.tp-service .service-nav .white-box h3{ margin-bottom:0px;}
.tp-service .service-nav .white-box:hover{background-color:#C80013;}
.tp-service .tp-right-side .service-list{ margin-bottom: 30px; display: inline-block;}
.tp-service .tp-right-side .service-list ul li a{ margin: 0px 0px 10px;}
/************************************ Template gallery Details ************************************/
#tp-project-details{}
.tp-project-details{}
.our-project{}
.project-pic{}
#project-pic .item img {
display: block;
width: 100%;
height: auto;
}
#project-pic .item {}
.project-info{}
.project-info h1{ margin-bottom:20px;}
.project-info p.highlights{ color:#C80013; margin-bottom: 8px;}
.project-info p{margin-bottom:15px;}
.project-info a.tp-btn-yellow{margin-top:30px;}
.tp-project-details .specifications{ margin-top: 60px; border-top: 1px solid #ddd; padding-top: 49px;}
.tp-project-details .specifications .specifications-block {}
.tp-project-details .specifications .specifications-block .white-box{display: inline-block; width: 100%;}
.tp-project-details .specifications .specifications-block .white-box .square{ margin-bottom:0px}
.tp-project-details .specifications .specifications-block .white-box h3{margin-bottom:20px;}
.tp-project-details .specifications .specifications-block .white-box p{ margin-bottom:20px; margin-bottom: 0px;}
/************************************
Template gallery
*************************************/
#tp-gallery{}
.tp-gallery{}
.tp-gallery-pic{background-color:#FFF; padding: 30px 30px 0px 30px; margin-bottom:30px;}
.tp-gallery-caption{ background-color: #FFF;
padding: 15px 0px;}
.tp-gallery-caption h2{ margin-bottom:15px;}
.tp-gallery-caption h2.gallery-title a{ color:#2a2a2a;}
.tp-gallery-caption h2.gallery-title a:hover{ color:#C80013;}
.tp-gallery-caption p{ margin-bottom:0px;}
.filter{ margin-bottom:30px;}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.portfolioContainer {
margin-bottom: 50px;
}
.portfolioFilter{margin-bottom:30px;}
.portfolioFilter a.current{background-color: #C80013;
border: 2px solid #C80013}
/************************************
Template Blog
*************************************/
#tp-blog{}
.tp-blog{}
.tp-meta {
margin-bottom: 15px;
display: inline-block;
font-size: 14px;
}
.tp-blog .tp-left-side .blog-block .tp-meta{ margin-bottom:50px;}
.tp-meta .meta-calendar, .tp-meta .meta-comment, .tp-meta .meta-admin, .tp-meta .meta-tags{ margin-right: 15px;}
.tp-meta i {
color: #777;
margin-right: 10px;
}
.tp-meta a {
margin-right: 5PX;
}
.blog-block{ margin-bottom: 60px;}
.blog-block .blog-info{}
.tp-pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.tp-pagination > li {
display: inline;
}
.tp-pagination > li > a, .tp-pagination > li > span {
position: relative;
float: left;
padding: 6px 14px;
border-radius: 50px;
margin-right: 5px;
margin-left: -1px;
line-height: 1.42857143;
color: #fff;
text-decoration: none;
background-color: #777;
border: 1px solid #777;
}
.tp-pagination > li > a:focus, .tp-pagination > li > a:hover, .tp-pagination > li > span:focus, .tp-pagination > li > span:hover {
color: #2a2a2a;
background-color: #C80013;
border-color: #C80013;
}
.widget {
margin-bottom: 20px;
}
.tp-search-widget {
}
.tp-search-widget .input-group {
position: relative;
display: table;
border-collapse: separate;
}
.tp-search-widget .input-group .input-group-btn .tp-btn-yellow{
margin-left: -2px;
border: #fbcf13 solid 2px;
padding: 6px 12px ; line-height: 1.8;
border-radius: 0px 50px 50px 0px;
}
.tp-search-widget .input-group .input-group-btn .tp-btn-yellow:hover{border: #2a2a2a solid 2px;}
.input-group .form-control{border:2px solid #ddd; height: 41px;
border-radius: 50px; }
.tp-category-widget {}
.tp-category-widget ul {}
.tp-category-widget ul li{margin-bottom: 10px;}
.tp-recent-post-widget{}
.tp-recent-post-widget .tp-rc-post{}
.tp-recent-post-widget .col-md-4{padding-right: 0px;}
.tp-recent-post-widget .col-md-8{padding-left:0px;}
.tp-recent-post-widget .tp-rc-post .tp-thumbnail a img{ width:100%;}
.tp-thumbnail{}
.tp-recent-post-widget .white-box {
padding: 20px;
background-color: #FFF;
margin-bottom: 30px;
}
.tp-recent-post-widget .white-box h3{ margin-bottom:15px;}
.tp-tag-widget { display: inline-block;
}
.tp-tag-widget .white-box{ display:inline-block;}
.tp-tag-widget a {
background-color: #777777; font-size: 13px;
padding: 11px 16px; border-radius:50px; color:#fff; float: left;
margin-bottom: 5px;
margin-right: 3px;
}
.tp-tag-widget a:hover{ background-color:#C80013; color:#2a2a2a;}
/************* Blog Detail ************/
.tp-blockquote{}
.tp-blockquote blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17px;
border-left: none;
background-color: #C80013;
font-style: italic;
}
.tp-blockquote blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
margin-bottom: 0;
color: #2a2a2a;
}
.related-post{ border-bottom: 1px solid #d7d7d7;
margin-bottom: 10px;
padding-bottom: 49px;}
.pre-next-post {
margin-bottom: 60px;
padding-bottom: 10px;
border-bottom: 1px solid #d7d7d7;
}
.tp-blog .post-next-prev .pager {
padding-left: 0;
margin: 0px 0;
text-align: center;
list-style: none;
}
.pager li>a, .pager li>span {
display: inline-block;
padding: 10px 22px;
background-color: #C80013;
border: 1px solid #C80013;
border-radius: 50px;
font-weight: 600;
}
.pager li>a:focus, .pager li>a:hover {
text-decoration: none;
background-color: #777;
border: 1px solid #777;
color: #fff;
}
.blog-prv-link {
padding-top: 30px;
padding-bottom: 30px;
}
.blog-nxt-link {
padding-top: 30px;
padding-bottom: 30px;
text-align: right;
}
.author-pic {
text-align: center;
}
.author-ct { margin-bottom: 60px;
}
.author-ct h2{ margin-bottom:20px;
}
.author-ct h2 a{color:#2a2a2a;}
.author-ct h2 a:hover{ color:#C80013;}
.author-ct h2 small{ color:#C80013; margin-left:15px;}
.author-ct .tp-social-media{}
.author-ct .tp-social-media a{ margin-left: 15px; margin-right:5px;}
.author-ct .tp-social-media a:hover{color:#C80013;}
.author-ct .tp-social-media li a i{ margin-right: 10px;}
.tp-media {
margin-top: 20px;
}
.comments { margin-top: 40px;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 50px;
padding-bottom: 19px;}
.comments .media {margin-bottom: 40px;}
.comments .media .nested-media {border: none; margin-top: 60px; margin-bottom: 0px;}
.comments .media a.media-left { padding-right: 30px;}
.comments .media a.media-left img{ width: 120px;
height: 130px;
}
.comments .media .media-body {
}
.comments .media .media-body .media-heading{margin-bottom:20px;}
.comments .media .media-body h3.media-heading a {color: #2a2a2a; margin-bottom:30px;}
.comments .media .media-body h3.media-heading a:hover {color: #C80013;}
.comments .media .media-body p span {font-size: 14px; margin-right: 10px;}
.comments .media .media-body .btn-outline { padding: 0px 15px;}
.comments .media .media-body .btn-outline i {margin-right: 10px;}
.leave-comments{}
.leave-comments .form-horizontal .control-label{text-align:left;}
.leave-comments textarea.form-control{ min-height: 160px;
margin-bottom: 60px;}
/******************** Template faq ***********************/
#tp-faq{}
.tp-faq{}
.tp-faq .faq-block{margin-bottom:20px; display: inline-block;}
.tp-faq .faq-block .tp-btn-grey{margin-bottom:30px;}
.tp-faq .social-media{}
.tp-faq .social-media i{ margin-right:20px; font-size:32px;}
.tp-faq .tp-right-side .white-box p{margin-bottom:0px;}
/************ Template Team ************************/
#tp-team{}
.tp-team{}
.tp-team .team-block{
}
.tp-team .team-block .white-box{margin-bottom:85px;}
.tp-team .team-block .white-box h2{margin-bottom:20px;}
.tp-team .team-block .white-box p{margin-bottom:0px;}
/************ Template Contact us ************************/
#tp-contact{}
.tp-contact{}
.tp-contact-form {
margin-bottom: 50px;
}
select.form-control {
}
input.form-control, select.form-control {
margin-bottom: 25px;
background-color: #fff;
color: #777;
border: 1px solid #e1e1e1;
height: 50px;
font-weight: normal;
border-radius: 0px;
}
label.control-label {
font-size: 17px;
color: #2a2a2a;
margin-bottom: 15px;
font-weight: normal;
}
textarea.form-control {
min-height:160px; margin-bottom:55px;border: 1px solid #e1e1e1;
}
.tp-contact-form button{ font-weight:600;}
.tp-contact .social-media{}
.tp-contact .social-media i{ margin-right:20px; font-size:32px;}
.tp-contact .tp-right-side .white-box p{margin-bottom:0px;}
/*************** tp-request-quote *****************/
#tp-request-quote{}
.tp-request-quote{}
.tp-request-quote .social-media{}
.tp-request-quote .social-media i{ margin-right:20px; font-size:32px;}
.tp-request-quote .tp-right-side .white-box p{margin-bottom:0px;}
/************ TemplateTabs ************************/
#tp-tabs{}
.tp-tabs{}
.tab-block{margin-bottom:50px;}
.tp-tabs .nav-tabs {
border-bottom: none;
margin-bottom: 30px;
}
.tp-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #242424;
cursor: default;
padding: 11px 39px;
background-color: #C80013;
border-radius: 50px;
font-size: 14px;
text-transform: uppercase;
border: none;
border-bottom-color: transparent;
font-weight: 700;
}
.tp-tabs .nav-tabs>li>a {
line-height: 1.42857143;
padding: 11px 39px;
font-size: 14px;
border: none;
border-radius: 50px;
text-transform: uppercase;
font-weight: 700;
background-color: #777;
color:#fff;
margin-right: 10px;
}
.tp-tabs .tab-content>.active {
display: block;
background-color: #fff;
padding: 40px;
border-radius: 20px;
}
.tp-tabs .nav-tabs>li>a:hover {
border-color: transparent;
}
.tab-block-two {
background-color: #fff;
padding: 70px 70px 70px 70px;}
.tp-tabs .tab-block-two .tab-content>.active {
display: block;
background-color: #fff;
padding: 0px;
}
/************ Template Our Clients ************************/
#tp-our-clients{}
.tp-our-clients{}
.logo-block{ background-color:#e9e9e9; padding:20px; margin-bottom:30px;}
.logo-block .white-box{margin-bottom:0px;}
.tp-our-clients .client-block{}
/************ Template Testimonials ************************/
#tp-testimonials{}
.tp-testimonials{}
.tp-testimonials .testimonials-block{ margin-bottom: 50px;}
.tp-testimonials .testimonials-block .client-name{ font-size: 20px; color: #2a2a2a;}
.tp-testimonials .testimonials-block .client-name span{ font-size:17px; color:#777;}
.square{ background-color: #C80013; display: inline-block; padding: 0px 0px; float: left; margin-right: 30px; margin-bottom: 60px;}
.square i{color:#FFF; font-size:21px; text-align:center}
/******************** Template Alerts **********************/
#tp-alerts{}
.tp-alerts{}
.tp-alerts .alert i{ margin-right:15px;
}
.tp-alerts .alert {
padding: 15px 30px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 60px;
}
/******************** Template Paginations **********************/
#tp-paginations{}
.tp-paginations{}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.small-style{ margin-bottom: 50px;}
.pagination>li:first-child>a, .pagination>li:first-child>span{ background-color: #C80013;
color: #2a2a2a;
border-radius: 50px;
margin-right: 15px; border: 1px solid #C80013;
font-size: 14px;}
.pagination>li>a, .pagination>li>span {background-color: #C80013; border: 1px solid #C80013;
color: #2a2a2a;
border-radius: 50px;
margin-right: 15px;
font-size: 14px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
color: #fff;
background-color: #777;
border-color: #777;
}
.medium-style{ margin-bottom: 50px;}
.medium-style .pagination>li>a, .pagination>li>span {
padding: 10px 20px;
font-size: 16px;
}
.large-style{ margin-bottom: 50px;}
.large-style .pagination>li>a, .pagination>li>span {
padding: 14px 30px;
font-size: 18px;
}
/*************** Template accordion **************/
#tp-accordions{}
.tp-accordions{}
.tp-accordions .tp-accordion {
}
.panel-group {
margin-bottom: 20px;
}
.tp-accordions .tp-accordion .panel {
margin-bottom: 20px;
border: 0px solid transparent;
border-radius: 0px;
background-color: transparent; box-shadow: none;
}
.tp-accordions .tp-accordion .panel-default>.panel-heading {
color: #2a2a2a;
background-color: #C80013;
border: 2px solid #C80013;
border-radius: 50px;
padding: 20px 45px;
}
.tp-accordions .tp-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
border: 2px solid transparent; padding: 50px 45px;
background-color: transparent;
}
/*************** history ********************/
#tp-history{}
.tp-history{}
.history-block{}
.tp-history .tp-section-title {
margin-bottom: 70px;
}
.history-pic{ margin-bottom: 30px; }
.page-header h1 {
font-size: 3.26em;
text-align: center;
color: #efefef;
text-shadow: 1px 1px 0 #000;
}
/** timeline box structure **/
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background-color: #e6e6e6;
left: 50%;
margin-left: -1.5px;
}
.tldate {
display: block;
width: 200px;
background: #414141;
border: 3px solid #212121;
color: #ededed;
margin: 0 auto;
padding: 3px 0;
font-weight: bold;
text-align: center;
-webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}
.timeline li {
margin-bottom: 25px;
position: relative;
}
.timeline li:before, .timeline li:after {
content: " ";
display: table;
}
.timeline li:after {
clear: both;
}
.timeline li:before, .timeline li:after {
content: " ";
display: table;
}
/** timeline panels **/
.timeline li .timeline-panel {
width: 44%;
float: left;
background: #fff;
border: none;
padding: 20px;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
}
/** panel arrows **/
.timeline li .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
content: " ";
}
.timeline li .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
top:0;
right:0;
display: none;
border: 0;
}
.timeline li.timeline-inverted .timeline-panel {
float: right;
}
.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
/** timeline circle icons **/
.timeline li .tl-circ {
position: absolute;
top: 23px;
left: 50%;
text-align: center;
background: #C80013;
color: #fff;
width: 65px;
height: 65px;
line-height: 55px;
margin-left: -32px;
border: 3px solid #C80013;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
z-index: 99999;
}
/** timeline content **/
.tl-heading h4 {
margin: 0;
color: #c25b4e;
}
.tl-body p, .tl-body ul {
margin-bottom: 0;
}
.tl-body > p + p {
margin-top: 5px;
}
/** media queries **/
@media (max-width: 991px) {
.timeline li .timeline-panel {
width: 44%;
}
}
@media (max-width: 700px) {
.page-header h1 { font-size: 1.8em; }
ul.timeline:before {
left: 40px;
}
.tldate { width: 140px; }
ul.timeline li .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline li .tl-circ {
top: 22px;
left: 22px;
margin-left: 0;
}
ul.timeline > li > .tldate {
margin: 0;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}
/***************** tp-error ******************/
#tp-error{}
.tp-error{padding-bottom:50px;}
.tp-error .error-block{}
.tp-error .error-block h1.big-font{ font-size: 245px;
margin-bottom: 0px;}
.tp-error .error-block h2{ font-size:31px;}
/*********** tp button *************/
#tp-button{}
.tp-button{}
.tp-button .btn-small { margin-bottom: 30px;}
.tp-button .btn-small .tp-btn-rounded{ font-size: 10px;}
.tp-button .btn-large{ margin-top:30px;}
.tp-button .btn-large .tp-btn-rounded{ font-size: 18px;
}