/*
  Theme Name: Drone
  Author: ThemeFast
  Version: 1.0
  Demo URL : http://themefast.net/html/tf/drone    
  Description: Drone is a clean and minimal Portfolio HTML template. The template is very user friendly platform also is suitable for creative professionals, photographers, web designers, freelancers, architect, and including bloggers can use this template. Drone is compatible with smartphones, tablets , desktop PCs, laptops, and all web browsers will be able to view your high-quality content. With the latest code, this template is ideal for portfolio, weblogs and enterprises of any kind, as this template is an incredible powerful and fun multipurpose template, suited to everyone.
    
*/

/* Link default css*/
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700|Open+Sans:300,400,600,700');

/*  Theme default CSS*/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
}
img {
  height: auto;
  max-width: 100%;
  width: 100%;
  transition: .3s;
}
a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer-menu li a:hover {
  color: #000;
  text-decoration: none;
}
a,
a, button {
  color: #999;
  outline: medium none;
}
.uppercase { 
  text-transform: uppercase;
}
.capitalize { 
  text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Dosis', sans-serif;
  font-weight: normal;
  color: #232332;
  margin-top: 0px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit;
}
h1 {
    font-size: 40px;
    font-weight: 500;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}
li { list-style: none }
p {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: #7e7e7e;
  margin-bottom: 15px;
}
hr{
  margin: 60px 0;
  padding: 0px;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}
