/*
Author       : Themeplaza
Template Name: Bindas Consulting & Business Multipurpose 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 OVERVIEW AND COUNTER 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: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000000;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #000000;
	font-weight: 600;
}
img{
	max-width: 100%;
	height: auto;
}
a:hover,
a:focus{
    outline: none;
    text-decoration: none;
    color: #50F900;
    font-size: 20px;
}
ul {
    list-style: none;
    padding: 0;
}
p {
    font-weight: 400;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    margin: 0;
    font-size: 15px;
    color: #000000;
    letter-spacing: 0;
}
.padding_0{
	padding: 0;
}
.gray_bg{
	background: #F7F8FA;
}
.dark_bg{
	background: #1d293e;
}
/*START PRELOADER DESIGN*/
.preloader {
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  background-color: transparent;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader .loader {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #3A3A3A;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #3A3A3A;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader span {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #3A3A3A;
  font-size: 25px;
  font-weight: 700;
}

.preloader::before, .preloader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 100%;
  z-index: -1;
  background: #fff;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader::after {
  left: auto;
  right: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  width: 0;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

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

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

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

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

/* START SECTION-HEADING DESIGN */
.section_padding{
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
}
.section_heading{
    margin-bottom: 30px;
}
.section_heading h2{
    text-transform: uppercase;
    font-size: 35px;
    line-height: 36px;
    color: #232323;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}
.dark_bg .section_heading h2{
	color: #fff;
}
.section_heading p{
    margin: 15px 0 5px;
    text-align: center;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #232323;
    font-size: 20px;
}
.dark_bg .section_heading p{
	color: #fff;
}
.section_heading h2 span{
	color: #3A3A3A;
}
.section_heading_border:before {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    left: -55px;
    top: 50%;
    background-color: #3A3A3A;
    margin-top: 26px;
}
.section_heading_border:after {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    right: -55px;
    top: 50%;
    background-color: #3A3A3A;
    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: #3A3A3A;
    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: #3A3A3A none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    margin-bottom: 70px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
	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: #FBFBFB;
    border: none;
    padding: 16px 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.navbar-brand p{
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
	margin: -5px 10px 10px 0px;
    letter-spacing: 1px;
    color: #333;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.navbar-default.sticky_menu .navbar-brand p{
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    margin-top: 10px;
    margin-left: 26px;
    text-transform: uppercase;
    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: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
#nav li.current a {
    color: #8E8E8E;
    background-color: transparent;
    font-size: 16px;
}
.main_header.sticky_menu {
    position: fixed;
    width: 100%;
    padding: 10px 0;
    top: 0;
    background: #696969;
    -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: #fff !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.dark_bg_menu.sticky_menu .navbar-nav > li > a:hover{
	color: #696969 !important;
}
.main_header.sticky_menu .navbar-nav > li > a:hover{ color: #333 !important }
.main_header.sticky_menu .navbar-nav>.active>a, 
.main_header.sticky_menu .navbar-nav>.active>a:hover,
.main_header.sticky_menu .navbar-nav>.active>a:focus{
    color: #333 !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: #696969;
}
.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{

}
.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: 15px;
}
.single-slide-item{
    position: relative;
    z-index: 1;
	padding-top: 5%;
}
.single-slide-item:after{
	content: "";
    position: absolute;
	background: rgba(1, 115, 5, 0.0);
    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: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.single-slide-item h2{
	color: #fff;
    font-size: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.single-slide-item p{
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 50px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 36px;
}
.single-slide-item span{
    color: #696969;
}
.single-slide-item .slider_btn{
	background: transparent;
	border: 1px solid #fff;
	margin-right: 20px;
	color: #fff;
	font-size: 14px;
	padding: 10px 30px;
	text-transform: uppercase;
	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: #696969; 
	border-color: #696969;
	text-decoration: none;
}
.single-slide-item .s_bg_btn{
	background: #696969;
	border-color: #696969;
}
.single-slide-item .s_bg_btn:hover,
.single-slide-item .s_bg_btn:focus{
    background: transparent;
    border-color: #FFF;
}
.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: .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: #3A3A3A;
	border-color: #3A3A3A;
}
.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: 10px;
}
.single_about .about_title span {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #232323;
    font-size: 25px;
    font-weight: 700;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.single_about .about_title h2 {
    font-size: 32px;
    color: #232323;
    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;
    color: #232323;
}
.dark_bg .single_about .about_title .description{
	color: #fff;
}
/* END ABOUT */
/*
* ----------------------------------------------------------------------------------------
* 04. END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05. START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-service{
    padding: 10px 10px;
	box-shadow: 0px 17px 60px #00000012;
	background: #fff;
	border-radius: 10px;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}
.dark_bg .single-service{
	background: transparent;
	border: 1px solid #384967;
}
.single-service:hover{
	transform: translateY(-5px);
}
.single-service i {
	width: 70px;
    height: 70px;
	line-height: 70px;
	border-radius: 50%;
	background: #efeded;
	border: 1px solid #efeded;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 35px;
    display: inline-block;
    color: #3A3A3A;
}
.dark_bg .single-service i{
	background: transparent;
	border: 1px solid #3A3A3A;
}
.single-service:hover i{
	-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	background: #3A3A3A;
	border: 1px solid #3A3A3A;
	color: #fff;
}
.single-service h4{
    font-size: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    color: #222;
	transition: all 0.4s ease;
}
.dark_bg .single-service h4{
	color: #fff;
}
.single-service p{
    transition: all 0.4s ease;
    color: #232323;
    margin-top: 15px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.dark_bg .single-service p{
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 05. END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07. START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_port_menu {
    margin-bottom: 20px;
}
.our_port_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_port_menu ul li {
	border: 1px solid #bbb;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin:  7px;
	padding: 5px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	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: #3A3A3A ;
	background-color: #3A3A3A ;
	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: #3A3A3A;
    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 #fff;
    background: #fff;
    font-size: 18px;
    color: #3A3A3A;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}
.box{
    text-align: center;
    overflow: hidden;
    box-shadow: inherit;
    position: relative;
}
.box:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(7, 1, 23, 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: 38%;
    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(7, 1, 90, 0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
.count h3{
	color: #3A3A3A;
	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 .7s;
    -o-transition: all linear .7s;
    transition: all linear .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(0, 0, 0, 0.4);
    z-index: 99;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}
.single_team h3{
    font-size: 25px;
    color: #fff;
    padding-top: 10px;
    display: inline-block;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .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: #3A3A3A;
    border: 1px solid #3A3A3A;
    color: #fff;
}
.team_icon i{
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}
.single_team p{
    font-size: 16px;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 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: #3A3A3A;
    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: #3A3A3A;
    border: 2px solid #3A3A3A;
    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:#3A3A3A;
    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;
}
.main_btn {
    display: inline-block;
    background: #3A3A3A;
    border: 0px none;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    color: #fff;
    text-transform: capitalize;
    transition: all 0.4s ease;
    border-radius: 30px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.main_btn:hover{
    background: #333;
    color: #50F900;
}
/*
* ----------------------------------------------------------------------------------------
* 09. END PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_overlay {
    background: rgba(7, 1, 90, 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:#3A3A3A;
    font-size: 18px;
    line-height: 22px;
	font-weight: 600;
    text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 10. END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11. START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.post-slide {
    transition: all 0.30s ease 0s;
    box-shadow: 0 0 20px rgba(0,0,0, 0.05);
}
.dark_bg .post-slide{
	border: 1px solid #384967;
}
.post-slide:hover{
    transform: translateY(-10px);
}
.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.30s 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: #3A3A3A;
}
.post-slide .post-bar li i{
    color: #3A3A3A;
    margin-right: 8px;
}
.post-slide .post-title {
    margin: 0 0 15px 0px;
    color: #222;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
}
.dark_bg .post-slide .post-title{
	color: #fff;
}
.post-slide .read{
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    color: #3A3A3A;
}
.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: #3A3A3A;
	text-decoration: none;
}
/*
* ----------------------------------------------------------------------------------------
* 11. END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_contact{
	padding: 10px 10px 10px 10px;
	border: 1px solid #e3e3e3;
}
.dark_bg .single_contact{
	border: 1px solid #384967;
}
.single_contact ul li{
    list-style: none;
    line-height: 60px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #232323;
}
.dark_bg .single_contact ul li{
	color: #fff;
}
.single_contact h3{
    font-size: 30px;
    margin: 10px 10px 10px 10px;
    color: #222;
}
.dark_bg .single_contact h3{
	color: #fff;
}
.single_contact p{
	margin-bottom: 10px;
	letter-spacing: .2px;
	font-size: 14px;
	margin: 0;
	margin-bottom: 20px;
	line-height: 20x;
}
.single_contact ul{
	margin:0;
	padding:0;
}
.sing_contact_iteam i{
	margin: 10px 10px 10px 10px;
	color: #fff;
	width: 40px;
	height: 40px;
	background: #3A3A3A;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}
.contact_form .form-control{
    margin-bottom: 10px;
}
.form-control{
	border-color: #e3e3e3;
	height: 45px;
	line-height: 45px;
	padding: 10px 15px;
	border-radius: 0;
	transition: 0.5s;
}
.dark_bg .form-control{
	background: transparent;
	border-color: #384967;
}
.form-control:focus{
	box-shadow: none;
	border-color: #3A3A3A;
}
.contact_form textarea.form-control{
	height: 180px;
}
.contact_form_btn .ct_btn {
    padding: 18px 36px;
    margin: 30px 0;
}
/*-------------------------------------------------*/
/* =  Social Links
/*-------------------------------------------------*/
.social-links > li {
	padding-right: 23px;
	padding-left: 0;
}
.social-links > li:last-child {
	padding-right: 0;
}
.social-links > li > a {
	font-size: 12px;
	color: #ccc;
}
.social-links_mod-a > li {
	margin-bottom: 4px;
	padding-right: 4px;
}
.social-links_mod-a > li > a {
	display: block;
	width: 30px;
	height: 30px;
	padding-top: 5px;
	background-color: #000000;
	box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	text-align: center;
	border-radius: 50%;
}
.social-links_mod-a > li > a:hover {
	color: #ff1800;
}
.social-links_mod-b > li > a {
	color: #fff;
	background-color: #000000;
	box-shadow: none;
}
/*
* ----------------------------------------------------------------------------------------
* 12. END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14. START COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/
.copyright_area{
    background: #333;
}
.copyright-area{
	background: #24324a;
}
.copy_text{
	padding: 10px 0;
}
.copy_text p{
    color: #fff;
    margin-top: 20px;
    padding-bottom: 2px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
/*
* ----------------------------------------------------------------------------------------
* 14. END COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/