/*
 ------------------------------------------------------------------
  Template Name: Ninja Leads - Multi Purpose HTML Responsive Template
  Template URL: http://demo.mhasan.info/ninja-leads-html-template/
  Author Name: Unlocklive Team
  Author URL: http://www.unlocklive.com
  Version: 1.0
  ------------------------------------------------------------------
*/
/*------------------------------------------------------------------
[CSS Index]

1. Home Page
	* Common CSS
	* Header and Slider Part
	* About Us Part
	* Project Count Part
	* Service Part Start
	* Portfolio Part Start
	* Testimonial Part Start
	* Partners Part Start
	* Contact-us Part Start
2. Header
	* Inner Page Header Fixed Menu
	* Main Menu
3. Footer Part Start
	* Map Section Start
4. Scroll Top Start

5. Breadcrumb Part
6. About Us Page
	* Capabilities Part
	* Team Part
7. Blog Page
	* Single blog page
8. Contact Page
9. Portfolio Page
	* Single Portfolio Page
10. 404 Page
11. Faq Page
12. Careers Page
13. Pricing Page
14. Coming Soon Page
15. Services Page
16. Color Changer CSS
-------------------------------------------------------------------*/
/*Web embeded font family start*/
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppinsd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins.woff') format('woff'), url('../fonts/Poppins.ttf') format('truetype'), url('../fonts/Poppins.svg#Poppins') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../fonts/SourceSansPro-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.otf') format('opentype'), url('../fonts/sourcesanspro-regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.otf') format('opentype'), url('../fonts/sourcesanspro-bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('../fonts/SourceSansPro-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light.otf') format('opentype'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../fonts/SourceSansPro-Semiboldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Semibold.otf') format('opentype'), url('../fonts/sourcesanspro-semibold.woff') format('woff'), url('../fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*Web embeded font family end*/
/****************************Home Page CSS Start****************************************/
body {
  background-color: #ffffff;
  padding-right: 0 !important;
  overflow-x: hidden;
  font-family: 'SourceSansPro-Regular', sans-serif, Arial;
  font-size: 16px;
}
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000000000000;
  background: #ffffff url(../img/loader.gif) center center no-repeat;
}
.modal-open {
  overflow: hidden;
  padding-right: 17px !important;
}
a.logo-section {
  font-family: 'SourceSansPro-Light';
  font-size: 35px;
  color: #3a3939;
  text-decoration: none;
  min-width: 206px;
  display: inline-block;
  word-spacing: -9px;
}
a.logo-section span {
  transition: all 1s;
  text-shadow: none;
  display: inline-block;
  color: #fff;
  margin: 0;
  border-radius: 5px;
  background: #fbb017;
  line-height: 38px;
  padding: 0 5px;
  margin-left: 8px;
  text-transform: capitalize;
}
.home-header-section #mainmenu > ul > li > a::before,
#mainmenu > ul > li.has-sub > a::before,
.inner-header-section #mainmenu > ul > li > a::before {
  background: #fbb017 none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  top: 10px;
  width: 20px;
  left: 55px;
  transition: all 1s;
  opacity: 0;
}
.home-header-section #mainmenu > ul > li.active > a::before,
.inner-header-section #mainmenu > ul > li.active > a::before {
  left: 16px;
  transition: all 1s;
  opacity: 1;
}
.home-header-section #mainmenu > ul > li:hover > a::before,
#mainmenu > ul > li.has-sub:hover > a::before,
.inner-header-section #mainmenu > ul > li:hover > a::before {
  left: 16px;
  transition: all 1s;
  opacity: 1;
}
span.menu-hover {
  border-top: 2px solid #1286b1;
  position: absolute;
  top: 12px;
  right: 40px;
  width: 18px;
  height: 43px;
  opacity: 0;
}
.main-menu .navbar {
  min-height: 0;
  margin-bottom: 0;
}
.main-menu li.hover-on span.menu-hover {
  right: 15px;
  opacity: 0.9;
  transition: all 1s;
}
.main-menu li.hover-on span.menu-hover-home {
  left: 15px;
  opacity: 0.9;
  transition: all 1s;
}
.bs-slider {
  max-height: 100%;
}
.container {
  max-width: 1170px;
}
/****************************Common CSS start****************************************/
.inner-header-section .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}
.inner-header-section .navbar-inverse .navbar-toggle:hover,
.inner-header-section .navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.inner-header-section .navbar {
  min-height: 0;
}
.inner-header-section .header-menu {
  position: relative;
  top: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  transition: all 1s;
}
.inner-header-section .header-menu .main-menu {
  float: right;
}
.inner-header-section .header-menu .main-menu ul li a {
  color: #636363;
  z-index: 99999999;
}
.inner-header-section .header-menu .main-menu a.search-icon {
  line-height: 48px;
  display: inline-block;
  float: left;
}
.inner-header-section .header-menu .main-menu a.search-icon i {
  color: #636363;
}
.inner-header-section .header-menu .main-menu ul li.hassub a::after {
  color: #636363;
}
.inner-header-section .header-menu.fixed {
  padding-top: 10px;
  padding-bottom: 10px;
}
.inner-header-section .header-menu.fixed .main-menu ul li a {
  color: #ffffff;
}
.inner-header-section .header-menu.fixed .main-menu ul li.hassub a::after {
  color: #ffffff;
}
.inner-header-section .header-menu.fixed a.logo-section {
  color: #ffffff;
}
.inner-header-section .header-menu.fixed a.search-icon {
  display: inline-block;
  float: left;
}
.inner-header-section .header-menu.fixed a.search-icon i {
  color: #ffffff;
}
.inner-header-section .navbar-inverse .navbar-nav > .active > a,
.inner-header-section .navbar-inverse .navbar-nav > .active > a:hover,
.inner-header-section .navbar-inverse .navbar-nav > .active > a:focus {
  color: #636363;
}
.title-part {
  text-align: center;
}
.title-part h1 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  color: #3a3939;
  text-transform: capitalize;
}
.title-part span {
  color: #fbb017;
  font-family: 'Poppins-SemiBold';
}
.title-part p {
  color: #636363;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  margin: 0 auto;
  max-width: 890px;
}
.header-menu.fixed {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  top: 0;
  box-shadow: 0 0 9.9px 0.1px rgba(91, 91, 91, 0.2);
  position: fixed;
  transition: all 1s;
  z-index: 9999;
  padding-top: 10px;
  padding-bottom: 10px;
}
/****************************Common CSS end****************************************/
/****************************Header and Slider Part Start****************************************/
.home-header-section .indicators-line > .carousel-indicators {
  right: 2%;
  top: 50%;
  height: 16%;
  width: 4%;
  cursor: pointer;
  z-index: 99999;
}
.home-header-section .carousel-indicators li {
  display: block;
  margin-bottom: 10px;
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  cursor: pointer;
  border: 0;
}
.home-header-section .carousel-indicators li.active {
  margin-bottom: 10px;
  box-shadow: none;
  background-color: #ffffff;
  width: 15px;
  height: 15px;
  margin-left: 4px;
}
.home-header-section .control-round .carousel-control {
  display: none;
}
.home-header-section .carousel-inner,
.home-header-section .bs-slider {
  overflow: visible;
}
.header-menu {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 36px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.header-menu .navbar-inverse .navbar-collapse,
.header-menu .navbar-inverse .navbar-form {
  padding: 0;
}
a.header-logo {
  font-family: 'SourceSansPro-Light';
  font-size: 35px;
  color: #ffffff;
  text-decoration: none;
  min-width: 206px;
  display: inline-block;
  text-shadow: 3px 3px 7px #1a1b1d;
  word-spacing: -9px;
}
a.header-logo span {
  transition: all 1s;
  text-shadow: none;
  display: inline-block;
  color: #fff;
  margin: 0;
  border-radius: 5px;
  background: #fbb017;
  line-height: 38px;
  padding: 0px 5px;
  margin-left: 8px;
  text-transform: capitalize;
}
.slider .modal-dialog {
  padding: 10px;
  width: 80%;
  top: 8%;
}
.slider .modal-dialog .modal-content {
  margin-top: 20px;
  background-color: #fbb017;
  padding: 13px 15px 30px 15px;
}
.slider .modal-dialog .modal-content .close {
  opacity: 0.9;
  margin-bottom: 5px;
}
.slider .modal-dialog .modal-content input {
  background-color: transparent;
  color: #ffffff;
  font-family: 'SourceSansPro-Regular';
  font-size: 20px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding: 10px;
  text-transform: uppercase;
  min-height: 40px;
}
.slider .modal-dialog .modal-content input:hover {
  box-shadow: none;
}
.slider .modal-dialog .modal-content button span {
  color: #ffffff;
}
.slider .modal-dialog .modal-content ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
}
.slider .modal-dialog .modal-content ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
.slider .modal-dialog .modal-content :-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
}
.slider .modal-dialog .modal-content :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}
.main-menu {
  float: right;
}
.main-menu .navbar-inverse {
  background-color: transparent;
  border: none;
}
.main-menu .navbar-inverse ul li {
  cursor: pointer;
}
.main-menu .navbar-inverse ul li a {
  color: #ffffff;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px;
  z-index: 99999999;
}
.main-menu .navbar-inverse ul li ul.submenu {
  background-color: #fbb017;
  text-align: left;
  padding: 0;
  z-index: 99999;
  opacity: 0;
  position: absolute;
  transition: all 1s;
  min-width: 180px;
  left: 15px;
  top: 0;
  border-radius: 3px;
}
.main-menu .navbar-inverse ul li ul.submenu li {
  list-style-type: none;
  display: none;
  line-height: 30px;
  padding: 5px;
  transition: all 1s;
}
.main-menu .navbar-inverse ul li ul.submenu li a {
  color: #ffffff;
}
.main-menu .navbar-inverse ul li ul.submenu li a:hover {
  color: #ffffff;
  text-decoration: none;
}
.main-menu .navbar-inverse ul li ul.submenu li:hover {
  background-color: #333;
  transition: all 1s;
}
.main-menu .navbar-inverse ul li ul.submenu li.active {
  background-color: #333;
  transition: all 1s;
}
.main-menu ul li.hassub a::after {
  content: "\f107";
  width: 100%;
  color: #ffffff;
  padding-left: 5px;
  font-family: FontAwesome;
}
.main-menu ul li.hassub ul.submenu li a::after {
  content: none;
}
.main-menu ul li.hassub.block-menu ul.submenu {
  opacity: 1;
  transition: all 1s;
  top: 40px;
}
.main-menu ul li.hassub.block-menu ul.submenu li {
  display: block;
}
.main-menu .navbar-inverse ul.navbar-nav li.active a {
  font-family: 'SourceSansPro-Bold';
  background-color: transparent;
}
.main-menu .navbar-inverse ul.navbar-nav li.active span.menu-hover {
  right: 15px;
  opacity: 0.9;
}
.main-menu .navbar-inverse ul.navbar-nav li.active span.menu-hover-home {
  left: 15px;
  opacity: 0.9;
}
a.search-icon {
  line-height: 50px;
  margin-left: 10px;
  display: inline-block;
  float: left;
}
a.search-icon i {
  cursor: pointer;
  color: #ffffff;
}
.search-icon.mobile-on {
  display: none;
}
.slider-indicators li {
  display: block;
  text-align: right;
}
.flex-caption {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  padding: 2%;
  text-align: center !important;
  top: 30%;
  color: #ffffff;
  transition: all 1s;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.flex-caption h3 {
  font-family: 'Poppins-SemiBold';
  text-transform: uppercase;
  font-size: 57px;
}
.flex-caption h5 {
  font-family: 'SourceSansPro-Semibold';
  font-size: 19px;
}
.flex-caption p {
  font-family: 'SourceSansPro-Light';
  font-size: 24px;
  max-width: 545px;
  margin: 0 auto;
  line-height: 30px;
}
.flex-caption .separator {
  border-bottom: 2px solid #fff;
  max-width: 512px;
  margin: 0 auto;
}
.flex-caption a.button-click {
  background-color: #fbb017;
  padding: 5px 50px 7px 50px;
  color: #ffffff;
  line-height: 90px;
  font-family: 'SourceSansPro-Bold';
  font-size: 19px;
  border-radius: 3px;
  text-decoration: none;
}
.flex-caption a.button-click:hover {
  color: #ffffff;
  transition: all 1s;
  background-color: #000 !important;
}
.flexslider .slides img {
  max-width: 100%;
  width: auto;
}
.flexslider .slides img.full_image {
  width: 100%;
}
.flexslider .slides li {
  position: relative;
}
.flexslider .flex-prev,
.flexslider .flex-next {
  min-height: 52px;
}
.flexslider {
  border: 0;
  margin: 0;
  overflow: hidden;
}
.home-header-section .icon-scroll,
.home-header-section .icon-scroll:before {
  position: absolute;
  left: 50%;
}
@-webkit-keyframes floatBubble {
  0% {
    top: 500px;
  }
  100% {
    top: 0px;
  }
}
@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(45deg);
  }
  75% {
    transform: rotateZ(0deg);
  }
  90% {
    transform: rotateZ(-45deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
.home-header-section .icon-scroll {
  margin-left: -20px;
  margin-top: -35px;
  z-index: 9999;
  bottom: 3%;
}
.home-header-section .icon-scroll img {
  position: relative;
  -webkit-animation: rotate 2s infinite normal ease-out;
  animation: rotate 2s infinite normal ease-out;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px);
  }
}
.home-header-section a.mouse-wheel {
  position: absolute;
  bottom: 6%;
  left: 49%;
  z-index: 99999;
  text-align: center;
  overflow: hidden;
}
.home-header-section .flex-control-nav {
  left: 91%;
  top: 45%;
  z-index: 1;
  width: 2%;
  bottom: 0;
}
.home-header-section .flex-control-nav li {
  display: block;
  margin-bottom: 6px;
}
.home-header-section .flex-control-nav li a {
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin: 0 auto;
}
.home-header-section .flex-control-nav li a.flex-active {
  background-color: #fff;
  width: 12px;
  height: 12px;
}
li.css a {
  border-radius: 0;
}
/****************************Header and Slider Part End****************************************/
/****************************About Us Part Start****************************************/
.about-us {
  padding-top: 80px;
  padding-bottom: 80px;
}
.about-us .flex-control-nav {
  width: 7%;
  top: 90%;
  max-height: 20px;
}
.about-us .flex-control-nav li {
  display: inline-block;
}
.about-us .slider-content {
  margin-top: 80px;
  position: relative;
  margin-bottom: 80px;
}
.about-us .right-overflow {
  background-color: #ffffff;
  padding: 65px 96px 65px 96px;
  box-shadow: 0px 1px 12px #dddddd;
  max-width: 622px;
  position: absolute;
  top: 38%;
  right: 20px;
  z-index: 99999;
}
.about-us h4 {
  font-family: 'Poppins-SemiBold';
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
}
.about-us p {
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  color: #636363;
}
.about-us a {
  color: #636363;
  font-size: 14px;
  text-decoration: none;
  line-height: 45px;
  font-family: 'Poppins-Medium';
}
.about-us a:hover {
  color: #fbb017;
}
.about-us .flex-direction-nav {
  display: none;
}
.about-us .flex-control-nav {
  position: absolute;
  text-align: left;
  z-index: 999;
  cursor: inherit;
  left: 0;
  bottom: 5px;
}
.about-us .flex-control-nav li {
  margin: 0 14px 0 0;
}
.about-us .flex-control-nav li a {
  background-color: #fbb017 !important;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  line-height: 45px;
}
.about-us .flex-control-nav li a.flex-active {
  width: 15px;
  height: 15px;
  line-height: 50px;
}
.border-bg {
  max-width: 300px;
  min-height: 25px;
  background-image: url("../img/border-bg.png");
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 20px;
}
/****************************About Us Part End****************************************/
/****************************Project Count Part Start****************************************/
.counter {
  background-image: url("../img/4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
}
.counter ul {
  padding-left: 0;
  margin: 0;
}
.counter ul li {
  display: inline-block;
  text-align: center;
  font-family: 'Poppins-Regular';
  font-size: 26px;
  min-width: 200px;
  margin: 0px 25px 0px 25px;
  color: #fbb017;
}
.counter ul li i {
  display: block;
  color: #ffffff;
  font-size: 36px;
}
.counter ul li span {
  display: block;
  font-family: 'Poppins-Medium';
  color: #ffffff;
  font-size: 48px;
  margin-top: 11px;
}
.counter ul li h4 {
  display: inline-block;
  text-align: center;
  font-family: 'Poppins-Regular';
  font-size: 26px;
  min-width: 200px;
  color: #fbb017;
}
#counter-project.projects.counter::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/****************************Project Count Part End****************************************/
/****************************Service Part Start****************************************/
.services {
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #e9e9e9;
}
.services .margin-devider {
  margin-top: 80px;
  margin-bottom: 25px;
}
.services .service-wrap {
  padding: 48px 0px 0px 35px;
  position: relative;
  cursor: pointer;
  width: 100%;
  float: left;
  box-shadow: 0px 1px 12px #dddddd;
  min-height: 300px;
}
.services .service-wrap span.blue-border {
  border-left: 6px solid #e1e1e1;
  position: absolute;
  top: 105px;
  left: 0;
  width: 30px;
  height: 43px;
}
.services .service-wrap span.orange-border {
  border-left: 6px solid #fbb017;
  position: absolute;
  top: 28px;
  left: 0;
  width: 30px;
  height: 43px;
  opacity: 0;
}
.services .service-wrap h3 {
  font-family: 'Poppins';
  font-size: 18px;
  color: #636363;
  max-width: 210px;
  margin-top: 0;
}
.services .service-wrap p {
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  color: #636363;
}
.services .service-wrap a {
  font-family: 'SourceSansPro-Semibold';
  float: right;
  color: #636363;
  text-decoration: none;
  border: 1px solid #3a3939;
  padding: 5px 18px;
  margin-top: 20px;
}
.services .service-wrap .structure {
  fill: #000;
}
.services .service-wrap .center-logo {
  fill: #fbb017;
}
.services .service-wrap svg:not(:root) {
  overflow: visible !important;
}
.services .service-wrap svg {
  overflow: visible !important;
}
.services .hover-on span.blue-border {
  opacity: 0;
  transition: all 1s;
  top: 28px;
}
.services .hover-on span.orange-border {
  opacity: 0.9;
  transition: all 1s;
  top: 105px;
}
.services .hover-on a {
  color: #fbb017;
  transition: all 1s;
  border-color: #fbb017;
}
/****************************Service Part End****************************************/
/****************************Portfolio Part Start****************************************/
.portfolio {
  padding-top: 80px;
  padding-bottom: 80px;
  /* Page styling */
  /* ---- .grid-item ---- */
}
.portfolio .controls {
  margin-bottom: 15px;
  text-align: center;
}
.portfolio .controls button {
  font-family: 'SourceSansPro-Regular';
  color: #fbb017;
  text-decoration: none;
  border: 1px solid #fbb017;
  padding: 4px 12px;
  background-color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
}
.portfolio .controls button.control.mixitup-control-active {
  background-color: #fbb017;
  transition: all 1s;
  color: #ffffff;
}
.portfolio .controls button:after,
.portfolio .controls button:before {
  content: none;
}
.portfolio .controls button:hover {
  background-color: #fbb017;
  transition: all 1s;
  color: #ffffff;
}
.portfolio .mix {
  display: inline-block;
  /*   width: calc(100%/3 - (((3 - 1) * 1rem) / 3));*/
  padding-left: 0;
  padding-right: 5px;
  position: relative;
}
.portfolio .mix img {
  width: 100%;
}
.portfolio .mix a {
  display: block;
}
.portfolio .mix.hover-effect .right-box {
  opacity: 1;
}
.portfolio .mix.second {
  display: inline-block;
  /*width: calc(100%/2 - (((2 - 1) * 1rem) / 2));*/
  padding-left: 5px;
  padding-right: 5px;
}
.portfolio .mix.second img {
  width: 100%;
}
.portfolio .mix.second a {
  display: block;
}
.portfolio .mix.second .draw {
  width: 100%;
}
.portfolio .mix.second .draw a img {
  width: 100%;
}
.portfolio .mix.second .floating-layer {
  height: 99.5%;
  width: 99.6%;
}
.portfolio .mix.second .right-box a {
  display: inline-block;
  margin-right: 5px;
}
.portfolio .margin-devider {
  margin-top: 80px;
}
.portfolio .draw.meet {
  background: 0;
  border: 0;
  position: relative;
  margin-bottom: 5px;
}
.portfolio .draw.meet::before,
.portfolio .draw.meet::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.portfolio .draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  padding: 0;
  cursor: auto;
}
.portfolio .draw::before,
.portfolio .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.portfolio .draw::before {
  top: 0;
  left: 0;
}
.portfolio .draw::after {
  bottom: 0;
  right: 0;
}
.portfolio .draw:hover {
  color: #60daaa;
}
.portfolio .meet:hover {
  color: #fbb017;
}
.portfolio .meet::after {
  top: 0;
  left: 0;
}
.portfolio .hover-effect:hover .meet::before {
  border-top-color: #fbb017;
  border-right-color: #fbb017;
}
.portfolio .hover-effect:hover .meet::after {
  border-bottom-color: #fbb017;
  border-left-color: #fbb017;
  -webkit-transition: height 0.5s ease-out, width 0.5s ease-out 0.5s;
  transition: height 0.5s ease-out, width 0.5s ease-out 0.5s;
}
.portfolio .hover-effect:hover .draw::before,
.portfolio .hover-effect:hover .draw::after {
  width: 100%;
  height: 100%;
}
.portfolio .buttons {
  isolation: isolate;
}
.portfolio .hover-effect .floating-layer {
  opacity: 0.9;
  transition: all 1s;
}
.portfolio .floating-layer {
  background-color: #332616;
  position: absolute;
  top: 2px;
  left: 0;
  color: #fff;
  width: 99.4%;
  height: 99%;
  text-align: left;
  padding: 35px;
  opacity: 0;
}
.portfolio .floating-layer h3 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'SourceSansPro-Bold';
}
.portfolio .floating-layer p {
  font-size: 12px;
  font-family: 'SourceSansPro-Regular';
  text-transform: uppercase;
}
.portfolio .floating-layer .orange-border {
  max-width: 70px;
  border-bottom: 3px solid #fbb017;
  margin-top: 15px;
}
.portfolio .right-box {
  float: right;
  margin-top: 50px;
  color: #fff;
  position: absolute;
  bottom: 8%;
  right: 4%;
  opacity: 0;
}
.portfolio .right-box a {
  display: inline-block;
  margin-right: 5px;
  color: #ffffff;
  text-decoration: none;
}
.portfolio .right-box i.fa-search {
  background-color: #000;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
}
.portfolio .right-box i.fa-chain {
  background-color: #fbb017;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
}
.portfolio .view-all {
  color: #fbb017;
  text-decoration: none;
  font-family: 'SourceSansPro-Bold';
  font-size: 16px;
  text-transform: uppercase;
}
.portfolio .view-all:hover {
  color: #000;
  transition: all 1s;
}
.portfolio div#mixitup {
  margin-bottom: 30px;
}
.portfolio .grid:after {
  content: '';
  display: block;
  clear: both;
}
.portfolio .grid-sizer,
.portfolio .grid-item {
  width: 33.333%;
}
.portfolio .grid-sizer .mix,
.portfolio .grid-item .mix {
  width: 100%;
}
.portfolio .grid-sizer .mix .draw,
.portfolio .grid-item .mix .draw {
  width: 100%;
}
.portfolio .grid-sizer .mix .draw a img,
.portfolio .grid-item .mix .draw a img {
  width: 100%;
}
.portfolio .grid-item {
  float: left;
  margin-bottom: 10px;
  padding-right: 5px;
}
.portfolio .grid-item img {
  display: block;
  max-width: 100%;
  width: 100%;
}
/****************************Portfolio Part End****************************************/
/****************************Testimonial Part Start****************************************/
.testimonial .testimonial-slider:hover .user {
  border-color: #fbb017;
}
.testimonial {
  background-image: url("../img/testimonial-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 66px;
  background-attachment: fixed;
}
.testimonial .testimonial-slider {
  padding: 50px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 1px 12px #dddddd;
  max-width: 828px;
  margin: 0 auto;
  margin-top: 40px;
}
.testimonial .testimonial-slider .user {
  border: 3px solid #414141;
  background-color: #414141;
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: 20px;
}
.testimonial .testimonial-slider p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 16px;
}
.testimonial .testimonial-slider h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 18px;
  color: #414141;
  text-transform: uppercase;
  margin-top: 40px;
}
.testimonial .testimonial-slider h4 {
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 16px;
}
.testimonial .testimonial-slider .owl-nav i {
  font-size: 20px;
}
.testimonial .testimonial-slider .owl-prev {
  position: absolute;
  left: -13%;
  top: 45%;
}
.testimonial .testimonial-slider .owl-next {
  position: absolute;
  right: -13%;
  top: 45%;
}
.testimonial .testimonial-slider .owl-prev.disabled,
.testimonial .testimonial-slider .owl-next.disabled {
  cursor: not-allowed;
}
.testimonial .testimonial-slider .owl-prev.disabled i:hover,
.testimonial .testimonial-slider .owl-next.disabled i:hover {
  color: #333;
}
.testimonial .testimonial-slider .owl-nav i:hover {
  color: #fbb017;
}
/****************************Testimonial Part End****************************************/
/****************************Partners Part Start****************************************/
.partners {
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.partners .owl-carousel .owl-item img {
  width: auto;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  margin: 0 auto;
  filter: gray;
}
.partners .owl-prev.disabled,
.partners .owl-next.disabled {
  cursor: not-allowed !important;
}
.partners .owl-prev {
  position: absolute;
  left: -4%;
  top: 25%;
}
.partners .owl-next {
  position: absolute;
  right: -4%;
  top: 25%;
}
.partners .owl-nav i,
.partners .owl-prev.disabled i:hover,
.partners .owl-next.disabled i:hover {
  font-size: 10px;
  color: #ffffff;
  background-color: #34495e;
  padding: 5px;
  border-radius: 4px;
}
.partners .owl-nav i:hover {
  background-color: #fbb017;
}
/****************************Partners Part End****************************************/
/****************************Contact-us Part Start****************************************/
.contact-us {
  background-image: url("../img/contact-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 70px;
  background-attachment: fixed;
}
.contact-us .title-part {
  text-align: center;
}
.contact-us .title-part h1 {
  color: #ffffff;
}
.contact-us .title-part span {
  color: #fbb017;
  font-family: 'Poppins-SemiBold';
}
.contact-us .title-part p {
  color: #ffffff;
  margin: 0 auto;
  max-width: 537px;
}
.contact-us .margin-devider {
  margin-top: 60px;
  margin-bottom: 60px;
}
.contact-us .address-box {
  background-image: url("../img/address-bg.png");
  background-size: cover;
  padding: 35px;
  min-height: 303px;
}
.contact-us .address-box h4 {
  font-family: 'Poppins-SemiBold';
  color: #ffffff;
  font-size: 20px;
  margin-top: 0;
}
.contact-us .address-box p {
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  color: #ffffff;
}
.contact-us .address-box ul {
  padding: 0;
}
.contact-us .address-box ul li {
  list-style-type: none;
  line-height: 30px;
  color: #ffffff;
}
.contact-us .address-box ul li i {
  color: #fbb017;
  min-width: 30px;
}
.contact-us .address-box ul li a {
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}
.contact-us .address-box ul li a i {
  color: #fbb017;
  min-width: 30px;
}
.contact-us .address-box ul li a:hover {
  color: #fbb017;
  transition: all 1s;
}
.contact-us .address-box .social-icons {
  margin-top: 35px;
}
.contact-us .address-box .social-icons a {
  margin-right: 10px;
}
.contact-us .address-box .social-icons a i {
  color: #ffffff;
  font-size: 20px;
}
.contact-us .address-box .social-icons a i:hover {
  color: #fbb017;
}
.contact-us .contact-box {
  background-image: url("../img/address-bg.png");
  background-size: cover;
  padding: 35px;
  min-height: 303px;
}
.contact-us .contact-box form input {
  background-color: #0c0f0f;
  color: #e1e4e7;
  font-family: 'SourceSansPro-Regular';
  border: none;
  border-radius: 0;
}
.contact-us .contact-box form textarea {
  width: 100%;
  padding: 6px 12px;
  background-color: #0c0f0f;
  color: #e1e4e7;
  font-family: 'SourceSansPro-Regular';
  border: none;
  border-radius: 0;
}
.contact-us .contact-box form button#submit {
  background-color: #fbb017;
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  font-size: 15px;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  padding: 8px 20px;
}
.contact-us .contact-box form button#submit:hover {
  background-color: #0c0f0f;
  transition: all 1s;
}
/****************************Contact-us Part End****************************************/
/****************************Header Start****************************************/
/****************************Inner Page Header Fixed Menu Css**************************************/
.inner-header-section .header-menu.fixed .navbar-inverse .navbar-toggle:hover,
.inner-header-section .header-menu.fixed .navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle {
  color: #ffffff;
}
.inner-header-section .header-menu.fixed .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon {
  display: none;
}
/****************************Inner Page Header Fixed Menu Css**************************************/
/****************************Main Menu CSS Start*************************************/
nav {
  position: relative;
  margin: 0 auto;
}
#mainmenu {
  float: right;
  margin-top: 2px;
}
#mainmenu ul {
  float: left;
}
#mainmenu,
#mainmenu ul,
#mainmenu ul li,
#mainmenu ul li a,
#mainmenu #head-mobile {
  margin-bottom: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mainmenu:after,
#mainmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#mainmenu #head-mobile {
  display: none;
}
#mainmenu {
  font-family: sans-serif;
}
#mainmenu > ul > li {
  float: left;
}
#mainmenu > ul > li > a {
  padding: 15px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-family: 'SourceSansPro-Regular';
  text-transform: uppercase;
}
#mainmenu > ul > li:hover > a,
#mainmenu ul li.active a {
  color: #ffffff;
}
#mainmenu ul li.has-sub.active:hover {
  -webkit-transition: background .3s ease;
  -ms-transition: background .3s ease;
  transition: background .3s ease;
}
#mainmenu ul li.active span.menu-hover-home,
#mainmenu > ul > li:hover span.menu-hover-home {
  left: 15px;
  opacity: 0.9;
  transition: all 1s;
}
/*#mainmenu > ul > li.has-sub > a:after{
  position:absolute;
  top:18px;
  right:21px;
  width:8px;
  height:2px;
  display:block;
  content:"\f107";
}*/
#mainmenu ul ul {
  position: absolute;
  left: -9999px;
  background-color: #fbb017;
  border-radius: 3px;
}
#mainmenu ul ul li {
  padding-bottom: 5px;
}
#mainmenu ul ul li:hover {
  background-color: #333;
  transition: all 1s;
}
#mainmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all 0.25s ease;
}
#mainmenu li:hover > ul {
  left: auto;
  padding: 0;
}
#mainmenu li:hover > ul > li {
  height: 35px;
}
#mainmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#mainmenu ul ul li a {
  padding: 10px;
  width: 170px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-family: 'SourceSansPro-Regular';
  text-transform: uppercase;
}
#mainmenu ul ul li:last-child > a,
#mainmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#mainmenu ul ul li:hover > a,
#mainmenu ul ul li a:hover {
  color: #ffffff;
}
#mainmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ddd;
  content: '';
}
#mainmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ddd;
  content: '';
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all 0.25s ease;
}
#mainmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#mainmenu ul ul li.has-sub:hover,
#mainmenu ul li.has-sub ul li.has-sub ul li:hover {
  background: #363636;
}
#mainmenu ul ul ul li.active a {
  border-left: 1px solid #333333;
}
#mainmenu > ul > li.has-sub > ul > li.active > a,
#mainmenu > ul ul > li.has-sub > ul > li.active > a {
  border-top: 1px solid #333333;
}
.inner-header-section #mainmenu > ul > li > a {
  color: #333;
}
.blog-content .container .row.margin-devider .blog-container .flex-control-nav li a.flex-active {
  background-color: #fbb017;
}
.inner-header-section .header-menu.fixed #mainmenu > ul > li > a {
  color: #fff;
}
/****************************Main Menu CSS End*************************************/
/****************************Header End****************************************/
/****************************Footer Part Start****************************************/
.footer-wrapper .footer-top {
  background-color: #010e12;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}
.footer-wrapper .footer-top a.logo-section {
  color: #ffffff;
}
.footer-wrapper .footer-top p {
  color: #636363;
  margin: 0 auto;
  margin-top: 25px;
  text-align: center;
  font-size: 14px;
  max-width: 582px;
  font-family: 'SourceSansPro-Regular';
}
.footer-wrapper .footer-top p.copyright {
  font-size: 13px;
  color: #636363;
}
.footer-wrapper .footer-bottom {
  background-color: #010e12;
  box-shadow: 3px 4px 3px #010c0f;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 7px solid #010c0f;
}
.footer-wrapper ul {
  padding-left: 0;
}
.footer-wrapper ul li {
  display: inline-block;
}
.footer-wrapper ul li a {
  color: #444444;
  font-size: 12px;
  text-decoration: none;
  font-family: 'SourceSansPro-Regular';
  padding: 5px 8px;
  text-transform: uppercase;
}
.footer-wrapper ul li a.active {
  font-family: 'SourceSansPro-Bold';
  color: #fbb017;
}
.footer-wrapper ul li a:hover {
  color: #fbb017;
}
/****************************Map Section Start****************************************/
.map-section #map {
  height: 485px;
  width: 100%;
}
.click-option {
  display: block;
}
/****************************Map Section End****************************************/
/****************************Footer Part End****************************************/
/****************************Scroll Top Start****************************************/
#back-top {
  bottom: 30px;
  position: fixed;
  right: 40px;
  z-index: 999;
}
#back-top a {
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top .fa.fa-chevron-up {
  background: #fbb017;
  border-radius: 3px;
  color: #fff;
  font-size: 20px;
  padding: 10px;
}
/****************************Scroll Top End****************************************/
/****************************Breadcrumb Part Start****************************************/
.breadcrumb-section {
  background-image: url("../img/breadcrumb-banner.png");
  background-color: #fbb017;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.breadcrumb-section h1 {
  color: #ffffff;
  font-family: 'SourceSansPro-Regular';
  margin: 0;
  font-size: 30px;
  line-height: 38px;
}
.breadcrumb-section ul {
  padding: 0;
  text-align: right;
  margin: 10px 0;
}
.breadcrumb-section ul li {
  display: inline-block;
}
.breadcrumb-section ul li a {
  font-family: 'SourceSansPro-Regular';
  color: #ffffff;
  font-size: 16px;
  padding: 5px 5px;
}
.breadcrumb-section ul li a i {
  font-size: 10px;
  padding-left: 15px;
}
.breadcrumb-section ul li.active a {
  font-family: 'SourceSansPro-Bold';
}
.slide-cont {
  width: 600px;
  display: block;
  margin: 0 auto;
}
.owl-carouse div {
  width: 100%;
}
/*SEE END OF THUMBNAIL FUCNTION TO TINKER SIZE OF THUMBS*/
.owl-carousel .owl-controls .owl-dot {
  float: left;
  background-size: cover;
  margin-top: 10px;
}
/* BELOW THIS IS JUST MY OWN BACKGROUND ETC AND ISN'T NEEDED */
.owl-carousel .owl-dot {
  float: left;
  background-size: cover;
}
/****************************Breadcrumb Part End****************************************/
/****************************About Us Page Start****************************************/
.service-about-us {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #fafafa;
}
.service-about-us .flex-control-thumbs img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 1s;
  width: 47px;
  height: 42px;
}
.service-about-us .flex-control-thumbs img.flex-active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 1s;
}
.service-about-us .flex-control-thumbs img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 1s;
}
.service-about-us .flexslider {
  background-color: transparent;
}
.service-about-us .flexslider .slides li img {
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.service-about-us .flex-control-nav {
  width: 100%;
}
.service-about-us .flex-control-nav li {
  border: 1px solid #e5e5e5;
  padding: 10px;
  width: 12.5%;
}
.service-about-us .flex-control-thumbs {
  margin-top: 0;
}
.service-about-us .margin-devider {
  margin-top: 50px;
  margin-bottom: 50px;
}
.service-about-us .flex-direction-nav .flex-prev,
.service-about-us .flex-direction-nav .flex-next {
  border: 1px solid #fff;
  border-radius: 100%;
}
.service-about-us .flex-direction-nav .flex-prev:hover,
.service-about-us .flex-direction-nav .flex-next:hover {
  background-color: #f89a2c;
  border: 1px solid #f89a2c;
}
.service-about-us .flexslider .flex-prev,
.service-about-us .flexslider .flex-next {
  min-height: 32px;
  padding-left: 15px;
  padding-right: 14px;
  padding-top: 7px;
}
.service-about-us .flexslider:hover .flex-direction-nav .flex-next {
  right: 30px;
}
.service-about-us .flexslider:hover .flex-direction-nav .flex-prev {
  left: 30px;
}
.service-about-us .flex-direction-nav a:before {
  font-size: 12px;
  color: #fff;
  margin-bottom: 20px;
}
.service-about-us .flex-direction-nav a {
  top: 47%;
}
.service-about-us .about-right h6 {
  font-family: 'SourceSansPro-Regular';
  font-size: 18px;
  color: #363636;
  line-height: 27px;
  margin-top: 18px;
}
.service-about-us .about-right p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 25px;
}
.service-about-us .about-right p a {
  color: #fbb017;
}
.service-about-us .about-right a.meet-team {
  font-family: 'Poppins-SemiBold';
  text-transform: uppercase;
  font-size: 12px;
  color: #ffffff;
  background-color: #fbb017;
  padding: 8px 18px;
  border-radius: 3px;
  text-decoration: none;
}
.service-about-us .about-right a.meet-team:hover {
  background-color: #000;
  transition: all 1s;
}
/****************************Capabilities Part Start****************************************/
.capabilities {
  padding-top: 90px;
  padding-bottom: 40px;
}
.capabilities .container .row .title-part {
  text-align: left;
}
.capabilities .container .row .title-part h1 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  color: #3a3939;
}
.capabilities .container .row .title-part h4 {
  font-family: 'SourceSansPro-Regular';
  font-size: 18px;
  color: #636363;
  line-height: 30px;
}
.capabilities .container .row .title-part span {
  color: #fbb017;
  font-family: 'Poppins-SemiBold';
}
.capabilities .container .row .title-part p {
  color: #636363;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  margin: 30px auto;
  max-width: 100%;
}
.capabilities .container .row .progress-wrap {
  padding-top: 70px;
  padding-bottom: 20px;
}
.capabilities .container .row .progress-wrap label {
  margin: 0;
}
.capabilities .container .row .progress-wrap .bar-number {
  background-color: #fbb017;
  color: #ffffff;
  position: absolute;
  top: -33px;
  left: 0;
  padding: 0px 4px 2px 6px;
  background-size: 100% 100%;
  border-radius: 4px;
}
.capabilities .container .row .progress-wrap .arrow-down {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 13px solid transparent;
  border-right: 11px solid transparent;
  border-top: 13px solid #fbb017;
  bottom: -8px;
  left: 7px;
}
.capabilities .container .row .progress-wrap #progressbar-1,
.capabilities .container .row .progress-wrap #progressbar-2,
.capabilities .container .row .progress-wrap #progressbar-3,
.capabilities .container .row .progress-wrap #progressbar-4 {
  width: 100%;
  height: 17px;
  background-color: #fff;
  padding: 3px;
  margin: .6em 0;
  border: 1px solid #eee;
  clear: both;
  border-radius: 4px;
  margin-bottom: 22px;
  position: relative;
}
.capabilities .container .row .progress-wrap #progress-1 {
  background: #fbb017;
  /*-- Color of the bar --*/
  height: 9px;
  width: 0%;
  max-width: 100%;
  float: left;
  -webkit-animation: progress-1 2s 1 forwards;
  -moz-animation: progress-1 2s 1 forwards;
  -ms-animation: progress-1 2s 1 forwards;
  animation: progress-1 2s 1 forwards;
  border-radius: 5px;
}
.capabilities .container .row .progress-wrap #progress-1 .bar-number {
  -webkit-animation: mymove 3s;
  /* Safari 4.0 - 8.0 */
  -ms-animation: mymove 3s;
  /* IE 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation: mymove 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mymove {
  from {
    left: 0px;
  }
  to {
    left: 494px;
  }
}
.capabilities .container .row .progress-wrap #progress-2 {
  background: #fbb017;
  /*-- Color of the bar --*/
  height: 9px;
  width: 0%;
  max-width: 100%;
  float: left;
  -webkit-animation: progress-2 2s 1 forwards;
  -moz-animation: progress-2 2s 1 forwards;
  -ms-animation: progress-2 2s 1 forwards;
  animation: progress-2 2s 1 forwards;
  border-radius: 5px;
}
.capabilities .container .row .progress-wrap #progress-2 .bar-number {
  -webkit-animation: mymove-2 3s;
  /* Safari 4.0 - 8.0 */
  -ms-animation: mymove-2 3s;
  /* IE 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation: mymove-2 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mymove-2 {
  from {
    left: 0px;
  }
  to {
    left: 210px;
  }
}
.capabilities .container .row .progress-wrap #progress-3 {
  background: #fbb017;
  /*-- Color of the bar --*/
  height: 9px;
  width: 0%;
  max-width: 100%;
  float: left;
  -webkit-animation: progress-3 2s 1 forwards;
  -moz-animation: progress-3 2s 1 forwards;
  -ms-animation: progress-3 2s 1 forwards;
  animation: progress-3 2s 1 forwards;
  border-radius: 5px;
}
.capabilities .container .row .progress-wrap #progress-3 .bar-number {
  -webkit-animation: mymove-3 3s;
  /* Safari 4.0 - 8.0 */
  -ms-animation: mymove-3 3s;
  /* IE 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation: mymove-3 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mymove-3 {
  from {
    left: 0px;
  }
  to {
    left: 255px;
  }
}
.capabilities .container .row .progress-wrap #progress-4 {
  background: #fbb017;
  /*-- Color of the bar --*/
  height: 9px;
  width: 0%;
  max-width: 100%;
  float: left;
  -webkit-animation: progress-4 2s 1 forwards;
  -moz-animation: progress-4 2s 1 forwards;
  -ms-animation: progress-4 2s 1 forwards;
  animation: progress-4 2s 1 forwards;
  border-radius: 5px;
}
.capabilities .container .row .progress-wrap #progress-4 .bar-number {
  -webkit-animation: mymove-4 3s;
  /* Safari 4.0 - 8.0 */
  -ms-animation: mymove-4 3s;
  /* IE 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation: mymove-4 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mymove-4 {
  from {
    left: 0px;
  }
  to {
    left: 175px;
  }
}
.capabilities .container .row .progress-wrap #pbaranim,
.capabilities .container .row .progress-wrap #pbaranim2,
.capabilities .container .row .progress-wrap #pbaranim3,
.capabilities .container .row .progress-wrap #pbaranim4 {
  height: 15px;
  width: 100%;
  overflow: hidden;
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
}
@-webkit-keyframes progress-1 {
  to {
    width: 95%;
  }
}
@-moz-keyframes progress-1 {
  to {
    width: 95%;
  }
}
@-ms-keyframes progress-1 {
  to {
    width: 95%;
  }
}
@keyframes progress-1 {
  to {
    width: 95%;
  }
}
@-webkit-keyframes progress-2 {
  to {
    width: 42%;
  }
}
@-moz-keyframes progress-2 {
  to {
    width: 42%;
  }
}
@-ms-keyframes progress-2 {
  to {
    width: 42%;
  }
}
@keyframes progress-2 {
  to {
    width: 42%;
  }
}
@-webkit-keyframes progress-3 {
  to {
    width: 50%;
  }
}
@-moz-keyframes progress-3 {
  to {
    width: 50%;
  }
}
@-ms-keyframes progress-3 {
  to {
    width: 50%;
  }
}
@keyframes progress-3 {
  to {
    width: 50%;
  }
}
@-webkit-keyframes progress-4 {
  to {
    width: 36%;
  }
}
@-moz-keyframes progress-4 {
  to {
    width: 36%;
  }
}
@-ms-keyframes progress-4 {
  to {
    width: 36%;
  }
}
@keyframes progress-4 {
  to {
    width: 36%;
  }
}
.capabilities .container .row .progress-wrap .progress {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 5px;
}
.capabilities .container .row .progress-wrap .progress-bar {
  background-color: #fbb017;
  border-radius: 5px;
}
/****************************Capabilities  Part End****************************************/
/****************************Team Part Start****************************************/
.team {
  padding-bottom: 130px;
  padding-top: 90px;
  background-color: #fafafa;
}
.team .margin-devider {
  margin-top: 90px;
  margin-bottom: 55px;
}
.team .team-member {
  text-align: center;
  cursor: pointer;
  position: relative;
}
.team .team-member img {
  margin: 0 auto;
  width: 100%;
}
.team .team-member .arrow_box {
  position: relative;
  background-color: #ffffff;
}
.team .team-member .arrow_box:after,
.team .team-member .arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.team .team-member .arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 16px;
  margin-left: -14px;
}
.team .team-member .arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #fff;
  border-width: 16px;
  margin-left: -14px;
}
.team .team-member .member-details {
  position: relative;
  background-color: #fff;
}
.team .team-member .member-details h3.member-name {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 18px;
  margin-top: 0;
  padding-top: 20px;
}
.team .team-member .member-details h5.job-position {
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 13px;
}
.team .team-member .member-details .black-border {
  max-width: 70px;
  margin: 0 auto;
  border: 2px solid #363636;
}
.team .team-member .social-icons {
  display: none;
}
.team .team-member.hover-on .member-details h3.member-name {
  color: #fbb017;
  transition: all 1s;
}
.team .team-member.hover-on .member-details .black-border {
  border-color: #fbb017;
  transition: all 1s;
}
.team .team-member.hover-on .hover-overlay {
  background-color: #fbb017;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 1s;
  opacity: 0.9;
}
.team .team-member.hover-on .hover-overlay .social-icons {
  display: block;
  position: absolute;
  top: 36%;
  left: 0;
  transition: all 1s;
  width: 100%;
  height: 100%;
}
.team .team-member.hover-on .hover-overlay .social-icons a {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 5px 5px;
  margin-right: 4px;
  color: #333;
}
.team .team-member.hover-on .hover-overlay .social-icons a i {
  background-color: #fff;
  min-width: 15px;
  color: #333;
}
.team .team-member.hover-on .hover-overlay .social-icons a i:hover {
  -webkit-text-fill-color: #fbb017;
}
.team .team-member.hover-on .hover-overlay .social-icons a.hover-on {
  background-color: #ffffff;
  transition: all 1s;
}
.team .flex-direction-nav {
  display: none;
}
.team .flexslider {
  overflow: visible;
  background-color: transparent;
}
.team .flex-control-nav {
  cursor: inherit;
  bottom: -90px;
}
.team .flex-control-nav li {
  margin: 0 2px;
}
.team .flex-control-nav li a {
  background-color: #d1d1d1;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  line-height: 45px;
  border: 1px solid #d1d1d1;
}
.team .flex-control-nav li a.flex-active {
  background-color: #fff;
  border: 1px solid #fbb017;
}
/****************************Team Part End****************************************/
/****************************About Us Page End****************************************/
/****************************Blog Page CSS Start****************************************/
.blog-content {
  padding-top: 100px;
  padding-bottom: 60px;
}
.blog-content .container .row.margin-devider {
  margin-top: 20px;
  margin-bottom: 30px;
}
.blog-content .container .row.margin-devider .blog-container {
  box-shadow: 0px 1px 12px #dddddd;
  min-height: 562px;
}
.blog-content .container .row.margin-devider .blog-container blockquote {
  background-color: #000;
  color: #ffffff;
  border-left: 0;
  position: relative;
  padding: 120px 25px;
  text-align: center;
  font-style: italic;
  margin: 0;
  font-size: 21px;
  font-family: 'SourceSansPro-Regular';
  max-height: 332px;
}
.blog-content .container .row.margin-devider .blog-container blockquote span {
  display: block;
}
.blog-content .container .row.margin-devider .blog-container blockquote span a {
  color: #fbb017;
}
.blog-content .container .row.margin-devider .blog-container blockquote i.custom {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  background-color: #363636;
  padding: 10px;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container blockquote .floating-layer {
  background-color: #4f4f4f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container blockquote .icon-box {
  opacity: 0;
  transition: all 1s;
  color: #fff;
  position: absolute;
  left: 47%;
  top: 46%;
}
.blog-content .container .row.margin-devider .blog-container blockquote .icon-box i.fa-chain {
  background-color: #fbb017;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
}
.blog-content .container .row.margin-devider .blog-container blockquote:before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 100px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 44%;
  top: 15px;
  opacity: 1;
}
.blog-content .container .row.margin-devider .blog-container blockquote:after {
  content: "\201D";
  font-family: Georgia, serif;
  font-size: 100px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 44%;
  bottom: -36px;
  opacity: 1;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container .flexslider {
  max-height: 332px;
}
.blog-content .container .row.margin-devider .blog-container .flexslider li img {
  width: 100%;
}
.blog-content .container .row.margin-devider .blog-container .flex-control-nav {
  bottom: -1px;
  z-index: 99999;
}
.blog-content .container .row.margin-devider .blog-container .flex-control-nav li a {
  background-color: #ffffff;
}
.blog-content .container .row.margin-devider .blog-container .flex-direction-nav {
  display: none;
}
.blog-content .container .row.margin-devider .blog-container iframe {
  max-width: 100%;
  min-height: 332px;
}
.blog-content .container .row.margin-devider .blog-container a.img-container.bg {
  background-color: #000;
  padding: 65px 25px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.blog-content .container .row.margin-devider .blog-container a.img-container.bg h3 {
  font-family: 'SourceSansPro-Regular';
  font-size: 22px;
  line-height: 30px;
  font-style: italic;
}
.blog-content .container .row.margin-devider .blog-container a.img-container {
  position: relative;
  display: block;
}
.blog-content .container .row.margin-devider .blog-container a.img-container i.custom {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  background-color: #363636;
  padding: 10px;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container a.img-container .floating-layer {
  background-color: #4f4f4f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container a.img-container .icon-box {
  opacity: 0;
  transition: all 1s;
  color: #fff;
  position: absolute;
  left: 47%;
  top: 46%;
}
.blog-content .container .row.margin-devider .blog-container a.img-container .icon-box i.fa-search {
  background-color: #252525;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
  margin-right: 5px;
}
.blog-content .container .row.margin-devider .blog-container a.img-container .icon-box i.fa-chain {
  background-color: #fbb017;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
}
.blog-content .container .row.margin-devider .blog-container .post-content {
  padding: 20px;
}
.blog-content .container .row.margin-devider .blog-container .post-content span {
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 14px;
}
.blog-content .container .row.margin-devider .blog-container .post-content span i {
  padding-right: 3px;
}
.blog-content .container .row.margin-devider .blog-container .post-content span a {
  display: inline-block;
  color: #939393;
  text-decoration: none;
  transition: all 1s;
  margin-right: 15px;
}
.blog-content .container .row.margin-devider .blog-container .post-content span a:hover {
  color: #fbb017;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container .post-content h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container .post-content h3 a {
  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
  text-decoration: none;
}
.blog-content .container .row.margin-devider .blog-container .post-content p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #939393;
  margin-bottom: 15px;
}
.blog-content .container .row.margin-devider .blog-container .post-content a.read-more {
  display: inline-block;
  background-color: #363636;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 25px;
  border-radius: 3px;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on blockquote i.custom {
  background-color: #fbb017;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on blockquote .floating-layer {
  opacity: 0.7;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on blockquote .icon-box {
  opacity: 1;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on blockquote:after {
  opacity: 0.4;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on a.img-container i.custom {
  background-color: #fbb017;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on a.img-container .floating-layer {
  opacity: 0.7;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on a.img-container .icon-box {
  opacity: 1;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on .post-content h3 {
  color: #fbb017;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on .post-content h3 a {
  color: #fbb017;
  transition: all 1s;
}
.blog-content .container .row.margin-devider .blog-container.hover-on .post-content a.read-more {
  background-color: #fbb017;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container {
  min-height: 484px;
}
.blog-content.style-two .container .row.margin-devider .blog-container iframe {
  min-height: 232px;
}
.blog-content.style-two .container .row.margin-devider .blog-container blockquote {
  padding: 72px 25px;
  max-height: 232px;
  font-size: 16px;
}
.blog-content.style-two .container .row.margin-devider .blog-container blockquote:before {
  top: -9px;
}
.blog-content.style-two .container .row.margin-devider .blog-container blockquote:after {
  bottom: -66px;
}
.blog-content.style-two .container .row.margin-devider .blog-container .flexslider li img {
  max-height: 230px;
}
.blog-content.style-two .container .row.margin-devider .blog-container a.img-container .icon-box {
  left: 47%;
}
.blog-content.style-two .container .row.margin-devider .blog-container .post-content span a {
  margin-right: 10px;
}
.blog-content.style-two .container .row.margin-devider .blog-container .post-content h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 18px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container .post-content h3 a {
  font-family: 'Poppins-SemiBold';
  font-size: 18px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container .post-content a.read-more {
  display: inline-block;
  background-color: #ffffff;
  text-decoration: none;
  color: #363636;
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 0;
  border-radius: 3px;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container .border-animation {
  max-width: 70px;
  border-bottom: 2px solid #363636;
  margin-left: 20px;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider a.flex-active {
  background-color: #fbb017 !important;
}
.blog-content.style-two .container .row.margin-devider .blog-container.hover-on .border-animation {
  max-width: 310px;
  border-bottom: 2px solid #fbb017;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container.hover-on .post-content h3 {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container.hover-on .post-content h3 a {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-two .container .row.margin-devider .blog-container.hover-on .post-content a.read-more {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three {
  min-height: 1900px;
  padding-top: 45px;
  padding-bottom: 60px;
}
.blog-content.style-three .container .row {
  /* clear fix */
  /* ---- .grid-item ---- */
}
.blog-content.style-three .container .row .left-sidebar .padding-off {
  padding: 0;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap {
  position: relative;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap input {
  position: relative;
  font-family: 'SourceSansPro-Regular';
  color: #cccccc;
  font-size: 14px;
  border: 1px solid #ebebeb;
  border-radius: 27px;
  padding: 4px 15px;
  min-height: 47px;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap i {
  position: absolute;
  top: 13px;
  right: 16px;
  color: #e1e1e1;
  font-size: 18px;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cccccc;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap :-ms-input-placeholder {
  /* IE 10+ */
  color: #cccccc;
}
.blog-content.style-three .container .row .left-sidebar .form-wrap :-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}
.blog-content.style-three .container .row .left-sidebar .category-post {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 12px #dddddd;
}
.blog-content.style-three .container .row .left-sidebar .category-post h3 {
  background-color: #f5f5f5;
  color: #363636;
  font-family: 'Poppins-SemiBold';
  font-size: 18px;
  padding: 15px 15px;
  margin: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li {
  list-style-type: none;
  display: block;
  clear: both;
  border-bottom: 1px solid #f2f2f2;
  padding: 15px;
  cursor: pointer;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li a {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 14px;
  text-decoration: none;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li span {
  float: right;
  color: #8e8b8b;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 2px 5px;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li:last-child {
  border-bottom: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li.hover-on a {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post ul.category-list li.hover-on span {
  background-color: #fbb017;
  transition: all 1s;
  color: #ffffff;
}
.blog-content.style-three .container .row .left-sidebar .category-post .post-content {
  margin: 18px;
  padding-bottom: 10px;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2;
}
.blog-content.style-three .container .row .left-sidebar .category-post .post-content a {
  color: #636363;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .post-content span {
  color: #939393;
}
.blog-content.style-three .container .row .left-sidebar .category-post .post-content a:hover {
  color: #fbb017;
}
.blog-content.style-three .container .row .left-sidebar .category-post .post-content:last-child {
  border-bottom: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post .img-holder {
  padding: 18px;
  text-align: center;
}
.blog-content.style-three .container .row .left-sidebar .category-post .img-holder a {
  display: inline-block;
  background-color: #ebebeb;
  min-width: 67px;
  min-height: 67px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .img-holder a img {
  width: 100%;
}
.blog-content.style-three .container .row .left-sidebar .category-post .text-widget {
  padding: 18px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .text-widget p {
  color: #636363;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .text-widget a.read-more {
  display: inline-block;
  background-color: #ffffff;
  text-decoration: none;
  color: #363636;
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 0;
  border-radius: 3px;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .text-widget a.read-more:hover {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget {
  padding: 18px 25px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul {
  padding: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li {
  list-style-type: none;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 5px;
  padding-top: 5px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a {
  font-family: 'Poppins-SemiBold';
  color: #939393;
  font-size: 14px;
  text-decoration: none;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a i.fa-plus-circle {
  margin-right: 10px;
  transition: all 1s;
  color: #D7D7D7;
  font-size: 20px;
  line-height: 24px;
  float: left;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a i.fa-minus-circle {
  display: none;
  margin-right: 10px;
  font-size: 20px;
  color: #fbb017;
  line-height: 24px;
  float: left;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a[aria-expanded="true"] {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a[aria-expanded="true"] i.fa-plus-circle {
  display: none;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.heading-li a[aria-expanded="true"] i.fa-minus-circle {
  display: inline-block;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li.collapse {
  border-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul .well.custom {
  padding: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul .well.custom ul li {
  padding-top: 0;
  padding-bottom: 5px;
  list-style-type: none;
}
.blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul .well.custom ul li a {
  font-family: 'SourceSansPro-Regular';
  font-size: 13px;
  text-decoration: none;
  color: #939393;
  cursor: text;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget {
  padding: 18px 25px;
  text-align: center;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget ul {
  border: 0;
  display: inline-block;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget ul li a {
  border: 0;
  border-bottom: 2px solid #ebebeb;
  transition: all 1s;
  margin-right: 0;
  padding: 5px 26px;
  font-family: 'SourceSansPro-Regular';
  color: #c2c2c2;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget ul li.active a {
  border-bottom: 2px solid #fbb017;
  font-family: 'SourceSansPro-Bold';
  color: #fbb017;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img {
  display: inline-block;
  float: left;
  width: 30%;
  position: relative;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3c3c3c;
  opacity: 0;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img i.fa-chain {
  color: #ffffff;
  background-color: #fbb017;
  position: absolute;
  top: 27%;
  left: 29%;
  border-radius: 100%;
  min-width: 30px;
  min-height: 30px;
  padding: 7px;
  opacity: 0;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info {
  display: inline-block;
  width: 56%;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 14px;
  text-align: left;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p a {
  text-decoration: none;
  color: #636363;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info span {
  font-family: 'SourceSansPro-Regular';
  color: #cccccc;
  font-size: 12px;
  text-align: left;
  display: block;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap:hover p a {
  text-decoration: none;
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap:hover .post-img span {
  opacity: 0.7;
  transition: all 1s;
}
.blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap:hover .post-img i.fa-chain {
  opacity: 1;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container {
  background-color: #ffffff;
  cursor: pointer;
  box-shadow: 0px 1px 12px #dddddd;
}
.blog-content.style-three .container .row .blog-container audio {
  max-width: 100%;
}
.blog-content.style-three .container .row .blog-container iframe {
  max-width: 100%;
  width: 100%;
}
.blog-content.style-three .container .row .blog-container a.img-container {
  position: relative;
  display: block;
}
.blog-content.style-three .container .row .blog-container a.img-container i.custom {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  background-color: #363636;
  padding: 10px;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container a.img-container .floating-layer {
  background-color: #4f4f4f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container a.img-container .icon-box {
  opacity: 0;
  transition: all 1s;
  color: #ffffff;
  position: absolute;
  left: 44%;
  top: 45%;
}
.blog-content.style-three .container .row .blog-container a.img-container .icon-box i.fa-search {
  background-color: #252525;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
  margin-right: 5px;
}
.blog-content.style-three .container .row .blog-container a.img-container .icon-box i.fa-chain {
  background-color: #fbb017;
  border-radius: 100%;
  padding: 12px;
  font-size: 16px;
}
.blog-content.style-three .container .row .blog-container a.img-container.bg {
  background-color: #000;
  padding: 25px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.blog-content.style-three .container .row .blog-container a.img-container.bg i.quote-custom {
  color: #fbb017;
  font-size: 25px;
}
.blog-content.style-three .container .row .blog-container a.img-container.bg h3 {
  font-family: 'Poppins-SemiBold';
  line-height: 30px;
  font-size: 18px;
  font-style: italic;
}
.blog-content.style-three .container .row .blog-container a.img-container.bg p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  font-style: italic;
}
.blog-content.style-three .container .row .blog-container a.img-container.bg .floating-layer {
  width: 100%;
}
.blog-content.style-three .container .row .blog-container .post-content {
  padding: 20px;
}
.blog-content.style-three .container .row .blog-container .post-content span {
  font-family: 'SourceSansPro-Regular';
  color: #cccccc;
  font-size: 14px;
}
.blog-content.style-three .container .row .blog-container .post-content span a {
  display: inline-block;
  color: #cccccc;
  text-decoration: none;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container .post-content h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container .post-content h3 a {
  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
  text-decoration: none;
}
.blog-content.style-three .container .row .blog-container .post-content p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #959595;
  margin-bottom: 15px;
}
.blog-content.style-three .container .row .blog-container .post-content a.read-more {
  display: inline-block;
  background-color: #ffffff;
  text-decoration: none;
  color: #363636;
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 0;
  border-radius: 3px;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container .flexslider li img {
  width: 100%;
}
.blog-content.style-three .container .row .blog-container .flex-control-nav {
  bottom: 5px;
  z-index: 9999;
}
.blog-content.style-three .container .row .blog-container .flex-control-nav li a {
  background-color: #ffffff;
}
.blog-content.style-three .container .row .blog-container .flex-control-nav li a.flex-active {
  background-color: #fbb017;
}
.blog-content.style-three .container .row .blog-container .flex-direction-nav {
  display: none;
}
.blog-content.style-three .container .row .blog-container .border-animation {
  max-width: 70px;
  border-bottom: 2px solid #363636;
  margin-left: 20px;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on a.img-container i.custom {
  background-color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on a.img-container .floating-layer {
  opacity: 0.7;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on a.img-container .icon-box {
  opacity: 1;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on .border-animation {
  max-width: 310px;
  border-bottom: 2px solid #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on .post-content h3 {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on .post-content h3 a {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .blog-container.hover-on .post-content a.read-more {
  color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three .container .row .grid:after {
  content: '';
  display: block;
  clear: both;
}
.blog-content.style-three .container .row .grid-sizer,
.blog-content.style-three .container .row .grid-item {
  width: 33.333%;
}
.blog-content.style-three .container .row .grid-item {
  float: left;
  margin-bottom: 10px;
  padding-right: 5px;
}
.blog-content.style-three .container .row .grid-item img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.blog-content.style-three.classic .container .row .blog-container {
  box-shadow: none;
  margin-bottom: 60px;
}
.blog-content.style-three.classic .container .row .blog-container .post-content {
  padding: 0;
}
.blog-content.style-three.classic .container .row .blog-container .post-content audio {
  width: 100%;
}
.blog-content.style-three.classic .container .row .blog-container .post-content h3 {
  margin: 0;
}
.blog-content.style-three.classic .container .row .blog-container .post-content span {
  color: #939393;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-content.style-three.classic .container .row .blog-container .post-content span a {
  margin-right: 15px;
}
.blog-content.style-three.classic .container .row .blog-container .post-content p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-content.style-three.classic .container .row .blog-container .post-content img.blog {
  width: 100%;
}
.blog-content.style-three.classic .container .row .blog-container .post-content a.read-more {
  display: inline-block;
  background-color: #363636;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 25px;
  border-radius: 3px;
  transition: all 1s;
}
.blog-content.style-three.classic .container .row .blog-container .post-content a.read-more:hover {
  background-color: #fbb017;
  transition: all 1s;
}
.blog-content.style-three.classic .container .row .blog-container .post-content .img-container.bg h3 {
  color: #ffffff;
}
.blog-content.style-three.classic .container .row .blog-container .post-content .img-container.bg p {
  color: #ffffff;
}
.pagination-part {
  padding-top: 20px;
  padding-bottom: 70px;
}
.pagination-part .container .row .paging-wrap {
  text-align: center;
}
.pagination-part .container .row .paging-wrap a.prev-page {
  background-color: #363636;
  padding: 6px 11px 4px 11px;
  color: #ffffff;
  border-radius: 3px;
  float: left;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap a.prev-page i {
  font-size: 18px;
}
.pagination-part .container .row .paging-wrap a.next-page {
  background-color: #363636;
  color: #ffffff;
  border-radius: 3px;
  float: right;
  text-decoration: none;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap a.next-page span {
  float: left;
  line-height: 18px;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  padding: 6px 7px 6px 14px;
}
.pagination-part .container .row .paging-wrap a.next-page i {
  font-size: 18px;
  margin-left: 8px;
  padding: 6px 9px 6px 10px;
  background-color: #000;
  border-radius: 0px 5px 5px 0px;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap a:hover {
  background-color: #fbb017;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap a:hover i.fa-angle-right {
  background-color: #f09225;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap ul.pagination {
  margin: 0 auto;
  padding: 0;
}
.pagination-part .container .row .paging-wrap ul.pagination li a {
  background-color: #f3f3f3;
  color: #939393;
  margin-right: 5px;
  border-color: #ffffff;
  border-radius: 3px;
  transition: all 1s;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
}
.pagination-part .container .row .paging-wrap ul.pagination li a:hover {
  color: #fbb017;
  border-color: #fbb017;
  background-color: #ffffff;
  transition: all 1s;
}
.pagination-part .container .row .paging-wrap ul.pagination li.active a {
  color: #fbb017;
  border-color: #fbb017;
  background-color: #ffffff;
}
/****************Single blog page css start**********************/
.blog-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}
.blog-wrapper .container .row .blog-details {
  box-shadow: 0px 1px 12px #dddddd;
  margin: 2px 0;
  padding: 30px;
}
.blog-wrapper .container .row .blog-details .title-part {
  text-align: left;
}
.blog-wrapper .container .row .blog-details .title-part h1 {
  font-family: 'Poppins-SemiBold';
}
.blog-wrapper .container .row .blog-details .title-part span {
  color: #fbb017;
  font-family: 'Poppins-SemiBold';
}
.blog-wrapper .container .row .blog-details .title-part p {
  color: #ffffff;
  margin: 0 auto;
  max-width: 537px;
}
.blog-wrapper .container .row .blog-details img.blog-img {
  width: 100%;
}
.blog-wrapper .container .row .blog-details h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 26px;
  color: #363636;
  margin-top: 15px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details span {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 10px;
  color: #939393;
}
.blog-wrapper .container .row .blog-details span a {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 10px;
  color: #939393;
  text-decoration: none;
}
.blog-wrapper .container .row .blog-details p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #939393;
  margin-bottom: 15px;
  text-align: justify;
}
.blog-wrapper .container .row .blog-details p a {
  text-decoration: none;
  color: #fbb017;
}
.blog-wrapper .container .row .blog-details blockquote {
  color: #636363;
  font-family: "Poppins-Regular";
  font-size: 24px;
  position: relative;
  border-left: 0;
  margin: 0 auto;
  max-width: 617px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-wrapper .container .row .blog-details blockquote span {
  display: block;
  margin-top: 20px;
}
.blog-wrapper .container .row .blog-details blockquote span a {
  color: #fbb017;
  text-decoration: none;
}
.blog-wrapper .container .row .blog-details blockquote i.quote {
  color: #fbb017;
  position: absolute;
  top: 24px;
  right: -32px;
  font-size: 55px;
}
.blog-wrapper .container .row .blog-details .tag-section {
  margin-top: 30px;
  margin-bottom: 20px;
}
.blog-wrapper .container .row .blog-details .tag-section h4 {
  display: inline-block;
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  color: #636363;
  min-width: 65px;
}
.blog-wrapper .container .row .blog-details .tag-section a {
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  margin-right: 10px;
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  text-decoration: none;
  font-size: 12px;
  padding: 6px 23px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .tag-section a:hover {
  background-color: #fbb017;
  transition: all 1s;
  border-color: #fbb017;
  color: #ffffff;
}
.blog-wrapper .container .row .blog-details .share-section h4 {
  display: inline-block;
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  color: #363636;
  min-width: 65px;
}
.blog-wrapper .container .row .blog-details .share-section a {
  display: inline-block;
  background-color: #e1e1e1;
  color: #fdfdfd;
  padding: 1px 0;
  min-width: 26px;
  border-radius: 5px;
  text-align: center;
  margin-right: 2px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .share-section a:hover {
  background-color: #2fc2ef;
  color: #ffffff;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .blog-comments {
  margin-top: 70px;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box {
  box-shadow: 0px 1px 12px #dddddd;
  margin: 25px auto;
  transition: all 1s;
  position: relative;
  overflow: hidden;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img {
  display: block;
  padding: 17px 28px;
  background-color: #ffffff;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img img {
  display: inline-block;
  float: left;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img .author-flow {
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img .author-flow h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 26px;
  color: #363636;
  margin: 0;
  display: inline-block;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img .author-flow span {
  display: block;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-img a.reply {
  float: right;
  background-color: #363636;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-SemiBold';
  padding: 7px 20px 5px 20px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 15px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-details {
  background-color: #f5f5f5;
  padding: 17px 28px;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .author-info .author-details p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #636363;
  line-height: 24px;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box .border-left-flow {
  border-left: 2px solid #000;
  min-height: 205px;
  position: absolute;
  top: -206px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box:hover {
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box:hover .author-info .author-img a.reply {
  background-color: #fbb017;
  transition: all 1s;
  text-decoration: none;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box:hover .border-left-flow {
  border-left: 2px solid #fbb017;
  min-height: 205px;
  position: absolute;
  top: 0;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .blog-comments .author-box.two {
  margin-left: 50px;
}
.blog-wrapper .container .row .blog-details .comment-box {
  margin-top: 70px;
  margin-bottom: 60px;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group {
  position: relative;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group input {
  max-width: 437px;
  border: 1px solid #eeeeee;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #636363;
  box-shadow: none;
  border-radius: 3px;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group textarea {
  border: 1px solid #eeeeee;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #636363;
  box-shadow: none;
  border-radius: 3px;
  width: 100%;
  padding: 6px 12px;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #636363;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group ::-moz-placeholder {
  /* Firefox 19+ */
  color: #636363;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group :-ms-input-placeholder {
  /* IE 10+ */
  color: #636363;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group :-moz-placeholder {
  /* Firefox 18- */
  color: #636363;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group i {
  position: absolute;
  top: 7px;
  right: 46%;
  color: #ebebeb;
}
.blog-wrapper .container .row .blog-details .comment-box .form-group i.fa-paper-plane {
  position: absolute;
  top: 7px;
  right: 11px;
}
.blog-wrapper .container .row .blog-details .comment-box button#submit {
  font-family: 'SourceSansPro-Bold';
  color: #ffffff;
  font-size: 14px;
  background-color: #fbb017;
  border: none;
  text-transform: uppercase;
  padding: 10px 20px;
  transition: all 1s;
}
.blog-wrapper .container .row .blog-details .comment-box button#submit:hover {
  transition: all 1s;
  background-color: #333;
}
.blog-wrapper .container .row .feature-box {
  background-color: #f6f6f6;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  margin: 10px 0;
  padding: 10px;
}
.blog-wrapper .container .row .feature-box .related-post {
  margin-top: 10px;
  margin-bottom: 10px;
}
.blog-wrapper .container .row .feature-box .related-post img.related-img {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 5px;
}
/****************Single blog page css end**********************/
/****************************Blog Page CSS End****************************************/
/****************************Contact Page CSS Start****************************************/
/****************************Contact form Part Start****************************************/
.contact-form {
  padding-top: 90px;
  padding-bottom: 90px;
}
.contact-form .in-touch h3 {
  font-family: 'Poppins-SemiBold';
  color: #363636;
  font-size: 24px;
}
.contact-form .in-touch .border-bottom {
  max-width: 70px;
  border-bottom: 2px solid #fbb017;
}
.contact-form .in-touch p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 18px;
  margin-top: 30px;
}
.contact-form .in-touch ul {
  padding: 0;
}
.contact-form .in-touch ul li {
  list-style-type: none;
  font-family: 'SourceSansPro-Regular';
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 5px;
}
.contact-form .in-touch ul li .social-icons {
  width: 80%;
  display: inline-block;
}
.contact-form .in-touch ul li .social-icons a {
  width: auto;
}
.contact-form .in-touch ul li .social-icons a i {
  background-color: #ddd;
  color: #ffffff;
  padding: 4px 2px 3px 2px;
  font-size: 12px;
  min-width: 19px;
  text-align: center;
  border-radius: 3px;
  margin-right: 2px;
}
.contact-form .in-touch ul li .social-icons a i:hover {
  background-color: #fbb017;
  transition: all 1s;
}
.contact-form .in-touch ul li span {
  width: 20%;
  display: inline-block;
  float: left;
  color: #636363;
  font-size: 14px;
}
.contact-form .in-touch ul li a {
  width: 80%;
  display: inline-block;
  color: #939393;
  text-decoration: none;
  font-size: 16px;
}
.contact-form .in-touch form {
  margin-top: 30px;
}
.contact-form .in-touch form .form-wrap {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contact-form .in-touch form input {
  position: relative;
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 14px;
  border: none;
  box-shadow: none;
  background-color: #fafafa;
}
.contact-form .in-touch form textarea {
  width: 100%;
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 14px;
  border: none;
  box-shadow: none;
  padding: 6px 12px;
  max-height: 157px;
  background-color: #fafafa;
}
.contact-form .in-touch form input#submit {
  background-color: #fbb017;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  font-family: 'SourceSansPro-Bold';
  min-height: 43px;
}
.contact-form .in-touch form input#submit:hover {
  background-color: #333;
  transition: all 1s;
}
.contact-form .in-touch form i {
  position: absolute;
  top: 9px;
  right: 24px;
  color: #e1e1e1;
}
.contact-form .in-touch form i.fa-mobile {
  font-size: 20px;
}
/****************************Contact form Part End****************************************/
/****************************Contact Page CSS End****************************************/
/****************************Portfolio Page CSS Start****************************************/
/****************************Header Part Start****************************************/
#servicebanner-1,
#servicebanner-2,
#servicebanner-3 {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .8;
  width: 100%;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.dot-01 {
  left: -2%;
  top: 120px;
}
.large-dot {
  position: absolute;
  width: 92px;
  height: 92px;
}
.dot-02 {
  left: 86%;
  top: 206px;
}
/****************************Header Part End****************************************/
/****************************Single Portfolio Page CSS Start****************************************/
.single-portfolio {
  padding-top: 60px;
  padding-bottom: 20px;
}
.single-portfolio .title-part {
  margin-bottom: 30px;
}
.single-portfolio .portfolio-details h3 {
  font-family: "Poppins-Regular", sans-serif;
  margin: 0 0 15px;
}
.single-portfolio .portfolio-details table {
  width: 100%;
}
.single-portfolio .portfolio-details table tbody tr td,
.single-portfolio .portfolio-details table tbody tr th {
  border: 1px solid #ddd;
  font-family: 'SourceSansPro-Regular';
  padding: 10px;
  font-size: 16px;
}
.single-portfolio-wrap {
  margin-top: 50px;
  margin-bottom: 70px;
}
.single-portfolio-wrap .owl-nav i,
.single-portfolio-wrap .owl-prev.disabled i:hover,
.single-portfolio-wrap .owl-next.disabled i:hover {
  font-size: 10px;
  color: #ffffff;
  background-color: #34495e;
  padding: 7px;
  border-radius: 0;
}
.single-details {
  position: relative;
  padding-top: 50px;
}
.single-portfolio-wrap .owl-next,
.single-portfolio-wrap .owl-prev {
  display: inline-block;
  margin-left: 5px;
}
.single-portfolio-wrap .owl-nav {
  top: -32px;
  position: absolute;
  right: 5px;
  max-width: 70px;
}
.single-portfolio-wrap .owl-nav i:hover {
  background-color: #fbb017;
}
.single-portfolio-wrap .item {
  overflow: hidden;
}
.single-portfolio-wrap.portfolio .mix {
  width: 100%;
}
.single-portfolio-wrap .item a img:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 1s;
}
/****************Single portfolio page css end**********************/
/****************************Portfolio Page CSS End****************************************/
/****************************404 Page CSS Start****************************************/
.error-wrapper .container .row .col-md-12 .content-wrapper {
  max-width: 1470px;
  box-shadow: 0px 1px 12px #dddddd;
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 50px auto;
  text-align: center;
}
.error-wrapper .container .row .col-md-12 .content-wrapper h3 {
  font-family: 'Poppins-SemiBold';
  color: #fbb017;
  font-size: 122px;
}
.error-wrapper .container .row .col-md-12 .content-wrapper h4 {
  font-family: 'SourceSansPro-Regular';
  color: #5e5e5e;
  font-size: 34px;
}
.error-wrapper .container .row .col-md-12 .content-wrapper a.back-home {
  font-family: 'Poppins-SemiBold';
  color: #ffffff;
  font-size: 20px;
  background-color: #fbb017;
  text-decoration: none;
  padding: 14px 40px;
  border-radius: 5px;
  transition: all 1s;
  display: inline-block;
  margin-bottom: 70px;
  margin-top: 70px;
}
.error-wrapper .container .row .col-md-12 .content-wrapper a.back-home:hover {
  background-color: #333;
  transition: all 1s;
}
.error-wrapper .container .row .col-md-12 .content-wrapper .social-icons a {
  color: #ffffff;
}
.error-wrapper .container .row .col-md-12 .content-wrapper .social-icons a i {
  background-color: #3c3c3c;
  color: #ffffff;
  padding: 4px 6px;
  border-radius: 3px;
  margin-right: 2px;
  transition: all 1s;
}
.error-wrapper .container .row .col-md-12 .content-wrapper .social-icons a i:hover {
  background-color: #fbb017;
  transition: all 1s;
}
.error-wrapper .container .row .col-md-12 .content-wrapper p.copyright {
  font-family: 'SourceSansPro-Regular';
  font-size: 12px;
  color: #464646;
  margin-top: 25px;
  margin-bottom: 25px;
}
/****************************404 Page CSS End****************************************/
/****************************Faq Page CSS Start****************************************/
.faq-wrapper {
  min-height: 650px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.faq-wrapper .container .row .content-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel {
  border: 0;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-heading {
  border: 1px solid #ddd;
  background-color: #ffffff;
  transition: all 1s;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-heading:hover {
  border: 1px solid #fbb017;
  transition: all 1s;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-heading:hover i {
  color: #fbb017;
  transition: all 1s;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title {
  font-family: 'Poppins-SemiBold';
  color: #343333;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 10px;
  line-height: 25px;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a {
  text-decoration: none;
  display: block;
  transition: all 1s;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a i {
  float: right;
  color: #636363;
  transition: all 1s;
  font-size: 22px;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a i.fa-angle-down {
  display: none;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a i.fa-angle-right {
  display: block;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a:hover {
  color: #fbb017;
  transition: all 1s;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a.accordion-open {
  color: #fbb017;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a.accordion-open i.fa-angle-right {
  display: none;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a.accordion-open i.fa-angle-down {
  display: block;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a.accordion-open.collapsed i.fa-angle-right {
  display: block;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-title a.accordion-open.collapsed i.fa-angle-down {
  display: none;
}
.faq-wrapper .container .row .content-wrapper .digital-solution .panel-body {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #636363;
  padding: 10px 25px;
  border-top: 0;
}
/****************************Faq Page CSS End****************************************/
/****************************Careers Page CSS Start****************************************/
.careers-wrapper {
  padding-top: 100px;
  padding-bottom: 80px;
  border-bottom: 1px solid #f0f0f0;
}
.careers-wrapper .container .row .title-part {
  text-align: center;
}
.careers-wrapper .container .row .title-part h1 {
  font-family: 'Poppins-Regular';
  font-size: 30px;
  color: #3a3939;
}
.careers-wrapper .container .row .title-part span {
  font-family: 'Poppins-SemiBold';
}
.careers-wrapper .container .row .title-part p {
  color: #636363;
  font-family: 'SourceSansPro-Regular';
  font-size: 28px;
  margin: 0 auto;
  max-width: 872px;
}
.carrer-content {
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #f0f0f0;
}
.carrer-content .container .row .career-details {
  background-color: #fbfbfb;
}
.carrer-content .container .row .career-details .panel-heading {
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  background-color: #fbfbfb;
  padding: 0;
}
.carrer-content .container .row .career-details .panel-heading .panel-title {
  font-size: 18px;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a {
  transition: all 1s;
  text-decoration: none;
  display: block;
  padding: 10px 5px 17px 5px;
  border-bottom: 1px solid #ebebeb;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a i.fa-angle-right {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a i.fa-angle-down {
  display: none;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a:hover {
  color: #393939;
  transition: all 1s;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a.accordion-open {
  color: #393939;
  transition: all 1s;
  border-bottom: 1px solid transparent;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a.accordion-open i.fa-angle-right {
  display: none;
}
.carrer-content .container .row .career-details .panel-heading .panel-title a.accordion-open i.fa-angle-down {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.carrer-content .container .row .career-details .panel-body {
  color: #939393;
  font-size: 16px;
  font-family: 'SourceSansPro-Regular';
  border: 0;
}
.carrer-content .container .row .career-details .panel.panel-default {
  border: 0;
  box-shadow: none;
}
.carrer-content .container .row .career-video {
  position: relative;
}
.carrer-content .container .row .career-video .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}
.carrer-content .container .row .career-video img {
  width: 100%;
}
.carrer-content .container .row .career-video .button-floating {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  text-align: center;
}
.carrer-content .container .row .career-video .button-floating a.button-player {
  width: 105px;
  height: 105px;
  border-radius: 100%;
  background-color: #ffffff;
  text-align: center;
  color: #fbb017;
  text-decoration: none;
  display: inline-block;
  padding: 8%;
}
.carrer-content .container .row .career-video .button-floating a.button-player i {
  font-size: 20px;
  color: #0c0f0f;
  transition: all 1s;
}
.carrer-content .container .row .career-video .button-floating a.button-player:focus {
  outline: none;
}
.carrer-content .container .row .career-video p {
  font-family: 'Poppins-Regular';
  color: #636363;
  font-size: 16px;
  text-align: center;
  margin: 15px auto;
  transition: all 1s;
}
.carrer-content .container .row .career-video .modal-content {
  background-color: #000;
}
.carrer-content .container .row .career-video .modal-content .close {
  color: #ffffff;
  opacity: 0.8;
}
.carrer-content .container .row .career-video .modal-content iframe {
  width: 100%;
}
.carrer-content .container .row .career-video:hover .button-floating a.button-player i {
  color: #fbb017;
  transition: all 1s;
}
.carrer-content .container .row .career-video:hover p {
  color: #fbb017;
  transition: all 1s;
}
.opening-recent {
  padding-top: 100px;
  padding-bottom: 80px;
}
.opening-recent .container .row.margin-devider {
  margin-top: 35px;
  margin-bottom: 35px;
}
.opening-recent .container .row.margin-devider .job-box {
  box-shadow: 0px 1px 12px #dddddd;
  padding: 25px 0px 0px 25px;
  position: relative;
  min-height: 220px;
}
.opening-recent .container .row.margin-devider .job-box h3 {
  font-family: 'Poppins-SemiBold';
  color: #4e4e4e;
  font-size: 22px;
  margin: 0;
}
.opening-recent .container .row.margin-devider .job-box p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 22px;
  margin: 0;
}
.opening-recent .container .row.margin-devider .job-box a {
  font-family: 'SourceSansPro-Bold';
  color: #636363;
  font-size: 19px;
  text-decoration: none;
}
.opening-recent .container .row.margin-devider .job-box a.category-job {
  font-family: 'Poppins-SemiBold';
  color: #232323;
  font-size: 16px;
  text-decoration: none;
  background-color: #ebebeb;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 20px;
}
.opening-recent .container .row.margin-devider .job-box:hover a {
  color: #fbb017;
  transition: all 1s;
}
.opening-recent .container .row.margin-devider .job-box:hover a.category-job {
  background-color: #fbb017;
  transition: all 1s;
  color: #232323;
}
.opening-recent .container .row.resume-part {
  margin-top: 90px;
}
.opening-recent .container .row.resume-part .resume-apply {
  text-align: center;
}
.opening-recent .container .row.resume-part .resume-apply h3 {
  font-family: 'Poppins-Light';
  font-size: 38px;
  color: #090909;
  margin: 0;
}
.opening-recent .container .row.resume-part .resume-apply p {
  font-family: 'SourceSansPro-Regular';
  color: #636363;
  font-size: 14px;
}
.opening-recent .container .row.resume-part .resume-apply a.drop-cv {
  background-color: #fbb017;
  color: #ffffff;
  text-decoration: none;
  transition: all 1s;
  padding: 10px 29px;
  display: inline-block;
  margin-top: 10px;
  font-family: 'Poppins-SemiBold';
  font-size: 16px;
  text-transform: uppercase;
}
.opening-recent .container .row.resume-part .resume-apply a.drop-cv:hover {
  background-color: #090909;
  transition: all 1s;
}
/****************************Careers Page CSS End****************************************/
/****************************Pricing Page CSS Start****************************************/
.pricing-banner {
  background-image: url("../img/pricing-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
}
.pricing-banner .container .row .purchase {
  text-align: center;
  color: #ffffff;
}
.pricing-banner .container .row .purchase h3 {
  font-family: 'SourceSansPro-Regular';
  font-size: 42px;
  max-width: 725px;
  line-height: 40px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.pricing-banner .container .row .purchase p {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  max-width: 570px;
  margin: 0 auto;
}
.pricing-banner .container .row .purchase a.purchase-action {
  background-color: #fbb017;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  margin-top: 20px;
  display: inline-block;
  padding: 12px 30px;
  text-decoration: none;
  font-size: 16px;
  transition: all 1s;
}
.pricing-banner .container .row .purchase a.purchase-action:hover {
  background-color: #333;
  transition: all 1s;
}
.pricing-details {
  padding-top: 90px;
  padding-bottom: 90px;
}
.pricing-details .container .row.margin-devider {
  margin-top: 60px;
}
.pricing-details .container .row.margin-devider .pricing-table {
  box-shadow: 0px 1px 12px #dddddd;
  background-color: #fafafa;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count {
  padding: 50px 5px 23px 5px;
  box-shadow: -1px 6px 20px 0px #dddddd;
  text-align: center;
  transition: all 1s;
  border-radius: 10px 10px 0px 0px;
  background-color: #ffffff;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count p {
  display: inline-block;
  font-family: 'Poppins-SemiBold';
  color: #636363;
  font-size: 80px;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count p span {
  display: inline-block;
  font-family: 'SourceSansPro-Regular';
  font-size: 36px;
  color: #636363;
  transition: all 1s;
  float: left;
  line-height: 73px;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count span.month {
  display: inline-block;
  font-family: 'SourceSansPro-Regular';
  font-size: 18px;
  color: #636363;
  transition: all 1s;
  float: none;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count p.trial {
  display: block;
  font-family: 'SourceSansPro-Regular';
  font-size: 15px;
  color: #939393;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count .plan-wrap {
  max-width: 163px;
  margin: 0 auto;
  position: relative;
  display: block;
  min-height: 42px;
}
.pricing-details .container .row.margin-devider .pricing-table .price-count .plan-wrap a.plan {
  font-family: 'Poppins-SemiBold';
  color: #636363;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 19px;
  padding: 8px 20px;
  text-transform: uppercase;
  position: absolute;
  bottom: -37px;
  left: 0;
  font-size: 14px;
  box-shadow: 0px 1px 12px #dddddd;
  cursor: text;
  min-width: 157px;
}
.pricing-details .container .row.margin-devider .pricing-table .pricing-list {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  background-color: transparent;
}
.pricing-details .container .row.margin-devider .pricing-table .pricing-list ul {
  padding: 0;
}
.pricing-details .container .row.margin-devider .pricing-table .pricing-list ul li {
  list-style-type: none;
  text-align: center;
  line-height: 40px;
  font-family: 'SourceSansPro-Regular';
  color: #939393;
  font-size: 14px;
  text-decoration: none;
}
.pricing-details .container .row.margin-devider .pricing-table .pricing-list .order-wrapper {
  display: block;
  background-color: #ffffff;
}
.pricing-details .container .row.margin-devider .pricing-table .pricing-list .order-wrapper a.order-now {
  font-family: 'Poppins-SemiBold';
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 30px;
  background-color: #5e5e5e;
  border-radius: 22px;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 25px;
  display: inline-block;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover .price-count,
.pricing-details .container .row.margin-devider .pricing-table.active .price-count {
  background-color: #fbb017;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover span,
.pricing-details .container .row.margin-devider .pricing-table.active span {
  color: #ffffff;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover span.month,
.pricing-details .container .row.margin-devider .pricing-table.active span.month {
  color: #ffffff;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover p.trial,
.pricing-details .container .row.margin-devider .pricing-table.active p.trial {
  color: #ffffff;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover p,
.pricing-details .container .row.margin-devider .pricing-table.active p {
  color: #ffffff;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover p span,
.pricing-details .container .row.margin-devider .pricing-table.active p span {
  color: #ffffff;
  transition: all 1s;
}
.pricing-details .container .row.margin-devider .pricing-table:hover .pricing-list a.order-now,
.pricing-details .container .row.margin-devider .pricing-table.active .pricing-list a.order-now {
  background-color: #fbb017;
  transition: all 1s;
}
/****************************Pricing Page CSS End****************************************/
/****************************Coming Soon Page CSS Start****************************************/
.coming-soon-wrapper {
  background-image: url("../img/coming-soon-bg.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
  min-height: 100vh;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper {
  max-width: 1470px;
  box-shadow: 0px 1px 12px #dddddd;
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 50px auto;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper img {
  margin: 0 auto;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper h2 {
  font-family: 'Poppins-SemiBold';
  font-size: 62px;
  color: #636363;
  text-transform: uppercase;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper h2 span {
  color: #fbb017;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .blue-border {
  max-width: 185px;
  margin: 0 auto;
  border-bottom: 3px solid #fbb017;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper h4 {
  font-family: 'SourceSansPro-Regular';
  font-size: 20px;
  color: #191919;
  line-height: 32px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit {
  margin-top: 70px;
  margin-bottom: 70px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul {
  padding: 0;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li {
  display: inline-block;
  background-color: #f4f4f4;
  padding: 15px 50px;
  margin-right: 10px;
  border-radius: 15px;
  font-family: 'Poppins-SemiBold';
  color: #fbb017;
  font-size: 16px;
  text-transform: uppercase;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li span {
  display: block;
  color: #3c3c3c;
  font-size: 48px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .social-icons a {
  color: #ffffff;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .social-icons a i {
  background-color: #3c3c3c;
  color: #ffffff;
  padding: 4px 6px;
  border-radius: 3px;
  margin-right: 2px;
  transition: all 1s;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .social-icons a i:hover {
  background-color: #fbb017;
  transition: all 1s;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper p.copyright {
  font-family: 'SourceSansPro-Regular';
  font-size: 12px;
  color: #636363;
  margin-top: 25px;
  margin-bottom: 25px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email {
  max-width: 700px;
  background-color: #ffffff;
  margin: 70px auto;
  padding: 5px;
  border-radius: 25px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.email-holder {
  border: none;
  box-shadow: none;
  min-height: 40px;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  color: #939393;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.submit {
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  font-size: 16px;
  text-transform: uppercase;
  background-color: #fbb017;
  border-radius: 25px;
  padding: 5px;
  transition: all 1s;
  min-height: 40px;
}
.coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.submit:hover {
  background-color: #333;
  transition: all 1s;
}
/****************************Coming Soon Page CSS End****************************************/
/****************************Services Page CSS Start****************************************/
.services.page-layout .title-part {
  margin-bottom: 50px;
}
.services.page-layout .row.margin-devider {
  margin-top: 20px;
  margin-bottom: 20px;
}
.services.page-layout .service-wrap {
  box-shadow: 0px 1px 12px #dddddd;
  min-height: 0;
  padding: 30px 20px 30px 20px;
  text-align: center;
}
.services.page-layout .service-wrap h3 {
  max-width: none;
  text-align: center;
  color: #5a5a5a;
  margin-top: 20px;
  transition: all 1s;
}
.services.page-layout .service-wrap p {
  text-align: center;
  color: #636363;
  line-height: 25px;
}
.services.page-layout .service-wrap:hover h3 {
  color: #fbb017;
  transition: all 1s;
}
.digital-services {
  background-image: url("../img/service-page-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.digital-services .service-content {
  padding-top: 120px;
  padding-bottom: 120px;
}
.digital-services .service-content h3 {
  font-family: 'Poppins-SemiBold';
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
.digital-services .service-content p {
  font-family: 'SourceSansPro-Regular';
  color: #ffffff;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.digital-services .service-content a.lets-talk {
  background-color: #fbb017;
  color: #ffffff;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  padding: 8px 42px;
  display: inline-block;
  text-decoration: none;
  transition: all 1s;
}
.digital-services .service-content a.lets-talk:hover {
  background-color: #333;
  transition: all 1s;
}
.digital-services .service-sample {
  position: relative;
}
.digital-services .service-sample img {
  position: absolute;
  top: 70px;
}
.work-process {
  padding-top: 100px;
  padding-bottom: 100px;
}
.work-process .row.margin-devider {
  margin-top: 50px;
}
.work-process .row.margin-devider .choose-us ul {
  padding: 0;
}
.work-process .row.margin-devider .choose-us ul li.choose-li {
  font-family: 'Poppins-SemiBold';
  color: #343333;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 20px;
  display: block;
}
.work-process .row.margin-devider .choose-us ul li {
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 35px;
}
.work-process .row.margin-devider .choose-us ul li i {
  background-color: #fbb017;
  color: #ffffff;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  text-align: center;
  padding: 2px 1px 2px 2px;
  margin-right: 15px;
}
.work-process .row.margin-devider .choose-us ul li a {
  font-family: 'SourceSansPro-Regular';
  font-size: 13px;
  color: #636363;
  text-decoration: none;
  text-transform: capitalize;
}
.work-process .row.margin-devider .digital-solution .panel {
  border: 0;
}
.work-process .row.margin-devider .digital-solution .panel-heading {
  border: 1px solid #ddd;
  background-color: #ffffff;
}
.work-process .row.margin-devider .digital-solution .panel-title {
  font-family: 'Poppins-SemiBold';
  color: #636363;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 10px;
  line-height: 27px;
}
.work-process .row.margin-devider .digital-solution .panel-title a {
  text-decoration: none;
  display: block;
}
.work-process .row.margin-devider .digital-solution .panel-title a i {
  float: right;
  color: #939393;
  font-size: 22px;
}
.work-process .row.margin-devider .digital-solution .panel-title a i.fa-angle-down {
  display: none;
}
.work-process .row.margin-devider .digital-solution .panel-title a i.fa-angle-right {
  display: block;
}
.work-process .row.margin-devider .digital-solution .panel-title a.accordion-open i.fa-angle-right {
  display: none;
}
.work-process .row.margin-devider .digital-solution .panel-title a.accordion-open i.fa-angle-down {
  display: block;
}
.work-process .row.margin-devider .digital-solution .panel-title a.accordion-open.collapsed i.fa-angle-right {
  display: block;
}
.work-process .row.margin-devider .digital-solution .panel-title a.accordion-open.collapsed i.fa-angle-down {
  display: none;
}
.work-process .row.margin-devider .digital-solution .panel-body {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #939393;
  padding: 10px 25px;
  border-top: 0;
}
/****************************Services Page CSS End****************************************/
/****************************Color Changer CSS Start****************************************/
.color-pallate {
  width: 220px;
  background-color: #333;
  position: fixed;
  left: -220px;
  top: 50%;
  min-height: 140px;
  z-index: 9;
  transition: all 1s;
  padding: 0px 0px 0px 15px;
  border-radius: 0px 0px 10px 0px;
}
.color-pallate .color-changer {
  display: block;
}
.color-pallate .color-changer span {
  width: 41px;
  height: 34px;
  display: inline-block;
  cursor: pointer;
}
.color-pallate h3 {
  color: #ffffff;
  font-family: 'Poppins-SemiBold';
  text-transform: uppercase;
  font-size: 13px;
  display: inline-block;
}
.color-pallate span.reset {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ffffff;
  padding: 4px 8px;
  margin-top: 20px;
  transition: all 1s;
  margin-left: 10px;
}
.color-pallate span.setting {
  float: right;
  background-color: #333;
  min-width: 40px;
  min-height: 35px;
  text-align: center;
  margin-right: -39px;
  padding-top: 8px;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
}
.color-pallate span.setting i {
  font-size: 19px;
  color: #ffffff;
}
.color-pallate .setting i {
  -webkit-animation: rotation 2s infinite linear;
  color: #ffffff;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.color-pallate.open {
  left: 0;
  transition: all 1s;
}
div#mixitup {
  overflow: visible !important;
}
/****************************Color Changer CSS End****************************************/