label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.space{
    height: 70px;
}
.grey-bg{
    background: #f6f6f6 none repeat scroll 0 0;
}
#grey-bg{
    background: #f6f6f6;
}
.paralax-bg{
    background-image: url(img/section-parallax.jpg)
}
.fix{
    overflow: hidden;
}
.slide-height{
    height: 70vh;
}
.black{
	color: black!important;
}
*::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*Default buttons CSS*/
.default-btn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  font-family: "Dosis",sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.default-btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
button, .black-btn {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #000;
  color: #fff;
  font-family: "Dosis",sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
button:hover, .black-btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.white-btn {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #000;
  color: #000;
}
.white-btn:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.readm-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  display: table;
  background: #fff;
  right: 15px;
  bottom: -25px;
  text-align: center;
  color: #333 !important;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.readm-btn i {
  vertical-align: middle;
  display: table-cell;
}
.readm-btn:hover {
  color: #fff !important;
  background: #333;
}
/*Main CSS start from here*/
/*header area css*/
header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  height: 70px;
}
.header-area{}
.header-wrapper{}
.logo-area{}
.logo-area h2 {
  color: #fff;
  margin-top: 15px;
  font-weight: 500;
}
.menu-area {
  float: right;
}
.menu-area nav{}
.menu-area ul{}
.menu-area ul li {
  display: inline-block;
  position: relative;
}
.menu-area ul li a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 25px 25px 25px 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.menu-area ul li:hover > a{
    color: #888;
}
.menu-area ul li ul.submenu {
  background: #000 none repeat scroll 0 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 200px;
}
.menu-area ul li:hover ul.submenu {
  opacity: 0.7;
  transform: scaleY(1);
  visibility: visible;
}
.menu-area ul li ul.submenu li {
  display: block;
  transition: .4s;
}
.menu-area ul li ul.submenu > li:hover {
  padding-left: 10px;
}
.menu-area ul li ul.submenu li a {
  margin: 0;
  padding: 15px;
}
.headroom {
  transition: transform 0.25s ease-in-out 0s;
  will-change: transform;
}
.headroom--pinned {
  transform: translateY(0px);
}
.headroom--unpinned {
  transform: translateY(-100%);
}
.inteligent-menu {
  background: #000 none repeat scroll 0 0;
  left: 0;
  opacity: 0.9;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
/*Slider area CSS*/
.slide-bg {
  background: rgba(0, 0, 0, 0) url("img/slider/slider.jpg") no-repeat scroll center center;
  height: 100vh;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  background-size: cover;
  position: relative;
}
.slide-bg::before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
}
.slide-bg2 {
  background: rgba(0, 0, 0, 0) url("img/slider/slider2.jpg") no-repeat scroll center center;
  height: 100vh;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  background-size: cover;
  position: relative;
  background-position: top;
}
.slide-bg2::before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
}
.slide-bg3 {
  background: rgba(0, 0, 0, 0) url("img/slider/slider3.jpg") no-repeat scroll center bottom / cover ;
  height: 100vh;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  background-size: cover;
  position: relative;
  background-position: bottom; 
}
.slide-bg3::before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
}
.slider-area 
}
.slider-wrapper{}
.slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slider-content h4 {
  color: #ddd;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 3px;
  margin-bottom: 15px;
}
.slider-content h2{}
.cd-headline.clip.is-full-width > span {
  font-size: 30px;
  font-weight: 400;
}
.cd-headline {
  color: #fff;
  padding: 10px 0;
}
/*Breadcrumb Area CSS*/
ol.breadcrumb {
  margin: 0;
  padding: 0;
}
.breadcrumb-wrapper > h3 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 6px;
  line-height: 20px;
}
.breadcrumb{
    background: #fff;
    color: #888;
    font-size: 14px;
}
/*Portfolio area CSS*/
.portfolio-menu {
  padding-bottom: 10px;
  text-align: center;
}
.portfolio-menu .active {
  border-bottom: 1px solid #444444;
}
.single-portfolio-box{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.single-portfolio-box a{
    display: block;
}
.portfolio-content {
  background: #444 none repeat scroll 0 0;
  bottom: 0;
  color: #ffffff;
  padding: 7px 0;
  position: absolute;
  text-align: left;
  transform: translateY(100%);
  width: 100%;
  padding-left: 30px;
  padding-top: 30px;
}
.portfolio-content h4 {
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.portfolio-content p{
    font-size: 14px;
    color: #aaaaaa;
}
.single-portfolio-box:hover .portfolio-content {
  opacity: 0.5;
  top: 0;
  transform: translateY(0px);
  transition: all 0.5s ease 0s;
}
.portfolio-img {
  top: 0;
  overflow: hidden;
  transition: .3s;
}
.single-portfolio-box:hover .portfolio-img {
  transform: scale(1.2);
  transition: .3s;
}
/*Services area CSS*/
.service-box {
  padding: 49px 40px 32px;
}
.white-bg {
  background: #fff none repeat scroll 0 0;
}
.service-icon span {
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 17px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 46px;
}
.service-box:hover .service-icon span {
  background: #555 none repeat scroll 0 0;
  color: #fff;
}
.service-content h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.service-content p {
  margin: 0;
}
/*Success story area CSS*/
.success-area{}
.success-story{}
.success-story a {
  display: inline-block;
  margin-right: 15px;
  margin-top: 14px;
}
.success-story h2 {
  font-weight: 600;
  margin-bottom: 20px;
}
.success-story > img {
  height: auto;
  padding: 0 15px 5px 0;
  width: 210px;
  float: left;
}
.success-story p {
  font-size: 16px;
  letter-spacing: 0.6px;
  line-height: 30px;
  margin: 0;
}
.skill {
  padding: 0 5px;
}
.skill > h2 {
  padding-bottom: 15px;
  font-weight: 600;
}
.skill.upcase > h4 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 2px;
}
.skill span {
  float: right;
}
.progress {
  background-color: #ddd;
  border-radius: 0;
  box-shadow: none;
  height: 4px;
  margin-bottom: 15px;
}
.progress .progress-bar {
  background-color: #000;
  box-shadow: none;
  line-height: 4px;
}
/*Counter area CSS*/
.single-counter {
  padding-bottom: 30px;
}
.single-counter i {
  font-size: 50px;
  padding-bottom: 10px;
}
.single-counter h2 {
  font-weight: 400;
}
.single-counter p {
  font-weight: 400;
}
/*Work area CSS*/
.work{}
.work-title{
    text-align: center;
}
.work-title h2 {
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 10px;
}
.work-title p{}
.single-work{}
.work-icon{}
.work-icon i{}
.work-content{}
.work-content-title {
  display: block;
  overflow: hidden;
}
.work-content-title .bold-h1 {
  padding: 10px 13px;
}
.work-content h1 {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  float: left;
  font-size: 20px;
  line-height: 14px;
  margin-right: 10px;
  padding: 10px;
}
.work-content h3 {
  font-size: 20px;
  font-weight: 500;
  padding-top: 7px;
}
.work-content p {
  padding-left: 40px;
  margin-bottom: 30px;
}
/*Pricing Area CSS*/
.pricing-table {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 1px 1px #eee;
  position: relative;
  text-align: center;
  margin: 10px 0 0;
}
.pricing-title, .pricing-action {
  padding: 25px 0;
}
.pricing-title h6 {
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.pricing-price {
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  padding: 20px 0;
}
.pricing-price .price-unit {
  color: #222222;
  font-size: 54px;
  text-transform: uppercase;
}
.price-unit > span {
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 3.5;
  vertical-align: top;
}
.pricing-features ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.pricing-features ul li:nth-child(2n+1) {
  background: #f8f8f8 none repeat scroll 0 0;
}
.pricing-features ul li {
  border-bottom: 1px solid #f5f5f5;
  padding: 8px 0;
  font-size: 14px;
  color: #999;
}
/*Testimonial Area CSS*/
.testimonial-section {
  background-color: #f6f6f6;
}
.testimonel-section .container {
  margin-top: -25px;
}
.testimonel-item {
  text-align: center;
}
.testimonel-item h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  position: relative;
}
.testimonel-item h3 {
  font-size: 13px;
  margin-bottom: 15px;
  color: #888888;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  position: relative;
}
.testimonel-item p {
  position: relative;
  padding: 20px 20px 0;
  margin-bottom: 0;
}
.testimonel-item p:after {
  position: absolute;
  content: "\f10d";
  font-family: 'FontAwesome';
  top: 18px;
  left: 0;
}
.testimonel-item p:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 4px;
  top: 0;
  left: 50%;
  margin-left: -20px;
  background: #333;
  border-radius: 5px;
}
.testimonel-img {
  border-radius: 50%;
  margin: 0 auto 15px;
  overflow: hidden;
  width: 120px;
}
.testimonel-img img {
  border-radius: 50%;
}
.owl-nav {
  text-align: center;
  margin-top: 20px;
}
.owl-nav div {
  width: 40px;
  height: 40px;
  display: inline-table;
  text-align: center;
  margin: 0 5px;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  transition: all 0.6s;
}
.owl-nav div i {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.owl-nav div:hover {
  background: #333;
  color: #fff;
}
/*Team Area CSS*/
.team-member {
    position: relative;
}
.team-member > img {
    filter: grayscale(100%);
    width: 100%;
}
.team-member::before {
    background: transparent none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    z-index: 1;
}
.team-wrapper:hover .team-member::before {
    background: rgba(33, 40, 45, 0.55);
}
.team-info {
    padding: 15px 0;
}
.team-text-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    opacity: 0;
    transition: all .3s ease 0s;
}
.team-info {
    padding: 15px 0;
}
.team-icon > a {
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin: 0 10px;
}
.team-icon > a:hover {
    background: #fff;
    color: #666
}
.team-wrapper:hover .team-icon > a {
    margin: 0 5px;
}
.team-wrapper:hover .team-text-icon {
    opacity: 1;
}
.team-info h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}
.team-info span {
    color: #fff;
    text-transform: uppercase;
}
.team-member > img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
/*Blog area CSS*/
.section-title h2 {
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 30px;
}
.single-blog-item {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
  background: #fff;
  margin-bottom: 30px;
}
.blog-item-thumb {
  position: relative;
}
.blog-item-thumb img{
  min-width: 100%;
}
.blog-item-content {
  padding: 0 15px 5px;
}
.blog-item-content h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 30px 0 10px;
  transition: all 0.4s ease 0s;
}
.blog-item-content h2:hover {
  color: #888;
}
.blog-item-content h4 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #7d7d7d;
  font-weight: 400;
  letter-spacing: 0.04em;
}
/*Blog page CSS*/
.post {
	margin: 0 0 60px;
}
.post-meta {
  font-size: 15px;
  float: right;
}
.post-title, .post-title a {
  color: #111;
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 15px;
}
.post-title a:hover{color:#999}
.post-thumbnail {
  margin: 0 0 25px;
}
.widget {
  margin: 0 0 40px;
}
.widget form{position:relative}
.form-control {
  border: 2px solid #eee;
  border-radius: 2px;
  box-shadow: none;
  color: #999999;
  font-size: 14px;
  height: 39px;
}
.form-control:focus {
  border-color: #444;
}
.widget form input{}
.widget form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #666;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.widget-title {
  font-weight: 600;
  position: relative;
}
.widget-title::before {
  border-bottom: 2px solid #eeeeee;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
}
.widget-title::after {
  border-bottom: 2px solid #666;
  content: "";
  display: block;
  margin: 20px auto 25px 0;
  position: relative;
  width: 35px;
  z-index: 1;
}
.icons-list > li {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
.icons-list > li:first-child {
  border: 0 none;
  padding-top: 0;
}
.icons-list a {
  color: #999999;
}
.icons-list a:hover {
  color: #444;
}
.widget-posts-image {
  float: left;
  width: 44px;
}
.widget-posts-body {
  margin-left: 58px;
}
.widget .recent-posts > li {
  border-top: 1px solid #eee;
  overflow: hidden;
  padding: 10px 0;
}
.widget-posts-image img {
  max-width: 100%;
}
.widget .recent-posts > li:first-child {
  border: 0 none;
  padding-top: 0;
}
.widget-posts-title {
  font-size: 12px;
  font-weight: 600;
  margin: 2px 0 3px;
}
.widget-posts-meta {
  font-size: 12px;
  opacity: 0.7;
}
ul.tags{}
ul.tags li {
  display: inline-block;
}
ul.tags li a {
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 2px;
  color: #666;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 6px;
  padding: 8px 12px;
  text-transform: capitalize;
}
ul.tags li a:hover{background:#000;color:#fff}
.post-content blockquote {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  padding: 30px 25px;
  border: 0;
}
.post-content blockquote i {
  display: block;
  font-size: 24px;
  margin: 0 0 20px;
}
.post.format-quote .post-content {
  background: #444 none repeat scroll 0 0;
  padding: 30px 25px;
}
.format-quote .post-content p {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
}
.post-content footer {
  color: #fff;
}
blockquote.blockquote {
  background-color: #f6f6f6;
  border-left: 2px solid #464646;
  color: #666666;
  font-size: 14px;
  line-height: 26px;
  margin: 23px 0;
  padding: 14px 50px;
}
h3.leave-comment-text {
  border-bottom: 1px solid #5b5b5b;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.news-allreply {
  display: inline-block;
  float: left;
  text-align: center;
}
.news-allreply img {
  border-radius: 100%;
  width: 100%;
}
.nes-icon > a i {
  color: #666666;
  font-size: 14px;
  margin-top: 10px;
}
.blog-img-details {
  padding-left: 90px;
}
.blog-title > h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
  text-transform: capitalize;
}
.blog-title > span {
  color: #666666;
  display: block;
  margin-bottom: 7px;
}
.blog-middle-mrg {
  margin: 32px 0 33px 90px;
}
.leave-comment{}
.leave-comment-text{}
h3.leave-comment-text{}
.leave-form{}
.leave-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  color: #666666;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  height: 35px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
}
.text-leave textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  color: #666666;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  height: 165px;
  margin-bottom: 30px;
  padding: 20px;
  width: 100%;
}
/* single posts */
blockquote.single-blockquote {
  background: #444;
}
blockquote.single-blockquote p {
  color: #fff;
}
.comments, .comment-form {
  margin-bottom: 70px;
}
.comment, .comment-content {
  position: relative;
}
.comment-avatar {
  float: left;
  margin: 5px 0 0;
  max-width: 70px;
  position: relative;
  z-index: 1;
}
.comment-avatar::after {
  background: #f5f5f5 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 70px;
  position: absolute;
  top: 34px;
  width: 20px;
  z-index: -1;
}
.comment-avatar img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
}
.comment-tools {
  padding: 0 30px;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 1;
}
.comment-tools a {
  color: #666;
  margin: 0 0 0 15px;
}
.comment-content {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 2px;
  margin: 0 0 35px 90px;
  padding: 30px;
  position: relative;
}
.comment-content h5 {
  font-size: 16px;
  font-weight: 600;
}
.comment-reply {
  margin-left: 90px;
}
/* Pagination */
.pagination > li {
  display: inline-block;
  margin-right: 2px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-radius: 3px;
}
.pagination > li > a, .pagination > li > span {
  border: 2px solid #eeeeee;
  border-radius: 3px;
  color: #777777;
  display: block;
  float: none;
  padding: 8px 15px;
}
.pagination > .active > a, .pagination > .active > span {
  background: #27cbc0 none repeat scroll 0 0;
  border-color: #27cbc0;
  color: #ffffff;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  background: #000 none repeat scroll 0 0;
  border-color: #000;
  color: #ffffff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
  cursor: default;
  z-index: 3;
}
/*Contact US CSS*/
.contact-content{}
.contact-content h2 {
  font-size: 30px;
  font-weight: 600;
}
.contact-content p{}
.contact-details div {
  text-align: center;
}
.contact-details i {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #222;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 15px;
  padding-bottom: 18px;
  width: 60px;
  transition: .4s;
}
.contact-box i:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #0cb4ce;
  color: #0cb4ce;
  cursor: pointer;
}
.contact-details h3 {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
}
.contact-box a {
  color: #7e7e7e;
}
.form-group {
  margin-bottom: 15px;
}
.form-control {
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  height: 50px;
  margin-bottom: 15px;
}
.form-control:focus {
  border-color: inherit;
  box-shadow: none;
}

