/*
Author       : Themeplaza
Template Name: Zeemo Digital Agency One Page HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. START GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HEADER DESIGN
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START COUNTER UP DESIGN
    07. START PORTFOLIO DESIGN
    08. START TEAM DESIGN
    09. START PRICING TABLE DESIGN
    10. START TESTIMONIAL DESIGN
    11. START BLOG DESIGN
    12. START CONTACT DESIGN
    13. START FOOTER DESIGN
    14. START COPYRIGHT DESIGN
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01. START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #333333;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-weight: 600;
}
img {
  max-width: 100%;
  height: auto;
}
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}
ul {
  list-style: none;
  padding: 0;
}
p {
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin: 0;
  font-size: 15px;
  color: #333333;
  letter-spacing: 0;
}
.gray_bg {
  background: #f8f4ef;
}
.dark_bg {
  background: #1d293e;
}
/*START PRELOADER DESIGN*/
.preloader {
  background: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}

.status-mes {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 3px solid rgba(0, 0, 0, 0.08);
  border-right: 3px solid rgba(0, 0, 0, 0.08);
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  border-left: 3px solid #ff7617;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  z-index: 10000;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* END PRELOADER DESIGN */

/* START BUTTON DESIGN */
.main_btn {
  display: inline-block;
  background: #ff7617;
  border: 0px none;
  font-size: 15px;
  letter-spacing: 0.5px;
  padding: 15px 40px;
  box-shadow: 10px 15px 18px rgb(23 23 36 / 15%);
  color: #fff;
  text-transform: capitalize;
  transition: 0.3s;
  border-radius: 30px;
  font-family: "Poppins", sans-serif;
}
.main_btn:hover {
  background: #222;
  color: #fff;
}
/* END BUTTON DESIGN */

/* START SECTION-HEADING DESIGN */
.section_padding {
  padding: 100px 0;
}
.section_heading {
  margin-bottom: 60px;
}
.section_heading h2 {
  text-transform: capitalize;
  font-size: 40px;
  line-height: 36px;
  color: #222;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
}
.dark_bg .section_heading h2 {
  color: #fff;
}
.section_heading p {
  margin: 15px 0 5px;
}
.dark_bg .section_heading p {
  color: #fff;
}
.section_heading h2 span {
  color: #ff7617;
}
.section_heading_border:before {
  content: "";
  height: 2px;
  width: 50px;
  position: absolute;
  left: -55px;
  top: 50%;
  background-color: #ff7617;
  margin-top: 26px;
}
.section_heading_border:after {
  content: "";
  height: 2px;
  width: 50px;
  position: absolute;
  right: -55px;
  top: 50%;
  background-color: #ff7617;
  margin-top: 26px;
}
.section_heading_border {
  width: 20px;
  display: inline-block;
  margin-top: -50px;
  position: relative;
}
.section_heading_border span {
  height: 2px;
  width: 16px;
  background: #ff7617;
  display: inline-block;
}
.section_heading_border span:nth-child(1) {
  margin-bottom: -46px;
}
.section_heading_border span:nth-child(2) {
  margin-bottom: -23px;
}
.section_heading_border span:nth-child(3) {
  margin-top: 2px 0;
}
/* END SECTION-HEADING DESIGN */

/* START SCROLL TO-TOP */
.topcontrol {
  background: #ff7617 none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  margin-bottom: 50px;
  height: 50px;
  filter: alpha(opacity=100);
  padding: 10px 16px;
  position: fixed;
  transition: all 0.2s ease 0s;
  width: 50px;
  z-index: 999;
}
.topcontrol:hover {
  background: #222;
  color: #fff;
}
/* END SCROLL TO-TOP */
/*
* ----------------------------------------------------------------------------------------
* 01. END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02. START HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
  background-color: #ff7617;
  border: none;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.navbar-brand p {
  font-size: 32px;
  font-weight: 800;
  text-transform: capitalize;
  margin: -5px 10px 10px 0px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.navbar-default.sticky_menu .navbar-brand p {
  color: #ff7617;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  margin-top: 10px;
  margin-left: 26px;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
#nav li.current a {
  color: #222;
  background-color: transparent;
}
.main_header.sticky_menu {
  position: fixed;
  width: 100%;
  padding: 10px 0;
  top: 0;
  background: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.main_header.dark_bg_menu.sticky_menu {
  background-color: #1d293e;
  color: #fff;
  padding: 10px 0;
  border: none;
  box-shadow: 0 1px 20px rgba(255, 255, 255, 0.1);
  width: 100%;
  animation: fadeInDown 1s both 0.2s;
}
.main_header.sticky_menu .navbar-nav > li > a {
  color: #333 !important;
  transition: all 0.3s ease;
}
.main_header.dark_bg_menu.sticky_menu .navbar-nav > li > a {
  color: #fff !important;
  transition: all 0.3s ease;
}
.main_header.sticky_menu .navbar-nav > li > a:hover {
  color: #ff7617 !important;
}
.main_header.sticky_menu .navbar-nav > .active > a,
.main_header.dark_bg_menu.sticky_menu .navbar-nav > li > a:hover,
.main_header.sticky_menu .navbar-nav > .active > a:hover,
.main_header.sticky_menu .navbar-nav > .active > a:focus {
  color: #ff7617 !important;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border: none;
  padding: 0;
  color: #fff;
  font-size: 20px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.main_header.sticky_menu .navbar-toggle .icon-bar {
  background-color: #ff7617;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

/*
* ----------------------------------------------------------------------------------------
* 02. END HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03. START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#particles-js {
  width: 100%;
  height: 100%;
  position: absolute;
}
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
  height: 700px;
}
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
  height: auto;
}
.single-slide-item-table {
  display: table;
  text-align: center;
  width: 100%;
}
.single-slide-item-tablecell {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 80px;
}
.single-slide-item {
  position: relative;
  z-index: 1;
  padding-top: 3%;
}
.single-slide-item:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 1;
  filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.single-slide-item h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.single-slide-item h2 {
  color: #ff7617;
  font-size: 20px;
  letter-spacing: 8px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.single-slide-item p {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 50px;
}
.single-slide-item span {
  color: #ff7617;
}
.single-slide-item .slider_btn {
  background: transparent;
  border: 2px solid #ff7617;
  margin-right: 20px;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.2s ease 0s;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 30px;
}
.single-slide-item .slider_btn:hover {
  color: #fff;
  background: #222;
  border-color: #222;
  text-decoration: none;
}
.single-slide-item .s_bg_btn {
  background: #ff7617;
  border-color: #ff7617;
}
.single-slide-item .s_bg_btn:hover,
.single-slide-item .s_bg_btn:focus {
  background: transparent;
  border-color: #222;
}
.carousel-control {
  z-index: 1;
  background-image: none !important;
  top: 46.6%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  border-radius: 50%;
  transition: 0.5s;
}
#welcome-slide-carousel .carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active {
  background: #75ceae;
  border-color: #75ceae;
}
.carousel-control.left {
  margin-left: 25px;
}
.carousel-control.right {
  margin-right: 25px;
}
.carousel-control:hover {
  background: #ff7617;
  border-color: #ff7617;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*
* ----------------------------------------------------------------------------------------
* 03. END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_about {
  margin-top: 30px;
}
.single_about .about_title span {
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #ff7617;
  font-size: 15px;
  font-weight: 700;
}
.single_about .about_title h2 {
  font-size: 32px;
  color: #222;
  font-weight: 700;
  margin: 15px 0 20px;
}
.dark_bg .single_about .about_title h2 {
  color: #fff;
}
.single_about .about_title .description {
  margin: 0 0 30px;
}
.dark_bg .single_about .about_title .description {
  color: #fff;
}
/* END ABOUT */
/*
* ----------------------------------------------------------------------------------------
* 04. END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05. START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-service {
  padding: 40px 25px;
  box-shadow: 0px 17px 60px #00000012;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  transition: all 0.4s ease;
}
.dark_bg .single-service {
  background: transparent;
  border: 1px solid #384967;
}
.single-service i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background: #ff7617;
  box-shadow: 0 2px 40px rgb(0 0 0 / 7%);
  border: 1px solid #ff7617;
  text-align: center;
  transition: all 0.4s ease;
  font-size: 35px;
  display: inline-block;
  color: #fff;
}
.dark_bg .single-service i {
  background: transparent;
  border: 1px solid #ff7617;
}
.single-service:hover i {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background: #222;
  border: 1px solid #222;
  color: #fff;
}
.single-service h4 {
  font-size: 20px;
  margin-top: 30px;
  text-transform: capitalize;
  color: #222;
  transition: all 0.4s ease;
}
.dark_bg .single-service h4 {
  color: #fff;
}
.single-service p {
  transition: all 0.4s ease;
  color: #333333;
  margin-top: 15px;
}
.dark_bg .single-service p {
  color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 05. END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07. START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_port_menu {
  margin-bottom: 50px;
}
.our_port_menu ul {
  list-style-type: none;
  padding: 0;
}
.our_port_menu ul li {
  border: 1px solid #bbb;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin: 5px;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.dark_bg .our_port_menu ul li {
  border: 1px solid #fff;
  color: #fff;
}
.our_port_menu ul li:hover,
.our_port_menu ul li.active {
  border-color: #ff7617;
  background-color: #ff7617;
  color: #fff;
}
.box {
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  position: relative;
}
.box:after {
  content: "";
  width: 65%;
  background: #ff7617;
  padding-bottom: 65%;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
}
.box:hover:after {
  opacity: 1;
}
.box img {
  width: 100%;
  height: auto;
  transition: all 1s ease 0s;
}
.box:hover img {
  transform: scale(1.3);
}
.box .box-content {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.box:hover .box-content {
  opacity: 1;
}
#portfolio .box .title {
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  margin: 0;
  font-size: 17px;
}
.box .icon {
  padding: 0;
  margin: 12px 0 0 0;
  list-style: none;
}
.box .icon li {
  display: inline-block;
}
.box .icon li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  border: 1px solid #ff7617;
  background: #ff7617;
  font-size: 18px;
  color: #fff;
  margin-right: 10px;
  transition: all 0.3s ease 0s;
}
.box {
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: inherit;
  position: relative;
}
.box:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(7, 1, 90, 0.6);
  padding-bottom: 65%;
  opacity: 0;
  position: absolute;
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
}
.box:hover:after {
  opacity: 1;
}
.box img {
  width: 100%;
  height: auto;
}
.box .box-content {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.box:hover .box-content {
  opacity: 1;
}
.box .title {
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  margin: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 07. END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/
.count_overlay {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  padding: 60px 0;
}
.count h3 {
  color: #ff7617;
  font-size: 30px;
}
.count span {
  font-size: 30px;
  font-weight: 600;
}
.count h5 {
  color: #fff;
  font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
  position: relative;
}
.overlay-text {
  position: relative;
  -webkit-transition: all linear 0.7s;
  -o-transition: all linear 0.7s;
  transition: all linear 0.7s;
}
.single_team:hover .overlay-text {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.team-overlay {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(7, 1, 90, 0.6);
  z-index: 99;
  -webkit-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.single_team h3 {
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  display: inline-block;
  -webkit-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.single_team:hover .team-overlay {
  height: 100%;
}
.team_icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.single_team:hover .team_icon i {
  opacity: 1;
}
.team_icon i:hover {
  background: #ff7617;
  border: 1px solid #ff7617;
  color: #fff;
}
.team_icon i {
  margin: 0 3px;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  opacity: 0;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.single_team p {
  font-size: 15px;
  color: #ff7617;
}
/*
* ----------------------------------------------------------------------------------------
* 08. END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09. START PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricingTable {
  text-align: center;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  transition: 0.4s;
}
.pricingTable:hover {
  transform: translateY(-10px);
}
.pricingTable > .pricingTable-header {
  color: #fff;
}
.pricingTable-header > .heading {
  border-radius: 20px;
  background: #ff7617;
  display: block;
  padding: 30px 0;
}
.heading > h3 {
  color: #fff;
  font-weight: 500;
  font-size: 27px;
  margin: 0;
  text-transform: uppercase;
}
.heading > .subtitle {
  font-size: 13px;
  margin-top: 3px;
  display: block;
}
.pricingTable-header > .price-value {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 2px solid #555;
  display: block;
  margin: 0 auto;
  color: #555;
  font-size: 25px;
  font-weight: 800;
  margin-top: 20px;
  padding: 20px 10px 0 10px;
  line-height: 35px;
}
.dark_bg .pricingTable-header > .price-value {
  border: 2px solid #fff;
  color: #fff;
}
.pricingTable-header > .price_value {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ff7617;
  border: 2px solid #ff7617;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  margin-top: 20px;
  padding: 20px 10px 0 10px;
  line-height: 35px;
}
.price-value span {
  font-size: 40px;
}
.price_value span {
  font-size: 40px;
}
.price-value > .mo {
  display: inline-block;
  line-height: 0;
  padding-top: 13px;
  border-top: 1px solid #555;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  margin-top: -20px;
}
.price_value .mo {
  display: inline-block;
  line-height: 0;
  padding-top: 13px;
  border-top: 1px solid #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  margin-top: -20px;
}
.pricingTable > .pricingContent {
  margin: 20px 0 0 0;
}
.pricingContent > ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.pricingContent > ul > li {
  border-top: 1px solid #ddd;
  padding: 5px 0;
  letter-spacing: 0.5px;
  line-height: 25px;
  color: #555;
  text-align: center;
  transition: 0.4s ease-in-out;
}
.dark_bg .pricingContent > ul > li {
  color: #fff;
  border-top: 1px solid #fff;
}
.pricingContent > ul > li:before {
  content: "\f101";
  font-family: "FontAwesome";
  color: #ff7617;
  margin-right: 10px;
}
.pricingContent > ul > li:hover {
  padding-left: 15px;
  transition: 0.4s ease-in-out;
}
.pricingContent > ul > li:last-child {
  border-bottom: 1px solid #dbdbdb;
}
.pricingTable > .pricingTable-sign-up {
  padding: 25px 0;
}
/*
* ----------------------------------------------------------------------------------------
* 09. END PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_overlay {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  padding: 60px 0;
}
.single_testimonial {
  text-align: center;
}
.single_testimonial .pic img {
  width: 85px;
  width: 85px;
  display: inline-block;
}
.single_testimonial .pic {
  margin-bottom: 35px;
}
.single_testimonial .pic img {
  background: #fff;
  border-radius: 50%;
}
.single_testimonial .testimonial-review {
  color: #fff;
  line-height: 28px;
  margin-bottom: 14px;
}
.testimonial-review .testimonial-description {
  font-style: italic;
  margin: 15px 0;
  color: #fff;
}
.single_testimonial .testimonial-title {
  color: #ff7617;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 10. END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11. START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.post-slide {
  border-left: 8px solid #ff7617;
  border-bottom: 8px solid #ff7617;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.dark_bg .post-slide {
  border-left: 8px solid #ff7617;
  border-bottom: 8px solid #ff7617;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.post-slide .post-img {
  position: relative;
}
.post-slide .post-img img {
  width: 100%;
  height: auto;
}
.post-slide .post-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(7, 1, 90, 0.6);
  transition: all 0.3s ease 0s;
}
.post-slide:hover .post-img:after {
  opacity: 1;
}
.post-slide .icons {
  position: absolute;
  bottom: -16px;
  left: 30px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.post-slide .icons img {
  width: 100%;
  height: auto;
}
.post-slide .post-review {
  border-top: none;
  padding: 35px 20px 25px;
  background: #fff;
  position: relative;
}
.dark_bg .post-slide .post-review {
  background: transparent;
}
.post-slide .post-bar {
  padding: 0;
  list-style: none;
}
.post-slide .post-bar li {
  display: inline-block;
  font-size: 15px;
  color: #555;
  margin-right: 10px;
  text-transform: capitalize;
}
.dark_bg .post-slide .post-bar li {
  color: #ff7617;
}
.post-slide .post-bar li i {
  color: #ff7617;
  margin-right: 8px;
}
.post-slide .post-title {
  margin: 0 0 15px 0px;
  color: #222;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}
.post-slide .post-title:hover {
  color: #ff7617;
}
.dark_bg .post-slide .post-title {
  color: #fff;
}
.dark_bg .post-slide .post-title:hover {
  color: #ff7617;
}
.post-slide .read {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #ff7617;
}
.dark_bg .post-slide .read {
  color: #fff;
}
.post-slide .read i {
  margin-left: 10px;
}
.post-slide .post-description {
  margin-bottom: 10px;
}
.dark_bg .post-slide .post-description {
  color: #fff;
}
.post-slide .read {
  transition: all 0.4s;
}
.post-slide .read:hover {
  text-decoration: none;
  color: #333;
}
.dark_bg .post-slide .read:hover {
  color: #ff7617;
  text-decoration: none;
}
/*
* ----------------------------------------------------------------------------------------
* 11. END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.form .form-group input {
  background: transparent;
  border-color: #e3e3e3;
  height: 40px;
  border-radius: 0;
  box-shadow: none;
}
.dark_bg .form .form-group input {
  border-color: #fff;
}
.form .form-group input:focus {
  border-color: #ff7617;
}
.form .form-group textarea {
  background: transparent;
  border-color: #e3e3e3;
  border-radius: 0;
  box-shadow: none;
  margin-top: 25px;
}
.dark_bg .form .form-group textarea {
  border-color: #fff;
}
.form .form-group textarea:focus {
  border-color: #ff7617;
}
.contact_btn {
  color: #fff;
  font-size: 13px;
  margin-top: 30px;
  text-transform: capitalize;
  padding: 15px 35px;
  letter-spacing: 0.6px;
  font-weight: 600;
  background: #ff7617;
  border-radius: 25px;
  line-height: 10px;
  border: 2px solid #ff7617;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out 0s;
}
.contact_btn:hover {
  background: transparent;
  border: 2px solid #ff7617;
  color: #ff7617;
}
/*
* ----------------------------------------------------------------------------------------
* 12. END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14. START COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/
.copyright_area {
  background: #ff7617;
}
.copy_text {
  padding: 10px 0;
}
.copy_text p {
  color: #fff;
  margin-top: 20px;
  padding-bottom: 2px;
}
/*
* ----------------------------------------------------------------------------------------
* 14. END COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/