/*
   Template Name:  Logicraft | The Multi-Purpose HTML5 Template
   Author: tripples
   Author URI: https://themehunt.com/profile/Tripples
   Description:  Logicraft | The Multi-Purpose HTML5 Template
   Version: 1.0
   
*/

/* Table of Content
==================================================
1.    Typography
2.    Global Styles
3.    Top Bar
4.    Header area
5.    Slider
6.    Features
7.    Service
8.    Projects
9.    Intro Area
10.   Call To Action
11.   Content Area
12.   Client
13.   Latest News
14.   Footer
15.   Sub Pages
16.   Pricing Table
17.   Quote Area
18.   Contact Us
19.   News Single
20.   Sidebar
21.   Error Page
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900');
@font-face {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* Typography
================================================== */


p {
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #252a37;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 48px;
  line-height: 48px;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

h4 {
  font-size: 18px;
  line-height: 28px;
}

h5 {
  font-size: 14px;
  line-height: 24px;
}





/* Primary Box */
.ts-intro .border-left {
  border-left: 2px solid #dee2e6 !important;
}

.box-primary {
  background-color: #da0f32;
}

.box-dark {
  background-color: #222222;
}

.box-secondary {
  background-color: #0F2765;
}

.intro-details {
  padding-left: 20px;
}

.intro-title {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
}

.intro-sub-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 46px;
  margin: 15px 0 25px;
  color: #1c1c24;
}

section .title-white {
  color: #fff !important;
}






/*-- Section title --*/
/*.section-title {
  font-size: 40px;
  margin-top: 0;
  text-align:center;
  display: inline-block;
  margin-bottom: 90px;
  
}*/
.section-title span {
  font-size: 18px;
  margin-bottom: 15px;
  color: #333;
  text-align: center;
  display: block;
  font-weight: 500 !important;
  line-height: normal;
}



















/* Features
================================================== */
.ts-features [class*=col] {
  height: 360px;
  padding: 0;
}

.feature-box1,
.feature-box2,
.feature-box3 {
  position: relative;
  background-size: cover;
  background-position: center;
}

.ts-features-col {
  padding-top: 0;
}
.ts-features-col .feature-box1,
.ts-features-col .feature-box2,
.ts-features-col .feature-box3 {
  overflow: hidden;
}
.ts-features-col .feature-box1:after,
.ts-features-col .feature-box2:after,
.ts-features-col .feature-box3:after {
  background: #222222;
}
.ts-features-col .feature-box1:after {
  background: #da0f32;
}
.ts-features-col .feature-box2:after {
  background: #0f2765;
}

.feature-box1:after,
.feature-box2:after,
.feature-box3:after {
  position: absolute;
  content: '';
  background: rgba(34, 34, 34, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
}

.ts-feature-info {
  color: #fff;
  z-index: 1;
  position: relative;
  padding: 50px;
}

.ts-feature-title {
  font-size: 28px;
  margin: 30px 0 20px;
  color: #fff;
}

.ts-feature-info i {
  font-size: 100px;
}

.feature-box1:after {
  background: rgba(33, 84, 207, 0.85);
}

.feature-box2:after {
  background: rgba(15, 39, 101, 0.85);
}

/* Feature Icon Left */
.ts-feature-info.icon-left .feature-icon {
  float: left;
  color: #3261D3;
}
.ts-feature-info.icon-left .feature-icon i {
  font-size: 50px;
}

.ts-feature-info.icon-left .feature-content {
  margin-left: 80px;
}
.ts-feature-info.icon-left .feature-content h3 {
  color: #252a37;
}
.ts-feature-info.icon-left .feature-content p {
  color: #626c84;
}

.ts-feature-info.icon-left .ts-feature-title {
  font-size: 22px;
  margin: 0 0 5px 0;
}

/*-- ts-features-row --*/

.feature-light-row {
    margin-top: -15%;
    background: #003f64;
    box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.feature-light-row .text-center {
    padding: 30px;
}













/* Sub Pages
================================================== */
/*-- Title border --*/
.main-container .border-left {
  margin-bottom: 30px;
}

/*-- Banner --*/
.banner-area {
  position: relative;
  min-height: 300px;
  color: #fff;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.banner-area .container {
  position: relative;
}

.banner-title {
  color: #fff;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.banner-heading {
  width: 100%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  min-height: 300px;
}





/* ts feature box */
.ts-features-light .ts-feature-info i {
  color: #2B5CD1;
}

.ts-features-light .ts-feature-info h3 {
  font-size: 24px;
}

.ts-features-light .ts-feature-box .ts-feature-info {
  padding: 0 20px;
}

.ts-features-light .ts-feature-box .ts-feature-info p {
  margin-bottom: 0;
}

.ts-feature-box .ts-feature-title {
  font-size: 20px;
  margin: 20px 0 10px;
  color: #fff;
}
.ts-feature-box .ts-feature-info {
  color: #000;
  z-index: 1;
  position: relative;
  padding: 15px;
}

.feature-text-box .column-title {
  font-size: 36px;
  line-height: normal;
  margin-bottom: 10px;
}

.feature-text-box .column-title span {
  font-size: 20px;
}

.feature-text-box .btn {
  padding: 15px 60px;
  margin-top: 10px;
}