textarea.form-control {
  height: auto;
}
.submit-btn {
  border: 1px solid #000;
  color: #000;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 0;
}
.submit-btn:hover {
  color: #000;
    background: #0cb4ce;
}

#map{
    height: 400px;
}
/*Download area CSS*/
.call-to-action > h3 {
  font-weight: 500;
  letter-spacing: 1.5px;
}
.call-to-action > p {
  margin: 0;
}
/*Footer*/
.gray-bg {
  background: #f6f6f6 none repeat scroll 0 0;
}
.footer-logo {
  display: inline-block;
}
.footer-logo a h5 {
  font-weight: 600;
  font-size: 25px;
  letter-spacing: 5px;
  transition: .4s;
}
.footer-logo:hover a h5{
    color: #0cb4ce;
}
.footer-social-icon a {
  background: #252525 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 35px;
  line-height: 34px;
  margin: 0 5px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 35px;
  border: 1px solid #000;
}
.footer-social-icon a:hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}
.copyright{}
.copyright p {
  font-size: 13px;
  letter-spacing: 1px;
  margin: 0;
}
/*Scrool UP*/
#scrollUp {
  background: #000 none repeat scroll 0 0;
  border-radius: 3px;
  bottom: 20px;
  font-size: 25px;
  line-height: 35px;
  padding: 5px 15px;
  right: 20px;
  transition: all 0.6s ease 0s;
}
a#scrollUp i{
  color: white;
  transition: all 0.4s ease 0s;
    
}
a#scrollUp:hover i{
    color: #f6f6f6;
}

/*---- [Preloader] */
.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
}
.loader {
	background: #666;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	        animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}

@keyframes ball-scale {

	0% {
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

}
/* css end here */




/*CSS Ends here*/