@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: consulting - Consulting Business Template
    Template URI: http://rockstheme.com
    Description: This is html5 template
    Author: Rocks_theme
    Author URI: http://rockstheme.com
    Version: 1.0

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
     CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header Top Area
       2.1 Header Bottom Area
       2.1 Sticky Header Area
       2.3. Mobile Menu Area
    3. Slider Area
    4.Welcome Services Area
    5. About area
    6.Services Area
    7.Counter Area
    8.project Area
    9. banner Area
    10.Testimonial Area Css
    11.Quote Area
    12. Blog Area
    13. Footer Area
    14. Home 2 Area
	15.Why choose Area
	16.Team Area Css
	17 Home page 3
	18. Pricing css
	19. Video area css
	20. Home pages 4
    21. Breadcumbs Area
	22. Blog Details page
	23. Project pages
	24.	Contact Us page
	25. Faq Area
	26.Sub Services Pages
	27. Project Details page
	28.Modal CSS


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,800,900|Open+Sans:400,400i,600,700,700i,800");
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
  height: 100%; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px; }

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px; }

.aligncenter {
  display: block;
  margin: 0 auto 15px; }

a:focus {
  outline: 0px solid; }

img {
  max-width: 100%;
  height: auto; }

.fix {
  overflow: hidden; }

p {
  margin: 0 0 15px;
  color: #777; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  margin: 0 0 15px;
  color: #444;
  font-weight: 700; }

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

h2 {
  font-size: 38px;
  line-height: 40px; }

h3 {
  font-size: 30px;
  line-height: 32px; }

h4 {
  font-size: 24px;
  line-height: 26px; }

h5 {
  font-size: 20px;
  line-height: 22px; }

h6 {
  font-size: 16px;
  line-height: 20px; }

a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none; }

a:hover {
  /*color: #e22a31;*/
  color: #397bb9;
  text-decoration: none; }

a:active, a:hover {
  outline: 0 none; }

a:hover, a:focus {
  color: #333;
  text-decoration: none; }

body {
  background: #fff none repeat scroll 0 0;
  color: #777;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px; }

#scrollUp {
  background: #5bd2d1 none repeat scroll 0 0;
  border-radius: 2px;
  bottom: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 20px;
  height: 34px;
  line-height: 30px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 34px; }

#scrollUp:hover {
  background: #129aa0;
  opacity: 1; }

.clear {
  clear: both; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

input:focus, textarea:focus, select:focus {
  outline: none; }

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("img/logo/preloader.gif") no-repeat center center; }

.navbar-collapse {
  padding-left: 0px; }

::-moz-selection {
  background: #6cd2d5 !important;
  text-shadow: none; }

::selection {
  background: #6cd2d5 !important;
  text-shadow: none; }

.color {
  color: #e22a31;
  font-weight: 800; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.area-padding {
  padding: 90px 0px; }

.area-padding-2 {
  padding: 70px 0px 50px; }

.padding-2 {
  padding-bottom: 90px; }

.section-headline {
  margin-bottom: 60px;
  position: relative; }

.section-headline h3 {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 140%; }

.section-headline.white-headline h3 {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }

.section-headline.text-left {
  margin-bottom: 30px; }

.section-headline::after {
  border: 1px solid #5bd2d6;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 60px;
  right: 0; }

.section-headline.text-left h3::after {
  border: 2px solid #5bd2d6;
  left: 0;
  right: auto; }

.section-headline p {
  max-width: 650px;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0 auto 16px auto;
  line-height: 30px; }

.sub-head h4 {
  color: #fff;
  font-size: 30px;
  position: relative;
  padding-bottom: 30px; }

.sub-head h4::after {
  border: 2px solid #e22a31;
  bottom: 0px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 20%; }

.sub-head p {
  color: #fff;
  font-size: 17px;
  margin-top: 20px;
  line-height: 26px; }

.mar-row {
  margin-top: 50px; }

.small-title {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
  color: #5bd2d6; }

/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
.header-one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 999; }

.topbar-left ul li {
  display: inline-block; }

.topbar-area {
  /*background: rgba(91,210,214,0.40);*/
  background: #5bd2d6; }

.topbar-left ul li a {
  color: #fff;
  display: block;
  font-weight: 400;
  margin-right: 20px;
  padding: 10px 0;
  text-decoration: none; }

.topbar-left ul li a i {
  color: #e22a31;
  font-size: 16px;
  padding-right: 7px; }

.topbar-right {
  position: relative;
  display: block; }

.top-social {
  float: right;
  padding: 10px 0px;
  margin-right: 10px; }

.top-social ul li {
  display: inline-block; }

.top-social ul li a {
  color: #fff;
  margin-right: 12px;
  display: block;
  text-align: center;
  font-size: 16px; }

.top-social ul li a:hover {
  color: #e22a31; }

.quote-button, .quote-button2, .quote-button3 {
  float: right; }

.quote-btn {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  background: #129aa0;
  display: inline-block;
  border: 1px solid #129aa0;
  padding: 10px 20px; }

.quote-btn:hover {
  color: #129aa0;
  background: #fff;
  border: 1px solid #fff; }

.quote-btn2 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  background: #e22a31;
  display: inline-block;
  border: 1px solid #e22a31;
  padding: 10px 20px; }

.quote-btn2:hover {
  color: #e22a31;
  background: #fff;
  border: 1px solid #fff; }

.quote-btn3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  background: #3eb7bc;
  display: inline-block;
  border: 1px solid #3eb7bc;
  padding: 10px 20px; }

.quote-btn3:hover {
  color: #3eb7bc;
  background: #fff;
  border: 1px solid #fff; }

/*----------------------------------------*/
/*  2.1 Header Bottom Area
/*----------------------------------------*/
.header-area {
  background: rgba(90, 210, 214, 0.8); }

.logo {
  display: block; }

.logo a {
  display: inline-block;
  height: auto;
  padding: 26px 0 0 0; }

.main-menu ul.navbar-nav li {
  float: left;
  position: relative; }

.main-menu ul.navbar-nav li a {
  background: rgba(90, 210, 214, 0) none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 40px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; }

.main-menu ul.navbar-nav li a:hover {
  color: #397bb9; }

.main-menu ul.navbar-nav li.active a:focus {
  color: #333; }

.main-menu ul.navbar-nav li.active a {
  background: transparent none repeat scroll 0 0;
  color: #e22a31;
  position: relative;
  z-index: 9999999; }

.navbar {
  border: medium none;
  margin-bottom: 0; }

.navbar-default {
  background: transparent none repeat scroll 0 0; }

.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #333; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #fff; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none; }

.main-menu ul.nav li ul.sub-menu {
  background: #252525;
  border-top: 2px solid #e22a31;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 115%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 220px;
  z-index: -99; }

.pagess {
  position: relative; }

.navbar.navbar-default {
  float: right; }

.main-menu ul.nav li ul.sub-menu li {
  border-bottom: 1px solid #333;
  padding: 0;
  position: relative;
  width: 100%; }

.main-menu ul.nav li:hover ul.sub-menu {
  top: 100%;
  opacity: 1;
  z-index: 999;
  visibility: visible; }

.main-menu ul.nav li ul.sub-menu li a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; }

.main-menu ul.nav li ul.sub-menu li a span {
  color: #e22a31; }

.main-menu ul.nav li:hover ul.sub-menu li a:hover {
  color: #fff;
  background: #e22a31; }

.main-menu ul.nav li ul.sub-menu li:last-child {
  border: none; }

.stick span.search-button i, .stick .header-search input {
  color: #444; }

.search-option-5 button.button {
  display: inline-block;
  border: none;
  background: none;
  padding: 0; }

.search-option {
  background: #fff none repeat scroll 0 0;
  bottom: -48px;
  color: #444;
  display: none;
  position: absolute;
  right: 20px;
  width: 260px;
  z-index: 99999; }

.search-option input {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  color: #444;
  display: block;
  float: left;
  font-size: 14px;
  font-style: italic;
  padding: 8px 10px;
  width: 210px;
  height: 44px; }

.search-option button.button {
  background: #e22a31;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 17px;
  line-height: 35px;
  padding: 5px 15px;
  text-align: center; }

.header-right-link a.main-search {
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 16px;
  line-height: 32px;
  position: relative;
  text-align: center;
  padding: 34px 15px; }

/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
  -webkit-box-shadow: 0px 0px 5px #ccc, -2px -2px 5px #000;
  box-shadow: 0px 0px 5px #ccc, -2px -2px 5px #000;
  background: #5bd2d6; }

.header-area.stick .logo a {
  display: inline-block;
  height: auto;
  padding: 15px 0; }

.header-area.stick .main-menu ul.navbar-nav li a {
  padding: 25px 15px; }

.header-area.stick .quote-button {
  float: right;
  padding: 13px 5px; }

.header-area.stick .header-right-link a.main-search {
  padding: 19px 15px; }

.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 15px; }

.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover {
  color: #fff;
  background: #e22a31; }

.header-area.stick .navbar-brand > img {
  display: block;
  width: 160px;
  height: auto; }

/*----------------------------------------*/
/*  2.3. Mobile Menu Area
/*----------------------------------------*/
.meanmenu-reveal {
  padding-right: 0 !important; }

.mobile-menu-area {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 10px 0px; }

.mean-container .mean-bar::after {
  content: "";
  font-size: 21px;
  left: 5%;
  position: absolute;
  top: 12px;
  text-transform: uppercase;
  font-weight: 500; }

.mean-container a.meanmenu-reveal:hover {
  color: #252525; }

.mean-container .mean-nav ul {
  list-style-type: none;
  margin: 20px 0px;
  padding: 0;
  width: 100%; }

.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #444;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 13px 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%; }

.mean-nav ul li.mean-last {
  margin-bottom: 20px; }

.mean-container .mean-nav ul li a.mean-expand {
  color: #444;
  line-height: 17px; }

.mean-container .mean-nav ul li {
  width: 99.7%; }

/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
#slide {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative; }

#slide img {
  position: absolute;
  left: 0;
  top: 0; }

.intro-content {
  position: relative;
  z-index: 1; }

.intro-content::after {
  background: rgba(10, 27, 40, 0) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  margin-top: -80px; }

.slider-content {
  position: absolute;
  right: 0;
  text-align: left;
  top: 50%;
  z-index: 3;
  left: 0;
  margin: 0 auto;
  margin-top: -90px; }

.layer-1-2 {
  margin: 20px 0; }

.layer-1-1 p {
  color: #fff;
  font-size: 19px;
  letter-spacing: 0.60px;
  line-height: 30px;
  max-width: 700px; }

.layer-1-2 h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  max-width: 700px; }

.ready-btn {
  border: 1px solid #e22a31;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 30px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 222;
  background: #e22a31;
  width: 150px;
  border-radius: 3px; }

.ready-btn:hover {
  color: #fff;
  background: #e22a31;
  border: 1px solid #e22a31;
  text-decoration: none; }

.ready-btn.right-btn {
  margin-left: 15px;
  background: #252525;
  border: 1px solid #252525; }

.ready-btn.right-btn:hover {
  background: #e22a31;
  border: 1px solid #e22a31; }

.ready-btn.left-btn:hover {
  background: #252525;
  border: 1px solid #252525; }

.layer-1-2 .color {
  color: #e22a31;
  font-weight: 900; }

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  color: #fff;
  font-size: 18px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  text-align: center;
  line-height: 39px;
  opacity: 0;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: none !important; }

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  left: 10%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s; }

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  right: 10%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s; }

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
  right: 2%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  opacity: 1; }

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
  left: 2%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  opacity: 1; }

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
  color: #fff;
  background: #e22a31;
  border: 1px solid #e22a31; }

.intro-carousel .owl-item .layer-1-2 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s; }

.intro-carousel .owl-item .layer-1-1 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 1s;
  transition: all 1s ease-in-out 1s; }

.intro-carousel .owl-item .layer-1-3 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 1.5s;
  transition: all 1s ease-in-out 1.5s; }

.intro-carousel .owl-item.active .layer-1-2,
.intro-carousel .owl-item.active .layer-1-1,
.intro-carousel .owl-item.active .layer-1-3 {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.owl-controls {
  display: none !important; }

/*--------------------------------*/
/* 4.Welcome Services Area
/*--------------------------------*/
.welcome-area {
  background: #fff; }

.section-headline h4 {
  font-size: 24px;
  max-width: 800px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase; }

.section-headline h4 .color {
  color: #e22a31;
  font-weight: 600; }

.well-services {
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  z-index: 1; }

.main-services {
  display: block;
  overflow: hidden;
  padding: 20px;
  position: relative;
  z-index: 1; }

.well-icon {
  width: 60px;
  float: left;
  height: 100px;
  font-size: 40px;
  color: #e22a31; }

.services-img {
  overflow: hidden;
  position: relative; }

.services-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.image-layer {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  z-index: 1;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.image-layer a {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -10px; }

.image-layer a i {
  border-radius: 50%;
  background: transparent;
  font-size: 100px;
  color: #fff;
  opacity: 0.90; }

.service-content h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase; }

.service-btn {
  font-weight: 700;
  text-transform: uppercase;
  color: #444;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  z-index: 2; }

.service-btn::after {
  position: absolute;
  content: "\f105";
  font-family: fontAwesome;
  right: -12px;
  top: -2px; }

.well-services:hover .services-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.well-services:hover .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.well-services:hover .service-content h4 {
  color: #397bb9; }

.well-services:hover .service-btn:hover {
  color: #397bb9; }

/*----------------------------------------*/
/*  5. About area
/*----------------------------------------*/
.about-area {
  background: #f6f6f6; }

.about-content h4 {
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
  font-size: 22px;
  position: relative;
  padding-bottom: 15px; }

.about-content h4 ::after {
  border: 1px solid #e22a31;
  bottom: 0px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 12%; }

.about-content p {
  font-size: 16px;
  letter-spacing: 0.50px;
  line-height: 24px; }

.about-details {
  overflow: hidden;
  display: block;
  padding-top: 10px; }

.icon-title {
  display: block;
  overflow: hidden; }

.single-about {
  width: 48%;
  float: left;
  margin-right: 20px; }

.single-about p {
  text-align: left; }

.single-about:nth-child(2n),
.single-about:nth-child(4n) {
  margin-right: 0px; }

.single-about:nth-child(3n),
.single-about:nth-child(4n) {
  margin-bottom: 0px; }

.single-about a {
  font-size: 40px;
  color: #e22a31;
  float: left;
  line-height: 49px; }

.single-about h5 {
  font-size: 18px;
  color: #666;
  float: left;
  line-height: 50px;
  padding-left: 10px;
  margin-bottom: 0;
  font-weight: 600; }

/*--------------------------------*/
/* 6.Services Area
/*--------------------------------*/
.services-area {
  background: #fff; }

.services-all {
  margin-top: -30px; }

.single-services {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  border: 2px solid #eee;
  padding: 20px 10px; }

.service-images {
  width: 60px;
  float: left;
  height: 60px;
  font-size: 26px;
  color: #fff;
  background: #5bd2d6;
  margin-right: 15px;
  line-height: 56px;
  text-align: center;
  border: 1px solid #5bd2d6;
  border-radius: 50%; }

.services-all .service-content {
  padding-left: 75px; }

.single-services .service-content h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700; }

.single-services .service-content h4 a {
  color: #444; }

.single-services .service-content h4 a:hover {
  color: #397bb9; }

.single-services:hover .service-images {
  margin-top: 30px;
  color: #5bd2d6;
  background: #fff;
  border: 2px solid #5bd2d6; }

ul.services {
  margin-bottom: 64px; }

ul.services li {
  font-size: 18px !important;
  list-style-type: decimal;
  list-style-position: inside !important;
  margin-left: 0px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 8px;
  padding-left: 8px; }

/*----------------------------------------*/
/* 7.Counter Area
/*----------------------------------------*/
.counter-area {
  background: url(img/background/bg1.jpg) no-repeat scroll center center/cover; }

.counter-inner {
  background: #f6f6f6;
  padding: 100px 70px 100px 80px; }

.parallax-bg {
  position: relative; }

.parallax-bg:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  content: ""; }

.counter-area .col-md-6 {
  padding-left: 0px;
  padding-right: 0px; }

.counter-inner p {
  font-size: 16px;
  line-height: 28px;
  color: #444;
  letter-spacing: 0.60px; }

.counter-inner h4 {
  color: #444;
  text-transform: uppercase;
  line-height: 36px;
  font-size: 23px;
  font-weight: 600;
  position: relative;
  padding-bottom: 15px; }

.counter-inner h4 ::after {
  border: 1px solid #e22a31;
  bottom: 0px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 12%; }

.counter-count {
  padding: 57px 0px; }

.about-count {
  padding: 95px 80px 95px 70px; }

.fun-content {
  overflow: hidden;
  padding: 20px 0px;
  display: block; }

.fun_text > a {
  color: #fff;
  display: inline-block;
  font-size: 50px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 3px solid #e22a31;
  text-align: center; }

.fun_text {
  float: left;
  width: 48%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 30px 15px; }

.fun_text:nth-child(2n),
.fun_text:nth-child(4n) {
  margin-right: 0px; }

.fun_text:nth-child(3n),
.fun_text:nth-child(4n) {
  margin-bottom: 0px; }

.fun_text span {
  color: #fff;
  display: block;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 40px; }

.fun_text > h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0; }

/*--------------------------------*/
/*  8.project Area
/*--------------------------------*/
.project-area {
  background: #fff none repeat scroll 0 0; }

.single-awesome-project {
  float: left;
  overflow: hidden;
  width: 100%; }

.first-item {
  margin-bottom: 30px; }

.project-carousel .col-md-4 {
  width: 100%; }

.awesome-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.awesome-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.single-awesome-project:hover .awesome-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.awesome-img > a {
  display: block;
  position: relative; }

.single-awesome-project:hover .awesome-img > a::after {
  opacity: 1; }

.single-awesome-project:hover .add-actions {
  opacity: 1; }

.awesome-img > a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.add-actions {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 9999;
  top: 0;
  cursor: pointer; }

.port-icon {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  top: 41%;
  position: relative;
  font-size: 40px; }

.project-dec {
  display: block;
  padding: 15px 0px 0px 0px; }

.project-dec h4 {
  color: #444;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 5px;
  cursor: pointer; }

.project-dec a {
  color: #444; }

.project-dec a:hover {
  color: #333; }

.project-dec p {
  color: #444;
  font-weight: 400; }

.pst-content {
  padding-left: 10px; }

.single-awesome-project:hover .project-dec h4 {
  color: #e22a31; }

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  color: #e22a31;
  font-size: 16px;
  position: absolute;
  top: -12%;
  right: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #e22a31;
  text-align: center;
  background: #fff;
  line-height: 30px; }

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  right: 51px; }

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  right: 15px; }

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
  color: #fff;
  background: #e22a31;
  border: 1px solid #e22a31; }

/*----------------------------------------*/
/*  9. banner Area
/*----------------------------------------*/
.banner-area {
  background: url(img/background/bg1.jpg) no-repeat scroll center center/cover;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.banner-area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1; }

.banner-contact {
  padding: 0px 0px 0px; }

.banner-contact span i {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  border: 1px solid #e22a31;
  background: #e22a31;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  margin-right: 20px; }

.banner-contact span {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-right: 20px; }

.banner-contact a:first-child {
  margin-right: 15px; }

.banner-btn {
  border: 1px solid #FFFFFF;
  display: inline-block;
  padding: 20px 30px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  background: none;
  border-radius: 2px; }

.banner-btn span {
  background: url(img/top/icon_mail.png) no-repeat left;
  background-size: 25px;
  padding-left: 35px; }

.banner-btn:hover {
  background: transparent;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  color: #fff; }

.banner-content h4 {
  margin: 0 auto;
  color: #fff;
  font-size: 30px;
  max-width: 750px;
  line-height: 36px;
  font-weight: 600; }

/*--------------------------------*/
/* 10.Testimonial Area Css
/*--------------------------------*/
.testimonial-area {
  background: #fff; }

.single-testi {
  padding: 30px 20px;
  position: relative;
  border: 1px solid #f1f1f1; }

.testi-img {
  margin-bottom: 30px; }

.testi-img img {
  width: 100%;
  max-width: 80px;
  height: auto;
  border-radius: 50%;
  float: left; }

.client-rating {
  padding-bottom: 10px; }

.client-rating a {
  display: inline-block;
  color: #fec731;
  font-size: 18px; }

.texti-name {
  padding-left: 20px;
  margin-top: 15px;
  display: inline-block; }

.texti-name h4 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 0px; }

.guest-rev a {
  color: #e22a31; }

.testi-text p {
  color: #444; }

.testi-text h5 {
  color: #444;
  font-size: 20px; }

.testi-text a {
  color: #e22a31; }

.Reviews-content {
  margin-top: -30px; }

.testimonial-carousel.item-indicator {
  padding: 30px 0px 50px; }

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
  background: #444 none repeat scroll 0 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; }

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  bottom: 0px;
  display: block;
  left: 50%;
  margin-left: -20px;
  position: absolute; }

.testimonial-content {
  margin-bottom: 15px; }

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: inline-block;
  margin: 0 3px; }

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #e22a31; }

.reviews-page .single-testi {
  margin-bottom: 30px; }

/*--------------------------------*/
/* 11.Quote Area
/*--------------------------------*/
.quote-area {
  background: url(img/background/bg1.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }

.quote-area #contactForm {
  margin-top: 20px; }

.quote-area .quote-icon {
  display: block;
  margin-bottom: 40px; }

.quote-area .quote-icon i {
  color: #fff;
  float: left;
  font-size: 30px;
  border: 1px solid #e22a31;
  background: #e22a31;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px; }

.quote-area .quote-icon span {
  color: #fff;
  display: block;
  padding-left: 70px;
  line-height: 24px;
  font-size: 17px; }

.form-row {
  margin-top: 60px; }

.quote-area #contactForm input {
  border: none;
  border-radius: 0;
  height: 46px;
  margin-bottom: 20px;
  width: 100%;
  padding: 6px 12px;
  color: #555; }

.quote-area .contact-form textarea#message {
  height: 115px;
  border-radius: 0;
  border: none;
  margin-bottom: 20px; }

.quote-area .quote-btn {
  background: #e22a31;
  border: 1px solid #e22a31;
  color: #fff;
  padding: 10px 20px;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 0px; }

.quote-area .quote-btn:hover {
  background: #fff;
  border: 1px solid #e22a31;
  color: #397bb9;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*----------------------------------------*/
/*  12. Blog Area
/*----------------------------------------*/
.blog-area {
  background: #f5f5f5; }

.blog-grid {
  margin-top: -30px; }

.blog-image {
  overflow: hidden;
  display: block; }

.image-scale {
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.image-scale::after {
  position: absolute;
  content: "";
  background: rgba(0, 46, 91, 0.1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.blog-content a h4 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  color: #444;
  line-height: 24px; }

.blog-meta {
  padding: 15px 0px 10px; }

.blog-meta span {
  color: #444;
  font-size: 14px;
  font-weight: 700;
  padding-right: 10px; }

.single-blog:hover .image-scale {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.single-blog:hover .image-scale::after {
  background: rgba(0, 46, 91, 0); }

.single-blog {
  margin-top: 30px;
  position: relative;
  overflow: hidden; }

.blog-grid-fast {
  margin-top: -30px; }

.single-blog.b-mar {
  margin-top: 20px; }

.blog-content a h4:hover {
  color: #e22a31; }

.blog-btn {
  display: inline-block;
  font-weight: 700;
  color: #444;
  position: relative;
  text-transform: uppercase;
  font-size: 12px; }

.blog-btn::after {
  position: absolute;
  content: "\e876";
  right: -12px;
  top: 0px;
  font-family: consulting;
  font-size: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.blog-btn:hover {
  color: #397bb9; }

.blog-btn:hover.blog-btn::after {
  right: -20px;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.article-type {
  color: red !important; }

#subscribe {
  text-align: center;
  padding: 20px 40px;
  margin: 40px 0; }

.subscribe-btn,
.regist-btn {
  /*padding: 30px 20px;*/
  width: 80% !important;
  margin: 8px auto; }

.subscribe-btn a {
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 30px;
  background: #e22a31;
  border: 1px solid #e22a31;
  letter-spacing: 1px;
  display: block; }

.regist-btn a {
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 30px;
  background: #129aa0;
  border: 1px solid #129aa0;
  letter-spacing: 1px;
  display: block; }

img.member-type {
  width: 40px;
  margin-top: -3px;
  margin-left: 4px; }

/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footer-area {
  padding: 70px 0;
  background: #111; }

.footer-logo {
  margin-bottom: 15px; }

.footer-head p {
  color: #ddd; }

.footer-head h4 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700; }

.footer-head .single-blog {
  margin-bottom: 25px;
  position: relative;
  margin-top: 0; }

.footer-head .blog-content a h4 {
  color: #fff;
  margin-bottom: 0px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500; }

.footer-content .blog-img {
  width: 80px;
  height: auto;
  float: left; }

.footer-content .blog-content {
  padding-left: 90px; }

.footer-content .blog-meta {
  padding-top: 2px;
  padding-bottom: 0; }

.footer-content .blog-meta span {
  color: #ccc; }

.footer-content .blog-title {
  margin-top: 0px; }

.footer-head .blog-content a h4:hover {
  color: #397bb9; }

.footer-head .blog-content a h4:hover {
  color: #397bb9; }

.footer-head .blog-btn {
  color: #e22a31; }

.footer-head .blog-text p {
  margin-bottom: 10px; }

.footer-icons ul li {
  display: inline-block; }

.footer-icons ul li a {
  color: #ddd;
  display: block;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 50%; }

.footer-tags li a:hover,
.footer-icons ul li a:hover {
  color: #fff;
  background: #e22a31;
  border: 1px solid #e22a31; }

.footer-tags li {
  float: left; }

.footer-tags li a {
  color: #ddd;
  display: block;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin: 3px;
  border: 1px solid #222;
  background: #222;
  font-weight: 600;
  padding: 3px 5px;
  border-radius: 2px; }

.footer-icons {
  margin-top: 30px; }

.footer-contacts p span {
  color: #e22a31;
  font-weight: 700; }

.footer-content {
  display: block;
  overflow: hidden; }

.footer-list li a {
  color: #ddd;
  padding: 7px 0px 7px 20px;
  display: block;
  position: relative;
  font-weight: 500; }

.footer-list li a:first-child {
  padding-top: 0px; }

.footer-list li a::after {
  position: absolute;
  content: "\e87a";
  right: auto;
  top: 2px;
  font-family: consulting;
  font-size: 12px;
  left: 0; }

.footer-list li a:hover {
  color: #e22a31; }

.footer-area-bottom {
  color: #526D7B !important;
  padding: 25px 0;
  /*border-top: 1px solid #333;*/
  text-align: center; }

.copyright-text a:hover {
  text-decoration: underline;
  color: #e22a31; }

.copyright-text a {
  color: #526D7B; }

.copyright > p {
  margin-bottom: 0;
  text-align: center;
  color: #526D7B; }

.copyright a {
  color: #1D669B; }

.single-brand-item a {
  border: 1px solid #f5f5f5;
  display: block; }

/*--------------------------------*/
/* 14. Home-2
/*--------------------------------*/
.topbar-area-2 {
  background: #072948; }

.header-area-2 {
  background: #fff; }

.header-area-2 .main-menu ul.navbar-nav li a {
  color: #444; }

.header-area-2 .header-right-link a.main-search {
  color: #444; }

.header-area-2.stick {
  background: #fff; }

.intro-area-2 .slider-content {
  margin-top: -160px; }

.project-all {
  margin-top: -30px; }

.project-all .single-awesome-project {
  margin-top: 30px; }

/*--------------------------------*/
/* 15.Why choose Area
/*--------------------------------*/
.choose-area {
  background-image: url(img/background/bg1.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }

.left-headline {
  position: relative;
  padding-bottom: 10px; }

.choose-area .services-all {
  margin-top: -10px; }

.left-headline::after {
  border: 1px solid #e22a31;
  bottom: -15px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 60px;
  right: auto; }

.left-headline p {
  margin: initial; }

.choose-wrapper {
  background: #fff;
  padding: 80px 30px 80px 100px; }

.services-all .service-content {
  padding-left: 75px; }

.single-services .service-content h4 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700; }

.single-services .service-content h4 a {
  color: #444; }

.single-services .service-content h4 a:hover {
  color: #e22a31; }

.single-services .service-content p {
  color: #666;
  font-size: 16px; }

/*----------------------------------------
 16.Team Area Css
----------------------------------------*/
.team-img {
  position: relative; }

.team-img > a {
  display: block; }

.team-img > a::after {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  opacity: 0; }

.single-team-member:hover .team-img a:after {
  opacity: 1; }

.single-team-member:hover .team-social-icon {
  top: 45%;
  opacity: 1; }

.team-social-icon {
  left: 50%;
  margin-left: -61px;
  opacity: 0;
  position: absolute;
  top: 30%;
  -webkit-transition: 1.3s;
  transition: 1.3s; }

.team-social-icon ul li {
  display: inline-block; }

.team-social-icon ul li a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 40px;
  line-height: 39px;
  margin: 0 3px;
  width: 40px;
  text-align: center; }

.team-social-icon ul li a:hover {
  color: #fff;
  border: 1px solid #e22a31;
  background: #e22a31; }

.team-content {
  padding: 10px;
  position: relative;
  border: 1px solid #ccc;
  text-align: center;
  border-top: none;
  z-index: 1; }

.team-content::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  background: #e22a31;
  width: 0%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1; }

.team-content > h4 {
  color: #444;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px; }

.team-content > p {
  color: #666;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 700; }

.single-team-member:hover .team-content::before {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%; }

.single-team-member:hover .team-content > h4,
.single-team-member:hover .team-content > p {
  color: #fff; }

.all-team {
  margin-top: -30px; }

.all-team .single-team-member {
  margin-top: 30px; }

/*--------------------------------*/
/* 17 Home page 3
/*--------------------------------*/
.intro-area-3 .slider-content {
  margin-top: -160px;
  text-align: center; }

.intro-area-3 .layer-1-2 h1 {
  max-width: 100%; }

.intro-area-3 .layer-1-1 p {
  max-width: 100%; }

.header-middle-area .header-info {
  width: 33.33%;
  float: left;
  padding: 33px 0px; }

.header-middle-area .header-info-text span {
  display: block;
  font-size: 14px; }

.header-middle-area .info-simple {
  font-weight: 700;
  color: #777;
  font-size: 12px; }

.header-middle-area .header-icon {
  float: left;
  margin-right: 10px; }

.header-middle-area .logo a {
  padding: 25px 0; }

.header-icon i {
  color: #e22a31;
  font-size: 34px;
  line-height: 40px; }

.info-first {
  font-weight: 700;
  color: #444; }

.header-area-3 {
  background: #fff;
  border-top: 1px solid rgba(226, 46, 49, 0.2); }

.header-area-3.stick {
  background: #fff; }

.header-area-3 .navbar.navbar-default {
  float: left; }

.header-area-3 .main-menu ul.navbar-nav li a {
  padding: 20px 15px;
  color: #444; }

.header-area-3 .main-menu ul.navbar-nav li.active > a,
.header-area-3 .main-menu ul.navbar-nav li a:hover {
  background: #e22a31;
  color: #fff; }

.header-area-3 .header-right-link a.main-search {
  padding: 14px 15px;
  color: #444; }

.counter-area-2 .about-count {
  padding: 70px 0px; }

.counter-area-2 .fun_text {
  float: left;
  width: 23%;
  margin-right: 30px;
  padding: 50px 10px;
  margin-bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #e22a31; }

.fun_text:nth-child(4n) {
  margin-right: 0px; }

.project-area-3 .project-dec::before {
  display: none; }

.project-area-3 .single-awesome-project {
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); }

.project-area-3 .project-dec {
  padding: 15px 15px 5px 15px; }

.choose-area-2 .col-md-6 {
  padding-left: 0px; }

.choose-area-2 .choose-wrapper {
  background: #fff;
  padding: 80px 110px 80px 40px; }

.choose-area-2 .single-services {
  border: none;
  margin-top: 0px; }

.choose-area-2 .single-services:hover .service-images {
  margin-top: 0px; }

.choose-area-2 .services-all {
  margin-top: 10px; }

.choose-area-2 .single-services .service-content p {
  margin-bottom: 0px; }

/*----------------------------------------*/
/* 18. Pricing css
/*----------------------------------------*/
.pricing-area {
  background: #fff; }

.pricing-content {
  margin-top: 50px; }

.top-price-inner {
  border-bottom: 1px solid #ccc;
  padding: 20px 20px; }

.top-price-inner h4 {
  color: #444;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px; }

span.users {
  color: #e22a31;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700; }

.prices {
  font-size: 26px;
  font-weight: 600;
  color: #444;
  padding-right: 10px; }

.table-list {
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: #fff;
  border-radius: 5px;
  position: relative;
  padding: 20px 0px; }

.table-list ol li {
  color: #666;
  padding: 12px 0px;
  position: relative;
  text-align: center; }

.price-btn {
  padding: 30px 20px; }

.price-btn a {
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 30px;
  background: #e22a31;
  border: 1px solid #e22a31;
  letter-spacing: 1px; }

.table-list > h3 {
  color: #455454;
  font-size: 24px;
  font-weight: 400;
  line-height: 25px;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.table-list ol {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

.price-btn a:hover {
  background: #fff;
  color: #e22a31;
  border: 1px solid #e22a31; }

span.base {
  position: absolute;
  top: 0;
  left: 0;
  background: #e22a31;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50px;
  font-weight: 700;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); }

/* 20240417 追記 */
.pricing-content--special {
  width: 100% !important;
  margin-top: 30px;}
.pricing-content--special .top-price-inner {
  padding: 20px 20px 0;}
.pricing-content--special p {
  margin-top: 20px;}
.pricing-content--special p .newLine-sp {
  display: none;}

/*----------------------------------------*/
/* 19. Video area css
/*----------------------------------------*/
.parallax-bg-1 {
  position: relative;
  background: transparent url(img/background/bg1.jpg) no-repeat scroll center center/cover; }

.parallax-bg-1:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  content: ""; }

.video-inner.text-center > h3 {
  color: #fff;
  margin-top: 30px; }

.video-played p {
  color: #fff;
  padding: 0px 200px;
  margin-top: 20px; }

.video-play.vid-zone {
  background: #e22a31 none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  font-size: 28px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px; }

.video-play.vid-zone i {
  color: #fff;
  margin-left: 5px; }

.video-play.vid-zone:hover {
  background: #fff;
  color: #e22a31; }

.video-play.vid-zone:hover i {
  color: #e22a31; }

.blog-area-2 .image-scale::after {
  display: none; }

.banner-area-2 {
  background: #e22a31; }

.banner-area-2 {
  padding: 30px 0px; }

.banner-area-2 .banner-content h4 {
  margin: initial;
  float: left;
  font-size: 24px;
  max-width: 680px;
  line-height: 30px; }

.banner-area-2 .banner-contact {
  padding: 15px 0px; }

.banner-area-2 .banner-btn {
  border: 1px solid #111;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  background: #111;
  border-radius: 2px;
  float: right; }

.banner-area-2 .banner-btn:hover {
  border: 1px solid #fff;
  color: #e22a31;
  background: #fff; }

.blog-area-2 {
  background: #fff; }

/*--------------------------------*/
/*  20. Home pages 4
/*--------------------------------*/
.intro-area-4 .slider-content {
  margin-top: -160px; }

.services-area-2 .single-services {
  text-align: center;
  padding: 40px 10px; }

.services-area-2 .service-images {
  float: none;
  margin-right: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 30px; }

.services-area-2 .services-all .service-content {
  padding-left: 0px; }

.services-area-2 .single-services:hover .service-images {
  margin-top: 0px; }

.single-services .service-content p {
  color: #666;
  margin-bottom: 0px; }

.project-carousel .single-awesome-project {
  float: left;
  overflow: hidden;
  width: 100%;
  margin-bottom: 5px; }

/*----------------------------------------*/
/*  21. Breadcumbs Area
/*----------------------------------------*/
.page-area {
  position: relative; }

.page-area {
  background: url(/img/background/b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.page-area.newsp {
  background: url(/img/background/c.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.page-area.mediasp {
  background: url(/img/background/media.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.page-area-company {
  background: url(/img/background/b-company.jpg) !important; }

.breadcumb-overlay {
  position: absolute;
  background: rgba(10, 27, 40, 0) none repeat scroll 0 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%; }

.breadcrumb {
  padding: 100px 0px;
  background-color: transparent;
  margin-bottom: 0; }

.breadcrumb2 {
  padding: 0px 0px 40px 16px;
  background-color: transparent;
  margin: 0; }

.breadcrumb .section-headline {
  margin-bottom: 0px; }

.breadcrumb .section-headline h3::after {
  display: none; }

.breadcrumb ul {
  padding: 10px 0px; }

.breadcrumb ul li {
  display: inline-block;
  color: #fff;
  padding: 0px 10px 0px 20px;
  position: relative;
  font-size: 16px; }

.breadcrumb2 ul li {
  display: inline-block;
  color: #666;
  padding: 0px 10px 0px 20px;
  position: relative;
  font-size: 16px; }

.breadcrumb ul li.home-bread, .breadcrumb2 ul li.home-bread {
  padding-left: 0px; }

.breadcrumb ul li.home-bread::after, .breadcrumb2 ul li.home-bread::after {
  position: absolute;
  content: "\f105";
  font-family: fontAwesome;
  right: -10px;
  top: 0; }

.breadcrumb2 ul li.bread::after {
  position: absolute;
  content: "\f105";
  font-family: fontAwesome;
  right: -5px;
  top: 0; }

.breadcrumb .section-headline::after {
  display: none; }

.testimonial-page-area {
  background: #f9f9f9; }

.welcome-page-area {
  background: #f9f9f9; }

.pricing-page-area {
  background: #f9f9f9; }

.testimonial-page-area .single-testi {
  margin-top: 30px; }

/*----------------------------------------
 22. Blog Details page
----------------------------------------*/
.blog-search-option input {
  padding: 5px 15px;
  width: 70%;
  border: 1px solid #ccc;
  height: 42px; }

.blog-search-option {
  margin-bottom: 30px;
  display: block; }

.blog-search-option button {
  background: #e22a31;
  border: 1px solid #e22a31;
  font-size: 17px;
  padding: 9px 10px;
  width: 28%;
  color: #fff;
  height: 44px; }

.blog-search-option button i {
  line-height: 16px;
  font-size: 20px;
  padding: 0px 10px; }

.blog-search-option button:hover {
  color: #fff;
  background: #002c57;
  border: 1px solid #002c57; }

.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase; }

.left-blog {
  background: #f9f9f9 none repeat scroll 0 0;
  overflow: hidden;
  padding-bottom: 20px; }

.left-blog li {
  border-bottom: 1px solid #ddd;
  display: block; }

.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 16px;
  padding: 10px;
  text-transform: capitalize;
  position: relative; }

.left-blog ul li a:after {
  position: absolute;
  content: "\e876";
  font-family: consulting;
  right: 12px;
  top: 10px;
  font-size: 14px; }

.popular-tag.left-blog ul li a:after {
  display: none; }

.recent-single-post {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 5px 0px; }

.recent-single-post:last-child {
  border-bottom: none; }

.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%; }

.pst-content {
  display: inline-block;
  float: left;
  padding-left: 10px; }

.pst-content p a:hover, .left-blog ul li a:hover {
  color: #e22a31; }

.left-blog-page {
  margin-top: 30px; }

.pst-content p a {
  font-size: 18px;
  text-transform: capitalize;
  color: #444;
  line-height: 24px; }

.blog-tags {
  padding: 1px 0; }

.left-blog li:last-child {
  border-bottom: 0; }

.popular-tag.left-blog ul li a:hover {
  color: #fff; }

.popular-tag.left-side-tags.left-blog ul {
  padding: 0 10px; }

.left-tags .left-side-tags ul li {
  border-bottom: 0;
  display: inline-block;
  margin: 5px 0px; }

.left-tags .left-side-tags ul li a {
  padding: 3px 10px;
  width: auto;
  border: 1px solid #e22a31;
  background: #e22a31;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px; }

.left-tags .left-side-tags ul li a:hover {
  border: 1px solid #002c57;
  background: #002c57; }

.left-side-tags h4 {
  margin-bottom: 15px; }

.comments-heading h3, h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  color: #444;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: capitalize; }

.comments-list ul li {
  margin-bottom: 25px; }

.comments-list-img {
  float: left;
  margin-right: 15px; }

.comments-content-wrap {
  color: #444;
  font-size: 14px;
  margin: 0 0 15px 60px;
  padding: 10px;
  position: relative; }

.blog-content p {
  font-size: 16px;
  line-height: 2.2em; }

.single-blog .blog-content p {
  line-height: 1.6em !important; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 15px;
  border-left: 5px solid #e22a31;
  font-style: italic; }

blockquote p {
  font-size: 18px !important;
  line-height: 28px; }

.author-avatar {
  display: inline-block;
  float: left;
  width: 10%; }

.author-description h2 {
  color: #777;
  font-size: 20px;
  text-transform: uppercase; }

.author-description h2 a {
  color: #333; }

.comments-content-wrap span b {
  margin-right: 5px; }

span.post-time {
  margin-right: 5px; }

.comments-content-wrap p {
  color: #444;
  margin-top: 10px; }

li.threaded-comments {
  margin-left: 50px; }

.comment-respond {
  margin-top: 20px; }

span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px; }

.comment-respond p {
  color: #444;
  margin-bottom: 5px; }

.comment-respond input[type=text], .comment-respond input[type=email] {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%; }

.comment-respond textarea#message-box {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  max-width: 100%;
  padding: 10px;
  height: 130px;
  width: 100%; }

.comments-content-wrap span a {
  color: #333; }

.comments-content-wrap span a:hover {
  color: #e22a31; }

.comment-respond .add-btn.contact-btn {
  background: #e22a31;
  color: #fff;
  display: block;
  font-size: 16px;
  margin-top: 5px;
  padding: 12px 20px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  width: auto !important;
  margin-top: 20px;
  border: 1px solid #e22a31;
  text-transform: uppercase;
  font-weight: 700; }

.comment-respond .add-btn.contact-btn:hover {
  background: #333;
  color: #fff;
  border: 1px solid #333; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 40px 0 0px;
  border-radius: 4px; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #fff;
  background-color: #333;
  border: none;
  margin-left: -1px;
  border-radius: 5px; }

.pagination > li {
  display: inline-block;
  margin: 0px 3px; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #e22a31;
  border-color: #e22a31;
  cursor: default;
  border-radius: 5px; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #e22a31;
  border-color: #e22a31;
  border-radius: 2px; }

.blog-page-details .left-blog-page {
  margin-top: 0px;
  margin-bottom: 30px; }

.single-post-comments {
  margin-top: 30px; }

/*--------------------------------*/
/* 23. Project pages
/*--------------------------------*/
.project-menu li a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 0px 8px;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 600;
  letter-spacing: 0.5px;
  background: #333;
  border: 1px solid #333;
  border-radius: 2px; }

.project-menu li a.active,
.project-menu li a:hover {
  color: #fff;
  text-decoration: none;
  background: #e22a31;
  border: 1px solid #e22a31; }

.project-menu {
  margin-bottom: 10px; }

.project-menu li {
  display: inline-block; }

.project-menu li a:hover {
  color: #fff;
  text-decoration: none; }

.project-content .single-awesome-project {
  margin-top: 30px; }

/*----------------------------------------*/
/*  24.	Contact Us page
/*----------------------------------------*/
.contact-details {
  display: block;
  overflow: hidden;
  background: #f5f5f5;
  padding: 40px 30px;
  margin-bottom: 40px; }

.contact-head {
  background: #f9f9f9;
  padding: 40px 30px; }

.contact-head h3 {
  font-weight: 600;
  font-size: 26px; }

.single-contact a i {
  color: #e22a31;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  margin-right: 15px;
  border-radius: 50%; }

.single-contact a {
  color: #666;
  font-size: 16px;
  display: block; }

.contact-head p {
  font-size: 16px; }

.contact-form input[type="text"], .contact-form input[type="email"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 44px;
  margin-bottom: 15px;
  padding-left: 20px;
  width: 100%; }

.contact-form textarea#message {
  border: 1px solid #ccc;
  border-radius: 0px;
  height: 180px;
  padding: 20px;
  width: 100%; }

.contact-page .contact-btn {
  background: #444;
  border: 1px solid #444;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  margin-top: 5px;
  padding: 10px 40px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: auto;
  float: left;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 700; }

.contact-page .contact-btn:hover {
  background: #e22a31  none repeat scroll 0 0;
  border: 1px solid #e22a31;
  color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/*--------------------------------*/
/* 25. Faq Area
/*--------------------------------*/
.testimonial-review .single-testi {
  margin-top: 30px; }

.faq-details .panel-heading {
  padding: 0; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); }

.panel-default {
  border-color: #ddd;
  border-radius: 0 !important; }

.panel-group .panel + .panel {
  margin-top: 10px; }

.panel-default > .panel-heading {
  color: #666; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  background: #fff; }

.faq-details h4.check-title a {
  color: #666;
  display: block;
  font-weight: 500;
  padding: 10px 10px 10px 40px;
  text-decoration: none;
  background: #fff; }

.panel-body {
  padding: 15px 15px 0px 45px; }

.panel-body p {
  font-size: 16px; }

.faq-details h4.check-title {
  color: #666;
  font-size: 16px;
  margin-bottom: 0px;
  text-transform: capitalize; }

.faq-details a span.acc-icons {
  position: relative; }

.faq-details a span.acc-icons::before {
  color: #666;
  content: "\e874 ";
  font-family: consulting;
  font-size: 16px;
  left: -26px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px; }

.faq-details a.active span.acc-icons::before {
  color: #e22a31;
  content: "\e873";
  font-family: consulting;
  font-size: 16px;
  left: -26px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px; }

.faq-details .panel-heading h4 a.active {
  /*color: #e22a31;*/
  color: #397bb9;
  background: #f9f9f9; }

.faq-content {
  background: #f9f9f9;
  padding: 5% 15%;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); }

.faq-content .quote-btn:hover {
  color: #e22a31;
  background: #fff;
  border: 1px solid #e22a31; }

.faq-content .contact-form textarea#message {
  height: 135px; }

.error-easy-text {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 30px; }

.high-text {
  font-size: 200px;
  line-height: 200px; }

.error-bot {
  font-size: 24px; }

.error-btn {
  background: #e22a31;
  border: 1px solid #e22a31;
  color: #fff;
  font-size: 16px;
  padding: 12px 20px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 15px;
  text-transform: capitalize;
  margin-top: 30px;
  display: inline-block; }

.error-btn:hover {
  background: #fff;
  border: 1px solid #e22a31;
  color: #e22a31; }

/*----------------------------------------*/
/* 26.Sub Services Pages
/*----------------------------------------*/
.single-page-head {
  margin-bottom: 30px; }

.single-services-page p {
  color: #666;
  margin-bottom: 0px;
  font-size: 15px;
  letter-spacing: 0.5px; }

.left-menu li:first-child {
  margin: 0px 0px 2px; }

.left-contact h4 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px; }

.left-menu li {
  display: block; }

.build-img .page-img {
  padding-bottom: 0; }

.left-menu ul li.active a {
  background: #fff none repeat scroll 0 0;
  color: #e22a31;
  position: relative; }

.left-menu ul li a:hover {
  color: #e22a31;
  background: #fff; }

.left-menu ul li a {
  background: #f9f9f9;
  color: #666;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 20px 14px 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }

.left-menu ul li.active a::after, .left-menu ul li a:hover::after {
  content: "\e87a";
  font-family: consulting;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 15px; }

.about-btn {
  background: #f9f9f9; }

.down-btn {
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 15px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  position: relative; }

.about-btn .down-btn i {
  padding-right: 10px; }

.down-btn:hover {
  color: #e22a31;
  background: #fff; }

.single-page-head .clients-testi {
  padding: 20px 15px;
  border: 1px solid #e22a31; }

.single-page-head .review-text {
  margin-top: 20px; }

.clients-testi .review-text a,
.clients-testi .guest-rev {
  color: #666; }

.clients-testi .single-review {
  border: none; }

.single-page-head .review-img img {
  width: 80px;
  border-radius: 50%; }

.single-page-head .review-text h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 0; }

.single-page-head .review-text p {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-style: italic; }

.single-well h3 {
  margin-bottom: 15px;
  font-size: 28px; }

.clients-support {
  position: relative;
  width: 100%;
  height: auto; }

.support-text {
  padding: 20px;
  background: #e22a31;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 30px 15px; }

.support-text h4 {
  color: #fff;
  font-weight: 700; }

.support-text a {
  margin: 30px 0px 15px;
  display: block;
  font-size: 22px;
  color: #fff;
  font-weight: 700; }

.support-text p {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 700; }

.support-text a i {
  display: inline-block;
  font-size: 30px;
  line-height: 22px;
  padding-right: 8px; }

.support-img {
  overflow: hidden; }

.support-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.clients-support:hover .support-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.clients-support:hover .support-text {
  background: rgba(226, 42, 49, 0.99) none repeat scroll 0 0; }

.page-content h3 {
  font-weight: 600;
  padding: 15px 0 0; }

.single-well {
  margin-top: 20px; }

.single-well a h4 {
  font-weight: 600;
  line-height: 30px; }

.single-page {
  overflow: hidden; }

.service-list li {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #666; }

.service-list li::before {
  position: absolute;
  left: 0;
  content: "\f00c";
  font-family: fontawesome;
  top: 0;
  color: #e22a31; }

.single-page-head .service-btn {
  width: 100%;
  margin: 20px 0px 0px 0px; }

.single-services-page .marker-list li {
  color: #666; }

.mar-row .single-well {
  margin-top: 0px; }

.marker-list li {
  color: #666;
  padding-left: 30px;
  margin: 10px 0px;
  position: relative;
  font-size: 15px; }

.marker-list li::after {
  position: absolute;
  content: "\e87f";
  left: 0;
  top: 3px;
  font-family: consulting;
  color: #e22a31;
  font-weight: 700; }

.tab-menu {
  display: block;
  text-align: center; }

.tab-menu ul.nav {
  margin: 0;
  padding: 0; }

.tab-menu ul.nav li {
  border: medium none;
  display: inline-block; }

.tab-menu ul.nav li a {
  color: #e22a31;
  border: 1px solid #e22a31; }

.tab-menu ul.nav li a {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #444;
  display: block;
  font-weight: 600;
  padding: 10px 20px;
  margin-right: 5px;
  text-transform: uppercase;
  width: 131px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #e22a31 !important;
  border-color: #e22a31;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #fff !important;
  cursor: default;
  position: relative; }

.event-content.head-team h5 {
  background: #e22a31 none repeat scroll 0 0;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px; }

/*----------------------------------------
 27. Project Details page
----------------------------------------*/
.project-page-area .project-menu li a {
  color: #444; }

.project-2-column .project-single {
  float: left;
  width: 50%; }

.project-4-column .project-single {
  float: left;
  width: 25%; }

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 40px;
  border-radius: 50%; }

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  top: 50%;
  position: absolute;
  left: 3%;
  margin-top: -30px; }

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover {
  background: #e22a31;
  border: 1px solid #e22a31;
  color: #fff; }

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  margin-top: -30px;
  position: absolute;
  right: 3%;
  top: 50%; }

.project-history {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px; }

.project-details h4 {
  font-size: 26px;
  font-weight: 600; }

.project-name ul li {
  color: #444;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  margin: 10px 0px; }

.project-name span {
  padding-right: 15px;
  min-width: 110px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px; }

.project-inner {
  margin-bottom: 30px; }

.project-details p {
  font-size: 14px;
  letter-spacing: 0.5px; }

/*--------------------------------*/
/* 28.Modal CSS
/*--------------------------------*/
.modal-content {
  background-clip: padding-box;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative; }

.o-form {
  color: #444;
  font-weight: 700;
  margin-bottom: 0;
  padding: 20px 0;
  text-transform: uppercase; }

.modal-content .section-headline.white-head > h2 {
  color: #fff; }

.modal-content .suscribe-form {
  margin: 60px 30px 20px 0px; }

.modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0 none;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999999;
  background: #fff; }

.modal-body {
  position: relative;
  padding: 30px; }

input.form-quote {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 15px;
  margin: 5px 0px;
  background: #fff; }

textarea.form-quote.quote-message {
  border: 1px solid #ccc;
  width: 100%;
  height: 150px;
  margin: 5px 0px;
  padding: 10px 15px; }

.modal-content .quote-icon {
  display: inline-block; }

.modal-content .quote-icon i {
  font-size: 40px;
  color: #e22a31;
  margin-bottom: 15px; }

.modal-content .quote-icon {
  width: 50%;
  float: left; }

.call-icon p {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px; }

button.quote-btn {
  background: #e22a31;
  border: 1px solid #e22a31;
  color: #fff;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 10px;
  border-radius: 2px; }

/*--------------------------------*/
/* .End CSS
/*--------------------------------*/
.row--m_top {
  margin-top: 100px; }

.section-headline--re::after {
  bottom: 0px; }

.col_icon {
  margin-right: 20px; }
  .col_icon img {
    width: 60px;
    height: auto; }

.cat_btn_area {
  width: 100%; }
  .cat_btn_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .cat_btn_area ul li {
      width: 31.5%;
      display: block;
      margin-bottom: 35px;
      margin-right: 2.75%; }
      @media screen and (max-width: 768px) {
        .cat_btn_area ul li {
          width: 100%;
          margin-right: 0px;
          margin-bottom: 15px; } }
      .cat_btn_area ul li a {
        font-weight: bold;
        font-size: 18px;
        color: #777;
        padding: 20px 25px;
        background-color: #fff;
        border: 1px solid #c3c3c3;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 768px) {
          .cat_btn_area ul li a {
            font-size: 16px;
            padding: 15px 15px; } }
        .cat_btn_area ul li a::after {
          content: "";
          width: 16px;
          height: 16px;
          display: block;
          position: absolute;
          right: 20px;
          top: calc(50% - 6px);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border: 1px solid #d5d5d5;
          border-left: none;
          border-bottom: none; }
    .cat_btn_area ul li:nth-child(3n) {
      margin-right: 0px; }

.case_area {
  padding-top: 70px; }
  @media screen and (max-width: 768px) {
    .case_area {
      padding-top: 35px; } }
  .case_area .case_area-ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px; }
    @media screen and (max-width: 768px) {
      .case_area .case_area-ul {
        margin-bottom: 0px; } }
    .case_area .case_area-ul li {
      display: inline;
      margin-right: 15px;
      padding-right: 15px;
      border-right: 1px solid #444444;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .case_area .case_area-ul li {
          margin-bottom: 10px;
          width: 100%;
          display: block;
          border: none;
          margin-right: 0px;
          padding-right: 0px;
          text-align: center; } }
      .case_area .case_area-ul li a {
        text-decoration: underline;
        color: #444444;
        line-height: 1.3; }

.column_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .column_flex .column_flex_in {
    width: 50%;
    padding: 0px 10px;
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .column_flex .column_flex_in {
        width: 100%;
        margin-bottom: 0px; } }

.this_column_area {
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px; }
  @media screen and (max-width: 768px) {
    .this_column_area {
      padding: 20px 15px; } }
  .this_column_area .cat_btn_area ul li {
    width: 47.2%;
    margin-right: 0px; }
    @media screen and (max-width: 768px) {
      .this_column_area .cat_btn_area ul li {
        width: 100%;
        margin-bottom: 15px; } }
  .this_column_area .cat_btn_area ul li:nth-child(odd) {
    margin-right: 5.6%; }
    @media screen and (max-width: 768px) {
      .this_column_area .cat_btn_area ul li:nth-child(odd) {
        margin-right: 0px; } }
  .this_column_area .cat_btn_area ul li:nth-last-child(1), .this_column_area .cat_btn_area ul li:nth-last-child(2) {
    margin-bottom: 0px; }
    @media screen and (max-width: 768px) {
      .this_column_area .cat_btn_area ul li:nth-last-child(1), .this_column_area .cat_btn_area ul li:nth-last-child(2) {
        margin-bottom: 15px; } }

.blog-meta-category {
  width: 100%;
  margin: 10px 0px 0px; }
  .blog-meta-category a {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    background-color: #c3c3c3;
    line-height: 1;
    padding: 5px 10px;
    margin-right: 5px; }

.left-blog-page--column ul li {
  position: relative; }
  .left-blog-page--column ul li a::after {
    display: none; }
  .left-blog-page--column ul li .pulldown {
    /*&::before{
					position: absolute;
			    content: "＋";
			    font-family: consulting;
			    right: 12px;
			    top: 10px;
			    @include f(14);
					font-weight: normal;
				}*/ }
  .left-blog-page--column ul li .pulldown_on {
    /*&::before{
			    content: "ー";
				}*/ }
  .left-blog-page--column ul li .pulldown_area {
    border-top: 1px solid #ddd;
    display: none; }
    .left-blog-page--column ul li .pulldown_area ul li a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 50px; }
  .left-blog-page--column ul li .pull_icon {
    width: 49px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 17px 0px;
    line-height: 1; }
    .left-blog-page--column ul li .pull_icon img {
      display: block; }

.left-blog--count li:nth-last-child(1) a::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.left-blog--count li.li_on a::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }


/* 251203追記 */
.slider-on-banner {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 870;
  container-type: inline-size;
  pointer-events: none;
}
.slider-on-banner a {
  position: absolute;
  top: 2.078cqw;
  right: 2.78cqw;
  width: min(20.202cqw, 290.5px);
  cursor: pointer;
  pointer-events: all;
}
.slider-on-banner a:hover {
  opacity: .8;
}
@media screen and (max-width: 767px) {
  .slider-on-banner {
    margin-top: 68px;
  }
}