/*

|| css index ||

00. Browser Reset & Common CSS 
01. Hero Area (hero_area) css.
02. Service Area (service_area) css.
03. About Area (about_area) css.
04. Feature Area (feature_area) css.
05. Project Area (project_area) css.
06. skill area (skill_area) css.
07. funfact area (funfact_area) css.
08. team area (team_area) css.
09. Testimonial Area (testimonial_area) css.
10. Working Progress (working_progress) css.
11. blog_area_1 (blog_area_1) css.
12. Contact Area (contact_area) css.
13. footer (footer) css.
16. food gallery (food_gallery_area) css.
17. Menu Area (menu_area) css.
18. Since Area (since_area) css.
19. Registration Area (registration_area) css.
20. Single Portfolio Area (s_portfolio_area) css.
21. Blog Area (blog_area) css.

*/
/* >>> |Imported CSS| */
@import url(../bootstrap.min.css);
@import url(../font-awesome.min.css);
@import url(../owl.carousel.css);
@import url(../animate.css);
@import url(../hover.min.css);
@import url(../magnific-popup.css);
/*

body {	
	background: # !important;
}


.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {line-height:auto !important;}


/* CALENDARIO STILE */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 37%;
	margin-top: 3px;
	color: #;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49% !important;
	color: #000;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
#ui-datepicker-div.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  color: #252525;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #  none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
  height: 60px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
}
.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
}

.ui-datepicker-calendar .ui-state-default{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #252525;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 25px;
  margin-bottom: 5px;
  padding: 4px 2px;
  text-align: center;
  width: 35px !important;
  transition: all 500ms ease;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: # ;
  color: #fff;
  border-color: # ;
}
/*////////////////////////////////////////////////////////////////////////////*/
 *****************************************
 >>> |00 - Browser Reset & Common CSS|
 *****************************************
*/
* {
  margin: 0;
  padding: 0; }
.apps-craft-faq-section {
    background-color: #F4F4F4;
}
.apps-craft-contact-form{
	background-color: #fff;
    box-shadow: 0 0 32px rgba(0,0,0,.05);
}
body {
  font-family: 'Roboto', sans-serif;;
  font-size: 14px;
  color: #333333;
  line-height: auto; 
  overflow-x: hidden;
}


.containerfluid {
  overflow-x: hidden;
  padding: 0;
}

.header .containerfluid {
  overflow: visible;
  padding: 0;
}


.preloader {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: fixed;
  width: 100%;
  z-index: 9999;
  transition-duration: .4s;
  background-color: #; }

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.cube1, .cube2 {
  background-color: #ffffff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out; }

  
.bg2 {
  background-color: rgba(0, 0, 0, 1) !important; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .bg2 {
      padding: 50px 0; } }

.bgf {
  background-color: #ffffff; }

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg); } }
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }

.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
  font-family: 'Oswald', sans-serif;; }

.Btn {
  background: #;
  color: #ffffff;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;;
  line-height: 48px;
  text-transform: uppercase;
  border: 2px solid #;
  /* width: 170px; */
  text-align: center;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  .Btn:before {
    background-color: #; }
  .Btn:hover {
    color: #; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .Btn {
      line-height: 40px;
      width: 140px;
      font-size: 14px; } }

a:focus,
a:hover,
a:visited,
input,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
select {
  text-decoration: none;
  outline: none !important; }

.fR {
  float: right; }

.fL {
  float: left; }

.static {
  position: static !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.mt-40 {
  margin-top: -40px; }

img {
  max-width: 100%; }

a,
span {
  display: inline-block; }

.sp100 {
  padding: 100px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sp100 {
      padding: 60px 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .sp100 {
      padding: 40px 0; } }

.spb100 {
  padding-bottom: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spb100 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spb100 {
      padding-bottom: 40px; } }

.spt100 {
  padding-top: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spt100 {
      padding-top: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spt100 {
      padding-top: 40px; } }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pt0 {
  padding-top: 0; }

.pb0 {
  padding-bottom: 0; }

.mr-15 {
  margin-right: -15px; }

.ml-15 {
  margin-left: -15px; }

.h600 {
  height: 600px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .h600 {
       height: fit-content; } 
	  }

.section_title {
  text-align: center;
  margin-bottom: 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .section_title {
      margin-bottom: 30px; } }
  .section_title .heading-1 {
    color: #333333;
    display: inline-block;
    font-family: 'Oswald', sans-serif;;
    margin: 0;
    padding: 0; }

.black_bg .section_title .heading-3,
.black_bg .section_title span {
  color: #ffffff; }

.page_title {
  background-image: url(../../img/58.jpg);
  background-size: cover;
  background-position: center;
  position: relative;/* 
  background-attachment: fixed; */
  z-index: 3; }
  .page_title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: #333333;
    opacity: .5; }
  .page_title .ttl_inner {
    padding: 270px 0;
    text-align: center;
    color: #ffffff; }
    .page_title .ttl_inner .heading-1 {
      margin: 0 0 30px;
      font-size: 80px;
      font-family: 'oswald'; }
    .page_title .ttl_inner .heading-2 {
      font-size: 36px;
      font-family: 'oswald';
      margin: 0; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .page_title .ttl_inner {
        padding: 100px 0; }
        .page_title .ttl_inner .heading-1 {
          font-size: 50px;
          margin-bottom: 15px; }
        .page_title .ttl_inner .heading-2 {
          font-size: 24px; } }
		.heading-2 p span {font-size:19px !important}
		.heading-2 {padding:16px !important}
		.logo img {max-width: 170px !important;}
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .page_title .ttl_inner {
        padding: 60px 0; }
        .page_title .ttl_inner .heading-1 {
          font-size: 40px; }
        .page_title .ttl_inner .heading-2 {
          font-size: 18px; } }

.load_wrap {
  text-align: center; }
  .load_wrap a.load_more {
    border: 1px solid #d1d1d1;
    width: 180px;
    text-align: center;
    display: inline-block;
    line-height: 46px;
    color: #;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;;
    background-color: #ffffff;
    border-radius: 3px; }
    .load_wrap a.load_more:hover {
      color: #ffffff; }
    .load_wrap a.load_more:before {
      background-color: #;
      border-color: #; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .container {
    width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px; } }

.search_form {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99;
  display: none; }
  .search_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%; }
  .search_form i {
    font-size: 30px;
    color: #ffffff;
    position: fixed;
    top: 30px;
    right: 30px;
    cursor: pointer; }
  .search_form .heading-1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search_form .heading-1 {
        font-size: 45px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .search_form .heading-1 {
        font-size: 25px;
        margin-bottom: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .search_form .heading-1 {
        font-size: 35px;
        margin-bottom: 0; } }
  .search_form input[type="search"] {
    border: none;
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;;
    height: 70px;
    text-align: center;
    width: 90%;
    background-color: transparent;
    border-radius: 50px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search_form input[type="search"] {
        font-size: 20px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .search_form input[type="search"] {
        font-size: 14px;
        height: 55px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .search_form input[type="search"] {
        font-size: 18px; } }
  .search_form .search_btn {
    display: none;
    text-align: center;
    opacity: 0;
    visibility: hidden; }

/*
 ******************************
 01. Hero Area (hero_area) css.
 ******************************
*/
@keyframes sticky {
  0% {
    top: -100px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
.hero_area {
  height: auto;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 3;
 }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .hero_area {
      height: auto; } }
  .hero_area:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: #333333;
    opacity: 0; }
  .hero_area.inner {
    background-image: url(../../img/17.jpg);
    height: 335px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.inner {
        height: auto; } }
    .hero_area.inner:before {
      opacity: .8; }
  .hero_area header {
    transition: .4s; }
    .hero_area header.sticky {
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 99999;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      animation-name: sticky;
      animation-duration: .4s; }
    .hero_area header .header_top {
      padding: 0; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area header .header_top {
          display: block; } }
      .hero_area header .header_top .social_top {
        display: inline-block;
        margin: 0;
        list-style: none;
        text-align: right;
		width: 100%;
		padding: 0; }
        .hero_area header .header_top .social_top li {
          display: inline-block; }
          .hero_area header .header_top .social_top li a {
            display: inline-block;
            font-size: 14px;
            color: rgba(0, 0, 0, 1) !important;
            line-height: 30px;
            margin: 5px;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
          .hero_area header .header_top .social_top li:hover a {
            color: #; }
      .hero_area header .header_top .top_info {
        display: inline-block;
        margin: 0;
        list-style: none;
        text-align: left; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero_area header .header_top .top_info {
            float: none;
            display: block;
            text-align: center; } }
        .hero_area header .header_top .top_info li {
          font-family: 'Roboto', sans-serif;
          margin-left: 70px;
          text-align: left;
          display: inline-block; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .hero_area header .header_top .top_info li {
              margin-right: 35px; } }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header .header_top .top_info li {
              float: none;
              margin: 0 5px; } }
          .hero_area header .header_top .top_info li > * {
            display: inline-block;
            font-size: 14px;
            color: rgba(0, 0, 0, 1) !important;
            line-height: 30px;
            margin: 5px 0;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            font-family: 'Roboto', sans-serif;; }
          .hero_area header .header_top .top_info li:hover a {
            color: #; }
          .hero_area header .header_top .top_info li i {
            margin-right: 5px;
            font-family: "fontawesome"; }
    .hero_area header .header_btm {
      padding: 18px 0;
      position: relative;
      background-color: rgba(0, 0, 0, 1) !important;
      border-bottom: 2px solid rgba(0, 0, 0, 1); }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .hero_area header .header_btm {
          padding-top: 25px; } }
      .hero_area header .header_btm .search_icon {
        line-height: 30px;
        margin-top: -25px;
        position: absolute;
        right: 15px;
        top: 50%;
        color: rgba(0, 0, 0, 1) !important;
        cursor: pointer;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s; }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area header .header_btm .search_icon {
            right: 55px;
			top: 45px !important;
			font-size: 29px;} }
        .hero_area header .header_btm .search_icon:hover {
          color: #; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        
		.hero_area header .header_btm a.logo {
			height: 70px; }
		.hero_area header .header_btm .navbar-header .navbar-toggle {
          color: #;
          padding: 0 0 0 10px;
          margin: 0;
          height: 40px;
          font-size: 35px; }
          .hero_area header .header_btm .navbar-header .navbar-toggle i {
            line-height: 37px;
            display: inline-block;
            vertical-align: top; } }
      .hero_area header .header_btm nav#navbar {
        text-align: right;
        padding: 10px 20px 0 0; }
        @media only screen and (min-width: 992px) {
          .hero_area header .header_btm nav#navbar > ul > li:hover a:before, .hero_area header .header_btm nav#navbar > ul > li.current-menu-item a:before {
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            width: 100%; } }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area header .header_btm nav#navbar {
            position: absolute;
            z-index: 12;
            width: 300px;
            right: 15px;
            box-shadow: 0 0 5px #000000;
            background-color: rgba(0, 0, 0, 1);
            padding: 10px 0; } }
        @media only screen and (min-width: 0px) and (max-width: 479px) {
          .hero_area header .header_btm nav#navbar {
            width: 90%; } }
        .hero_area header .header_btm nav#navbar ul {
          float: none;
          text-align: right;
          display: inline-block;
          margin: 0;
          vertical-align: top; }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area header .header_btm nav#navbar ul {
              margin: 0;
              width: 100%; } }
          .hero_area header .header_btm nav#navbar ul li {
            display: inline-block;
            position: relative; }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li {
                display: block; } }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li.current-menu-item a {
                background-color: #;
                color: #ffffff;
                border-color: #; } }
            @media only screen and (min-width: 992px) {
              .hero_area header .header_btm nav#navbar ul li {
                margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
    .hero_area header .header_btm nav#navbar ul li {
      margin-left: 0; } }
            @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li:before {
                  position: absolute;
                  content: '';
                  width: 100%;
                  height: 0;
                  background-color: #;
                  left: 0;
                  bottom: -20px;
                  -webkit-transition: 0.4s;
                  transition: 0.4s; }
                .hero_area header .header_btm nav#navbar ul li:hover:before {
                  height: 10px; }
                .hero_area header .header_btm nav#navbar ul li ul li {
                  margin-left: 0;min-width: 100px; padding: 13px !important; background-color: rgba(0, 0, 0, 1);}
				  
				.hero_area header .header_btm nav#navbar ul li ul li:hover {
                 background-color: rgba(0, 0, 0, 1);
				 color: rgba(0, 0, 0, 1);} 
                  .hero_area header .header_btm nav#navbar ul li ul li:before {
                    display: none; } }
            @media only screen and (min-width: 992px) {
              .hero_area header .header_btm nav#navbar ul li a {
                line-height: 20px;
                color: rgba(0, 0, 0, 1);
                font-size: 12px;
                font-family: 'Roboto', sans-serif;;
                padding: 5px;
                position: relative;
                -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s;
                text-transform: uppercase; }
                .hero_area header .header_btm nav#navbar ul li a:hover {
                  color: #; }
                .hero_area header .header_btm nav#navbar ul li a.drop-par:after {
                  content: '\f107';
                  font-family: "fontawesome";
                  margin-left: 5px; } }
            @media only screen and (min-width: 0px) and (max-width: 991px) {
              .hero_area header .header_btm nav#navbar ul li a {
                display: block;
                width: 90%;
                background: rgba(0, 0, 0, 1);
                text-align: left;
                color: rgba(0, 0, 0, 1) !important;
                border: 1px solid rgba(0, 0, 0, 0.15);
                padding-left: 25px;
                line-height: 25px;
                text-transform: uppercase;
                font-family: 'Roboto', sans-serif;;
                font-size: 12px;
                position: relative;
                margin: 5px 5%;
                -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s; }
                .hero_area header .header_btm nav#navbar ul li a.drop-par:after {
                  content: '\f067';
                  font-family: "fontawesome";
                  position: absolute;
                  right: 20px; }
                .hero_area header .header_btm nav#navbar ul li a.active.drop-par:after {
                  content: '\f068'; } }
            .hero_area header .header_btm nav#navbar ul li ul.dropdown {
              -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s; }
              @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li ul.dropdown {
                  position: absolute;
                  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
                  z-index: 9;
				  left: 0;
				  top: 300%;
				  visibility: hidden;
				  min-width: 100px;padding: 15px; }
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown:before {
                    background: transparent;
                    content: "";
                    height: 25px;
                    left: 0;
                    position: absolute;
                    top: -25px;
                    width: 100%;
                    z-index: 99; }
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown li > a {
                    margin: 0  15px;
                    border: none; color:rgba(0, 0, 0, 1)} 
				.hero_area header .header_btm nav#navbar ul li ul.dropdown li > a:hover {
                    border: none; color:rgba(0, 0, 0, 1)}
					}
              .hero_area header .header_btm nav#navbar ul li ul.dropdown li a {
                width: 220px;
                text-align: left;
                border-bottom: 0;
                line-height: 25px;
                padding: 0;
				margin: 0;
				font-size: 12px;
				min-width: 300px; 
				text-transform: inherit;
				font-weight:400 !important;}
                .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:before {
                  content: '\f101';
                  font-family: "fontawesome";
                  margin-right: 5px; 
				  display:none;}
                @media only screen and (min-width: 0px) and (max-width: 991px) {
                  .hero_area header .header_btm nav#navbar ul li ul.dropdown li a {
                    width: 90%;
                    background-color: rgba(0, 0, 0, 1)                    color: rgba(0, 0, 0, 1);
                    border-left: 3px solid rgba(0, 0, 0, 1);
                    padding-left: 15px;
                    -webkit-transition-duration: 0.4s;
                    transition-duration: 0.4s; }
                    .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:before {
                      content: '\f101';
                      font-family: "fontawesome";
                      margin-right: 5px; }
                    .hero_area header .header_btm nav#navbar ul li ul.dropdown li a:hover {
                      background-color: rgba(0, 0, 0, 1);
                      color: rgba(0, 0, 0, 1);
                      border-left-color: #333333; } }
              @media only screen and (min-width: 0px) and (max-width: 991px) {
                .hero_area header .header_btm nav#navbar ul li ul.dropdown {
                  -webkit-transition: none !important;
                  transition: none !important;
                  background-color: #ffffff; } }
            .hero_area header .header_btm nav#navbar ul li:hover ul.dropdown {
              opacity: 1;
              visibility: visible; }
              @media only screen and (min-width: 992px) {
                .hero_area header .header_btm nav#navbar ul li:hover ul.dropdown {
                  top: 60px; } }
            .hero_area header .header_btm nav#navbar ul li:nth-last-child(1) ul.dropdown, .hero_area header .header_btm nav#navbar ul li:nth-last-child(2) ul.dropdown, .hero_area header .header_btm nav#navbar ul li:nth-last-child(3) ul.dropdown {
              right: 0;
              left: auto; }
  .hero_area .home_area {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover; }
    .hero_area .home_area:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: .6;
      z-index: -1; }
    .hero_area .home_area .home_slider {
      width: auto;
      position: static;
      text-align: left; }
      .hero_area .home_area .home_slider .single_slide {
        position: relative;
        z-index: 1;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        height: 860px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column; }
        @media only screen and (min-width: 1600px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 950px !important; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 540px !important; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .hero_area .home_area .home_slider .single_slide {
            height: 270px !important; } }
        .hero_area .home_area .home_slider .single_slide:before {
          position: absolute;
          content: '';
          width: 100%;
          height: 100%;
          z-index: -1;
          left: 0;
          top: 0;
          background-color: #000000;
          opacity: .5; }
        .hero_area .home_area .home_slider .single_slide .home_content {
          width: 100%;
          text-align: left; }
          @media only screen and (min-width: 0px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .home_content {
              text-align: center; } }
        .hero_area .home_area .home_slider .single_slide .heading-2 {
          font-size: 50px;
          font-family: 'oswald';
          color: #ffffff;
          margin: 0 0 35px;
          animation-delay: 0s;
          animation-duration: .2s; }
		  
		@media (max-width: 991px) {  
		.heading-2 span {
              font-size: 30px !important;
              margin-bottom: 20px !important; 
		} 
		.hero_area .home_area .home_slider .single_slide span {
              font-size: 30px !important;
              margin-bottom: 20px !important; 
		}
		.section_title .heading-1 span {font-size: 25px !important;}	
		 }  
		  
		  
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .heading-2 {
              font-size: 30px;
              margin-bottom: 20px; }
			 }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide .heading-2 {
              font-size: 20px;
              margin-bottom: 15px; } }
        .hero_area .home_area .home_slider .single_slide .heading-1 {
          text-transform: uppercase;
          font-size: 80px;
          color: #ffffff;
          font-family: 'oswald';
          margin: 0 0 45px;
          animation-duration: .2s;
          animation-delay: .2s; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide .heading-1 {
              font-size: 50px;
              margin-bottom: 10px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide .heading-1 {
              font-size: 35px;
              margin-bottom: 10px; } }
        .hero_area .home_area .home_slider .single_slide span {
          font-size: 30px;
          font-family: 'oswald';
          margin-bottom: 60px;
          animation-duration: .2s;
          animation-delay: .4s;
          display: block; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 15px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 15px;
              line-height: 26px;
              padding: 0 15px;
              margin-bottom: 25px; } }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hero_area .home_area .home_slider .single_slide span {
              font-size: 14px;
              margin-bottom: 20px; }
              .hero_area .home_area .home_slider .single_slide span br {
                display: none; } }
        .hero_area .home_area .home_slider .single_slide .home_btn {
          animation-duration: .2s;
          animation-delay: .6s; }
          .hero_area .home_area .home_slider .single_slide .home_btn a.Btn {
            -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            border: 1px solid #ffffff;
            background-color: transparent; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:before {
              background-color: #; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:hover {
              color: #ffffff;
              border: 1px solid #;
              overflow: hidden; }
            .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
              background-color: #;
              border-color: #;
              color: #ffffff;
              margin-right: 26px; }
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child:before {
                background-color: #01b6c9; }
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child:hover {
                color: #ffffff;
                border: 1px solid #01b6c9;
                overflow: hidden; }
              @media only screen and (min-width: 0px) and (max-width: 991px) {
                .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
                  margin-right: 10px; } }
              @media only screen and (min-width: 0px) and (max-width: 767px) {
                .hero_area .home_area .home_slider .single_slide .home_btn a.Btn:first-child {
                  margin-right: 5px; } }
            @media only screen and (min-width: 0px) and (max-width: 767px) {
              .hero_area .home_area .home_slider .single_slide .home_btn a.Btn {
                border-radius: 30px;
                font-size: 12px;
                width: 110px;
                line-height: 30px; } }
      .hero_area .home_area .home_slider .owl-controls .owl-dots {
        position: absolute;
        width: 300px;
        bottom: 20px;
        left: 50%;
        text-align: center;
        margin-left: -150px;
        height: 10px;
        opacity: .6; }
        .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot {
          width: 10px;
          height: 10px;
          background-color: #ffffff;
          display: inline-block;
          margin: 0 5px; }
          .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot.active {
            background-color: #; }

/*
 ******************************
 02. Service Area (service_area) css.
 ******************************
*/
.section_img {
  overflow: hidden;
  position: absolute;
  width: 45%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .section_img {
      display: none; } }
  .section_img:before {
    position: absolute;
    content: '';
    right: 40px;
    left: -20px;
    top: 40px;
    bottom: 40px;
    border: 10px solid #ffffff;
    opacity: 0.8;  
    -webkit-transition: 0.25s;
    transition: 0.25s; }
  .section_img:hover:before {
    border-color: #;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background-color: #;
    opacity: .7;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .section_img.right_section {
    left: auto;
    right: 0; }
    .section_img.right_section:before {
      left: 40px;
      right: -20px; }
    .section_img.right_section:hover:before {
      left: -10px;
      right: -20px; }

.sp100 .section_img,
.spt100 .section_img {
  top: 0px; }

.service_area .service_content {
  overflow: hidden; }
  .service_area .service_content .single_service {
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 100px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .service_area .service_content .single_service {
        text-align: center; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .service_area .service_content .single_service {
        width: 100%; } }
    .service_area .service_content .single_service:nth-child(even) {
      text-align: right; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .service_area .service_content .single_service:nth-child(even) {
          text-align: center; } }
    .service_area .service_content .single_service .single_content {
      width: 200px;
      text-align: center;
      display: inline-block; }
	  .service_area .service_content .single_service .single_content .hvr-wobble-skew {font-size: 50px;}
      .service_area .service_content .single_service .single_content .heading-4 {
        font-family: 'Roboto', sans-serif;;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .service_area .service_content .single_service .single_content:hover .heading-4 {
        color: #; }
      .service_area .service_content .single_service .single_content:hover .hvr-wobble-skew {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .service_area .service_content .single_service {
        margin-bottom: 40px; } }
    .service_area .service_content .single_service:nth-last-child(1), .service_area .service_content .single_service:nth-last-child(2) {
      margin-bottom: 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .service_area .service_content .single_service:nth-last-child(2) {
        margin-bottom: 40px; } }

/*
 ******************************
 03. About Area (about_area) css.
 ******************************
*/
.about_area .about_content {
  text-align: justify; }

/*
 ******************************
 04. Feature Area (feature_area) css.
 ******************************
*/
.feature_area .feature {
  overflow: hidden;
  margin: 0 -30px; }
  .feature_area .feature .single_feature {
    width: 33.33%;
    float: left;
    text-align: center;
    margin-bottom: 110px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .feature_area .feature .single_feature {
        width: 100%; } }
    .feature_area .feature .single_feature .single_content {
      text-align: center;
      display: inline-block; }
      .feature_area .feature .single_feature .single_content span {
        font-size: 50px;
        }
      .feature_area .feature .single_feature .single_content .heading-4 {
        font-family: 'Roboto', sans-serif;;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        font-size: 14px; }
      .feature_area .feature .single_feature .single_content:hover .heading-4 {
        color: #; }
      .feature_area .feature .single_feature .single_content:hover .hvr-wobble-skew {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2; }
    .feature_area .feature .single_feature:nth-last-child(1), .feature_area .feature .single_feature:nth-last-child(2), .feature_area .feature .single_feature:nth-last-child(3) {
      margin-bottom: 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .feature_area .feature .single_feature {
        width: 100%; }
        .feature_area .feature .single_feature, .feature_area .feature .single_feature:nth-last-child(2), .feature_area .feature .single_feature:nth-last-child(3) {
          margin-bottom: 50px; } }

/*
 ************************************
 05. Project Area (project_area) css.
 ************************************
*/
.project_area .project_masonry .single_item {
  width: 33.3333%;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .project_area .project_masonry .single_item {
      width: 100%; } }
  .project_area .project_masonry .single_item img {
    width: 100%; }
  .project_area .project_masonry .single_item .hvr_content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0px;
    left: 0;
    color: #ffffff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    transform: scale(1.2); }
    .project_area .project_masonry .single_item .hvr_content:before {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0px;
      background-color: #;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      content: '';
      -webkit-transition: 0.4s;
      transition: 0.4s;
      transform: scale(1.2); }
    .project_area .project_masonry .single_item .hvr_content .hvr_top .heading-3 {
      font-family: 'Roboto', sans-serif;;
      margin: 0;
      margin-bottom: 6px; }
    .project_area .project_masonry .single_item .hvr_content .hvr_top span {
      margin-bottom: 35px;
      font-size: 18px; }
    .project_area .project_masonry .single_item .hvr_content .hvr_btm {
      margin: 0;
      list-style: none; }
      .project_area .project_masonry .single_item .hvr_content .hvr_btm li {
        display: inline-block; }
        .project_area .project_masonry .single_item .hvr_content .hvr_btm li a {
          color: #ffffff;
          margin: 0 11px;
          font-size: 20px; }
  .project_area .project_masonry .single_item:hover .hvr_content {
    visibility: visible;
    opacity: 1;
    transform: scale(1); }
    .project_area .project_masonry .single_item:hover .hvr_content:before {
      visibility: visible;
      opacity: .8;
      transform: scale(1); }
.project_area .project_btn {
  text-align: center; }
  .project_area .project_btn a {
    background-color: #ffffff;
    font-size: 14px;
    line-height: 42px;
    color: #;
    border: 2px solid #;
    padding: 0 40px;
    margin-top: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .project_area .project_btn a {
        padding: 0; } }
    .project_area .project_btn a:before {
      background-color: #; }
    .project_area .project_btn a:hover {
      color: #ffffff; }

.project_area.small .project_masonry .single_item {
  width: 50%; }
.project_area.small .project_masonry.column-3 .single_item {
    float: left;
    width: 33.33% !important; }
.project_area.small .project_masonry.column-4 .single_item {
    float: left;  
    width: 25% !important; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .project_area.small .project_masonry .single_item {
      width: 100%; }
    .project_area.small .project_masonry.column-3 .single_item {
      width: 100%; }
    .project_area.small .project_masonry.column-4 .single_item {
      width: 100%; } 
	.logo img {max-height: 75px !important;}  
	  
	  }


/*
 ******************************
 06. skill area (skill_area) css.
 ******************************
*/
.skill_area .skill {
  margin-right: 70px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .skill_area .skill {
      margin: 0 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .skill_area .skill {
      margin: 0; 
	  margin-left: 0 !important;
	  width: 81%;
	} }
  .skill_area .skill .skill_content .single_skill {
    position: relative; }
    .skill_area .skill .skill_content .single_skill .skill_top {
      position: relative;
      overflow: hidden; }
      .skill_area .skill .skill_content .single_skill .skill_top .dati {
        width: 33.3333%;
        float: left; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .skill_area .skill .skill_content .single_skill .skill_top span {
            width: 50%; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .skill_area .skill .skill_content .single_skill .skill_top span.bar_desc {
          display: none; } }
      .skill_area .skill .skill_content .single_skill .skill_top span.bar_title {
        font-family: 'Roboto', sans-serif;; }
      .skill_area .skill .skill_content .single_skill .skill_top span.ttp {
        text-align: right;
        padding-right: 100px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .skill_area .skill .skill_content .single_skill .skill_top span.ttp {
            padding-right: 0; } }
    .skill_area .skill .skill_content .single_skill span.tip {
      position: absolute;
      right: 100px;
      left: auto;
      width: 60px; }
    .skill_area .skill .skill_content .single_skill .barfiller {
      box-shadow: none;
      border: none;
      background-color: #;
      height: 5px;
      position: static; }

/*
 ******************************
 07. funfact area (funfact_area) css.
 ******************************
*/
.funfact_area {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center; }
  .funfact_area:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    background-color: #;
    opacity: .75; }
  .funfact_area .single_fact {
    text-align: center;
    color: #ffffff; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .funfact_area .single_fact:not(:nth-last-child(1)):not(:nth-last-child(2)) {
        margin-bottom: 50px; } }
    .funfact_area .single_fact span.icon {
      font-size: 40px; }
    .funfact_area .single_fact .heading-1 {
      font-size: 50px;
      margin-top: 50px;
      margin-bottom: 25px;
      font-family: 'Roboto', sans-serif;; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .funfact_area .single_fact .heading-1 {
          font-size: 40px;
          margin-top: 30px;
          margin-bottom: 10px; } }
      .funfact_area .single_fact .heading-1 + span {
        font-size: 18px;
        font-family: 'Roboto', sans-serif;;
        text-transform: uppercase; }

/*
 ******************************
 08. team area (team_area) css.
 ******************************
*/
.team_area .single_team .team_img {
  position: relative;
  overflow: hidden; }
  .team_area .single_team .team_img img {
    width: 100%; }
  .team_area .single_team .team_img .hover_content {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 36px;
    color: #ffffff;
    outline: 2px solid #ffffff;
    outline-offset: -17px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .team_area .single_team .team_img .hover_content:before {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #;
      content: '';
      left: 0;
      bottom: 0;
      z-index: -1;
      opacity: .7; }
    .team_area .single_team .team_img .hover_content p {
      line-height: 20px; }
    .team_area .single_team .team_img .hover_content .team_social {
      height: 20px;
      margin-top: 20px; }
      .team_area .single_team .team_img .hover_content .team_social a {
        color: #ffffff;
        font-size: 18px;
        padding: 0 8px;
        vertical-align: top; }
.team_area .single_team .team_dsc {
  text-align: center;
  font-family: 'Roboto', sans-serif;; }
  .team_area .single_team .team_dsc .heading-4 {
    font-family: 'Roboto', sans-serif;;
    margin-top: 30px;
    margin-bottom: 5px;
    color: #333333; }
  .team_area .single_team .team_dsc span.position {
    color: #333333; }
.team_area .single_team:hover .hover_content {
  bottom: 0;
  opacity: 1;
  visibility: visible; }

/*
 *********************************************
 09. Testimonial Area (testimonial_area) css.
 *********************************************
*/
.owl-carousel .owl-item img {
  transform-style: inherit; }

.testimonial_area .testimonial_slide {
  padding: 0 70px;
  position: relative; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial_area .testimonial_slide {
      padding: 0; } }
  .testimonial_area .testimonial_slide:before, .testimonial_area .testimonial_slide:after {
    width: 45px;
    height: 40px;
    content: '';
    top: 130px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .testimonial_area .testimonial_slide:before, .testimonial_area .testimonial_slide:after {
        display: none; } }
  .testimonial_area .testimonial_slide:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 60px;
    transform: rotate(180deg); }
  .testimonial_area .testimonial_slide .single_slide {
    text-align: center;
    color: #333333;
    line-height: 24px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .testimonial_area .testimonial_slide .single_slide br {
        display: none; } }
    .testimonial_area .testimonial_slide .single_slide .tst_img {
      width: 105px;
      height: 105px;
      border-radius: 50%;
      border: 2px solid #;
      overflow: hidden;
      padding: 3px;
      background-color: #ffffff;
      display: inline-block;
      margin-bottom: 30px; }
      .testimonial_area .testimonial_slide .single_slide .tst_img img {
        border-radius: 50%; }
    .testimonial_area .testimonial_slide .single_slide .tst_content .heading-4 {
      font-family: 'Roboto', sans-serif;;
      margin-top: 30px; }
  .testimonial_area .testimonial_slide .owl-controls {
    display: none; }
.testimonial_area .brand_slider {
  padding: 0 70px;
  margin-top: 80px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial_area .brand_slider {
      padding: 0; } }
  .testimonial_area .brand_slider .owl-controls {
    display: none; }

.v2 .testimonial_area .testimonial_slide .single_slide .tst_img {
  border-color: #7d1d1d; }

.v2 .testimonial_area .testimonial_slide::before, .v2 .testimonial_area .testimonial_slide::after {
  background-image: url(../../img/icon/16.png); }

/*
 ******************************
 10. Working Progress (working_progress) css.
 ******************************
*/
.working_progress {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  padding: 60px 0;
  color: #fff; }
  .working_progress:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    background-color: #;
    opacity: .75; }
  .working_progress .section_title .heading-1 {
    color: #ffffff; }
  .working_progress .single_wps {
    text-align: center;
    display: inline-block;
    width: 185px;
    font-size: 18px;
    position: relative; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .working_progress .single_wps {
        margin-bottom: 40px; }
        .working_progress .single_wps:last-child {
          margin-bottom: 0; } }
    .working_progress .single_wps:after {
		position: absolute;
		width: 15px;
		height: 30px;
		background-image: none;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		right: -9.5px;
		bottom: 0;
		font-family: "Fontawesome";
		content: "\f0da";
		font-size: 40px}
	.working_progress .single_wps p {margin:0 !important}  
    .working_progress .single_wps .heading-1 {
      font-size: 50px;
      margin: 0 0 20px; }
    .working_progress .single_wps span {
      font-size: 18px; }
    .working_progress .single_wps:last-child:after {
      display: none; }

/*
 ******************************
 11. blog_area_1 (blog_area_1) css.
 ******************************
*/
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .blog_area_1 .blog_col_1:not(:nth-child(2)):not(:nth-child(3)) {
    margin-top: 50px; } }
.blog_area_1 .single_post {
  text-align: center; }
  .blog_area_1 .single_post .post_img {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .blog_area_1 .single_post .post_img img {
      width: 100%; }
  .blog_area_1 .single_post .heading-3 {
    font-family: 'Roboto', sans-serif;;
    margin-bottom: 25px; }
  .blog_area_1 .single_post .heading-3 a {
    color: inherit}
  .blog_area_1 .single_post .heading-4 {
    font-family: 'Roboto', sans-serif;;
    margin: 0 0 20px; }
  .blog_area_1 .single_post .entry-footer {
    text-align: right;
    padding: 0 24px;
    overflow: hidden;
    font-size: 14px; }
    .blog_area_1 .single_post .entry-footer .posted-on {
      float: left; }
    .blog_area_1 .single_post .entry-footer a {
      color: #333333;
      transition: .4s; }
    .blog_area_1 .single_post .entry-footer span {
      margin-left: 4px; }
      .blog_area_1 .single_post .entry-footer span:hover a {
        color: #; }
.blog_area_1 .load_more {
  text-align: center; }
  .blog_area_1 .load_more a {
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    border: 2px solid #;
    line-height: 30px;
    padding: 0 40px;
    color: #;
    transition: .4s;
    margin-top: 35px; }
    .blog_area_1 .load_more a:hover {
      background-color: #;
      color: #fff; }

.v2 .blog_area_1 .load_more a {
  border-color: #7d1d1d;
  color: #7d1d1d; }

.v2 .blog_area_1 .load_more a:hover {
  background-color: #7d1d1d;
  color: #fff; }

/*
 ******************************
 12. Contact Area (contact_area) css.
 ******************************
*/
.contact_area {
  overflow: hidden; }
  .contact_area .contact_form {
    padding: 110px 0;
    position: relative;
    z-index: 1;
    margin-right: 70px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .contact_area .contact_form {
        padding: 50px 0; } }
    .contact_area .contact_form:after {
      content: '';
      width: 3000%;
      height: 100%;
      z-index: -1;
      position: absolute;
      background-color: #ecf0f1;
      top: 0;
      right: -100px;}
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .contact_form:after {
          left: -100px; } }
    .contact_area .contact_form .heading-4 {
      font-family: 'Roboto', sans-serif;;
      margin: 0 0 30px; }
    .contact_area .contact_form form {
      overflow: hidden; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .contact_area .contact_form {
        margin-right: 0;
        margin-bottom: 50px; } }
    .contact_area .contact_form input[type="text"],
    .contact_area .contact_form input[type="email"],.contact_form input[type="date"],select {
      width: 47%;
      float: left;
      height: 40px;
      text-indent: 10px;
      margin-bottom: 20px;
      -webkit-transition: 0.4s;
	  border-radius:0;
      transition: 0.4s;
	  border:0}
      .contact_area .contact_form input[type="text"]:focus, .contact_area .contact_form input[type="text"]:active,
      .contact_area .contact_form input[type="email"]:focus,
      .contact_area .contact_form input[type="email"]:active {
        border-color: #; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .contact_form input[type="text"],
        .contact_area .contact_form input[type="email"] {
          width: 100%; } }
    .contact_area .contact_form input[type="email"] {
      float: right; }
    .contact_area .contact_form textarea {
      float: left;
      width: 100%;
      height: 120px;
      text-indent: 10px;
      border: 1px solid #bdc3c7;
      margin-bottom: 20px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      resize: none; }
      .contact_area .contact_form textarea:focus, .contact_area .contact_form textarea:active {
        border-color: #; }
    .contact_area .contact_form input[type="submit"] {
      float: right;
      line-height: 30px;
      padding: 0 20px;
      background-color: #;
      color: #ffffff;
      border: none;
      font-size: 14px;
      font-weight: 'Roboto', sans-serif;;
      text-transform: uppercase; }
  .contact_area .get_in_touch {
    margin-left: 70px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .contact_area .get_in_touch {
        margin-bottom: 50px;
        margin-right: 50px;
        margin-left: 50px;
        overflow: hidden; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .contact_area .get_in_touch {
        margin: 0; } }
    .contact_area .get_in_touch .section_title {
      margin-bottom: 50px; }
    .contact_area .get_in_touch .single_touch {
      position: relative;
      text-align: left;
      width: 100%; }
      .contact_area .get_in_touch .single_touch i {
        font-size: 30px;
        position: absolute;
        left: 0;
        top: 14px;
        width: 35px;
        text-align: center; }
        .contact_area .get_in_touch .single_touch i + span {
          padding-left: 50px; }
      .contact_area .get_in_touch .single_touch:not(:last-child) {
        margin-bottom: 25px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .contact_area .get_in_touch .single_touch {
          width: 50%;
          float: left; }
          .contact_area .get_in_touch .single_touch:nth-last-child(2) {
            margin-bottom: 0; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .contact_area .get_in_touch .single_touch {
          width: 100%; }
          .contact_area .get_in_touch .single_touch, .contact_area .get_in_touch .single_touch:nth-last-child(2) {
            margin-bottom: 25px; } }
      .contact_area .get_in_touch .single_touch span a,
      .contact_area .get_in_touch .single_touch span span {
        display: block;
        font-family: 'Roboto', sans-serif;;
        color: #333333;
        transition: .4s; }
      .contact_area .get_in_touch .single_touch span a:hover {
        color: #; }

/*
 ******************************
 12. Map Area (googleMap) css.
 ******************************
*/
#googleMap {
  width: 100%;
  height: 450px;
  background-color: #ddd; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    #googleMap {
      height: 400px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #googleMap {
      height: 250px; } }

/*
 ******************************
 13. footer (footer) css.
 ******************************
*/
footer .footer_top {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .footer_top .row > div {
      width: 50%;
      float: left;
      min-height: 310px; } }
  footer .footer_top:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .75;
    z-index: -1; }
  footer .footer_top .widget {
    color: #fff;
    line-height: 25px;
    font-size: 14px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      footer .footer_top .widget {
        margin-bottom: 50px; } }
    footer .footer_top .widget .heading-4 {
      font-family: 'Roboto', sans-serif;;
      margin: 0 0 35px; 
	  font-size: 18px;
	  }
    footer .footer_top .widget ul {
      list-style: none;
      margin: 0; }
    footer .footer_top .widget .footer_info {
      margin-right: 70px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        footer .footer_top .widget .footer_info {
          margin-right: 0; } }
    footer .footer_top .widget .footer_social {
      margin: 50px 0 0; }
      footer .footer_top .widget .footer_social li {
        display: inline-block;
        padding-right: 5px;}
        footer .footer_top .widget .footer_social li a {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #;
          color: #fff;
          font-size: 20px; }
    footer .footer_top .widget .footer_link li a {
      color: #fff;
      transition: .4s; }
      footer .footer_top .widget .footer_link li a:hover {
        text-decoration: underline;
        color: #; }
    footer .footer_top .widget .flickr_wrp {
      margin: -8px 40px -8px -8px; }
      footer .footer_top .widget .flickr_wrp .flickr_badge_image {
        display: inline-block;
        margin: 8px; }
    footer .footer_top .widget .news_letter input {
      width: 100%;
      height: 35px;
      background-color: #fff;
      text-align: center;
      border: 1px solid #;
      margin-bottom: 10px;
      color: #333333; }
    footer .footer_top .widget .news_letter input[type="submit"] {
      background-color: #;
      text-transform: uppercase;
      color: #fff;
      font-family: 'Roboto', sans-serif;; }
    footer .footer_top .widget .tags .heading-4 {
      margin-top: 30px;
      margin-bottom: 20px; }
    footer .footer_top .widget .tags a {
      line-height: 25px;
      padding: 0 14px;
      background-color: #;
      color: #fff;
      margin-right: 6px;
      margin-bottom: 7px;
      font-family: 'Roboto', sans-serif;; }
  footer .footer_top .col-md-3:last-child .widget {
    margin-left: -30px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      footer .footer_top .col-md-3:last-child .widget {
        margin: 0; } }
footer .footer_btm {
  background-color: #111111;
  color: #fff;
  padding: 15px 0 50px 0; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    footer .footer_btm {
      padding-left: 40px;
      padding-right: 40px; } }
  footer .footer_btm p {
    margin: 0; }

/* version 2 style */
.main_content.v2 {
  background-image: url(../../img/icon/bg-ptrn.jpg);
  background-repeat: repeat; }
  .main_content.v2 .hero_area header .header_btm {
    background-color: #000;
    border-color: #cc9966; }
    @media only screen and (min-width: 992px) {
      .main_content.v2 .hero_area header .header_btm nav#navbar ul {
        background-color: #000; } }
    .main_content.v2 .hero_area header .header_btm nav#navbar ul li:before {
      background-color: #cc9966; }
    @media only screen and (min-width: 992px) {
      .main_content.v2 .hero_area header .header_btm nav#navbar ul li a {
        color: #fff; }
        .main_content.v2 .hero_area header .header_btm nav#navbar ul li a:hover {
          color: #cc9966; } }
    .main_content.v2 .hero_area header .header_btm nav#navbar ul li ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .main_content.v2 .hero_area header .header_btm .search_icon {
      color: #fff; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content {
    text-align: center; }
    .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn:first-child {
      background-color: #7d1d1d;
      border-color: #7d1d1d; }
    .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn {
      background-color: #231f20;
      border-color: #231f20; }
      .main_content.v2 .hero_area .home_area .home_slider .single_slide .home_content .home_btn a.Btn:before {
        background-color: rgba(255, 255, 255, 0.1); }
  .main_content.v2 .hero_area .home_area .home_slider .owl-controls .owl-dots .owl-dot.active {
    background-color: #cc9966; }
  .main_content.v2 .section_img:before {
    border-color: #cc9966;
    opacity: .5; }
  .main_content.v2 .section_img:hover:before {
    background-color: #cc9966; }
  .main_content.v2 .section_title .heading-1 {
    color: #7d1d1d; }
  .main_content.v2 .heading-1, .main_content.v2 .heading-2, .main_content.v2 .heading-3, .main_content.v2 .heading-4, .main_content.v2 .heading-5, .main_content.v2 .heading-6, .main_content.v2 .heading-1, .main_content.v2 .heading-2, .main_content.v2 .heading-3, .main_content.v2 ..heading-4, .main_content.v2 .heading-5, .main_content.v2 .heading-6 {
    font-family: "Cinzel", serif; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .heading-2 {
    font-family: "Cinzel", serif; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide .heading-1 {
    font-family: "Cinzel Decorative", cursive; }
  .main_content.v2 .hero_area .home_area .home_slider .single_slide span {
    font-family: "Cinzel", serif; }
  .main_content.v2 .Btn {
    background: #7d1d1d;
    border: 2px solid #7d1d1d; }
    .main_content.v2 .Btn:before {
      background-color: #ffffff; }
    .main_content.v2 .Btn:hover {
      color: #7d1d1d; }
  .main_content.v2 .project_btn a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    line-height: 30px; }
  .main_content.v2 .team_area .single_team .team_img .hover_content:before {
    background-color: #cc9966;
    opacity: .8; }
  .main_content.v2 .team_area .single_team .team_img .hover_content {
    color: #fff; }


/*
 ******************************
 18. Since Area (since_area) css.
 ******************************
*/
.main_content.v2 .since_area .section_title .heading-1 {
  color: #cc9966; }

.since_area {
  background-color: #231f20;
  padding-top: 50px; }
  .since_area .single_img {
    width: 25%;
    float: left; }

/*
 ******************************
 19. Registration Area (registration_area) css.
 ******************************
*/
.main_content.v2 .registration_area .section_title .heading-1 {
  color: #ffffff; }

.registration_area {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 50px 0;
  z-index: 1;
  position: relative; }
  .registration_area:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333;
    opacity: .8;
    z-index: -1; }
  .registration_area .reg_form {
    overflow: hidden;
    text-align: center; }
    .registration_area .reg_form span {
      width: 30%;
      float: left;
      z-index: 1;
      position: relative;
      background-color: #fff; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .registration_area .reg_form span {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px; } }
      .registration_area .reg_form span:nth-child(1), .registration_area .reg_form span:nth-child(2) {
        margin-right: 5%; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .registration_area .reg_form span:nth-child(1), .registration_area .reg_form span:nth-child(2) {
            width: 100%;
            margin-right: 0; } }
      .registration_area .reg_form span input {
        width: 100%;
        height: 60px;
        border: none;
        background-color: transparent;
        text-indent: 60px;
        color: #333333;
        font-size: 18px; }
        .registration_area .reg_form span input[type="submit"] {
          width: 200px;
          height: 40px;
          text-align: center;
          background-color: #7d1d1d;
          color: #ffffff;
          font-size: 14px;
          text-transform: uppercase;
          line-height: 40px;
          text-indent: 0; }
          .registration_area .reg_form span input[type="submit"]:hover {
            background-color: #ffffff;
            color: #7d1d1d; }
      .registration_area .reg_form span:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 100%;
        z-index: -1;
        top: 0;
        line-height: 60px;
        font-family: fontawesome;
        font-size: 18px;
        left: 18px;
        text-align: left;
        color: #666; }
      .registration_area .reg_form span.date:before {
        content: '\f073'; }
      .registration_area .reg_form span.time:before {
        content: '\f017'; }
      .registration_area .reg_form span.people:before {
        content: '\f007'; }
      .registration_area .reg_form span:last-child {
        width: 200px;
        margin: 0 auto;
        float: none;
        margin-top: 80px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .registration_area .reg_form span:last-child {
            margin-top: 30px; } }
        .registration_area .reg_form span:last-child:before, .registration_area .reg_form span:last-child:after {
          display: none; }

/*
 ************************************
 20. Single Portfolio Area (s_portfolio_area) css.
 ************************************
*/
.s_portfolio_area {
  text-align: center; }
  .s_portfolio_area .heading-1 {
    margin: 0 0 65px;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;;
    color: #333333; }
  .s_portfolio_area .project_img img {
    width: 100%;
    margin-bottom: 90px; }
    .s_portfolio_area .project_img img:last-child {
      margin-bottom: 50px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .s_portfolio_area .project_img img {
        margin-bottom: 40px; } }
  .s_portfolio_area .project_dsc {
    text-align: center;
    margin-bottom: 20px; }
    .s_portfolio_area .project_dsc ul {
      margin: 0;
      list-style: none;
      display: inline-block; }
      .s_portfolio_area .project_dsc ul li {
        line-height: 20px;
        margin-bottom: 20px; }
        .s_portfolio_area .project_dsc ul li a, .s_portfolio_area .project_dsc ul li span {
          font-size: 18px;
          text-transform: uppercase;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          color: #333333; }
          .s_portfolio_area .project_dsc ul li a:hover, .s_portfolio_area .project_dsc ul li span:hover {
            color: #; }
  .s_portfolio_area .project_content {
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 80px; }
    .s_portfolio_area .project_content p:last-child {
      margin-bottom: 0; }
  .s_portfolio_area .project_social span {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .s_portfolio_area .project_social ul {
    margin: 0;
    list-style: none; }
    .s_portfolio_area .project_social ul li {
      display: inline-block; }
      .s_portfolio_area .project_social ul li a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #333333;
        color: #fff;
        margin: 0 2px;
        font-size: 17px;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
        .s_portfolio_area .project_social ul li a:hover {
          background-color: #; }

/*
 ************************************
 21. Blog Area (blog_area) css.
 ************************************
*/
.blog_area .load_more {
  text-align: center;
  margin-top: 30px; }
  .blog_area .load_more a {
    line-height: 30px;
    padding: 0 30px;
    background-color: #;
    color: #fff;
    text-transform: uppercase; }
.blog_area .blog_col article {
  margin-bottom: 30px; }
  .blog_area .blog_col article .post_img {
    overflow: hidden; }
    .blog_area .blog_col article .post_img img {
      -webkit-transition: 0.4s;
      transition: 0.4s;
      width: 100%; }
  .blog_area .blog_col article:hover .post_img img {
    transform: scale(1.1); }
  .blog_area .blog_col article .post_content .title {
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #333333; }
  .blog_area .blog_col article .post_content .entry {
    display: block;
    overflow: hidden;
    text-align: right;
    margin-bottom: 20px; }
    .blog_area .blog_col article .post_content .entry.first {
      margin-bottom: 30px; }
    .blog_area .blog_col article .post_content .entry a {
      color: #333333;
      transform: scale(1.1);
      padding-left: 10px;
      transform: scale(1.1); }
      .blog_area .blog_col article .post_content .entry a:hover {
        color: #; }
    .blog_area .blog_col article .post_content .entry .author {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;;
      text-align: left; }
    .blog_area .blog_col article .post_content .entry .date, .blog_area .blog_col article .post_content .entry .share_links {
      float: left;
      padding-left: 6px; }
    .blog_area .blog_col article .post_content .entry span {
      font-size: 14px;
      margin-right: 5px; }
  .blog_area .blog_col article .post_content p {
    line-height: 25px;
    margin-bottom: 30px; }
  .blog_area .blog_col article .post_content blockquote {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;; }
.blog_area .widget_col {
  padding-left: 100px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .blog_area .widget_col {
      padding-left: 50px;
      padding-right: 50px;
      margin-top: 50px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area .widget_col {
      padding: 0; } }
  .blog_area .widget_col section.widget {
    margin-bottom: 50px; }
    .blog_area .widget_col section.widget ul {
      list-style: none;
      margin: 0; }
    .blog_area .widget_col section.widget .heading-4 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;;
      margin: 0 0 20px; }
    .blog_area .widget_col section.widget form input[type="search"] {
      width: 100%;
      line-height: 40px;
      text-align: center;
      border: 1px solid #; }
    .blog_area .widget_col section.widget .cat-links li {
      line-height: 24px; }
      .blog_area .widget_col section.widget .cat-links li a {
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .blog_area .widget_col section.widget .cat-links li.active a, .blog_area .widget_col section.widget .cat-links li:hover a {
        color: #; }
    .blog_area .widget_col section.widget .recent_posts .single_recent {
      display: block;
      overflow: hidden;
      margin-bottom: 15px; }
      .blog_area .widget_col section.widget .recent_posts .single_recent .img {
        float: left;
        width: 50px; }
      .blog_area .widget_col section.widget .recent_posts .single_recent .content {
        padding-left: 70px; }
        .blog_area .widget_col section.widget .recent_posts .single_recent .content .heading-5 {
          font-family: 'Roboto', sans-serif;;
          font-size: 14px;
          margin: 0;
          color: #333333; }
        .blog_area .widget_col section.widget .recent_posts .single_recent .content a {
          line-height: 24px;
          color: #333333;
          margin-top: -5px;
          vertical-align: top;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
          .blog_area .widget_col section.widget .recent_posts .single_recent .content a:hover {
            color: #; }
    .blog_area .widget_col section.widget .feature .fi {
      margin-bottom: 20px; }
      .blog_area .widget_col section.widget .feature .fi img {
        width: 100%; }
    .blog_area .widget_col section.widget .feature .fc .heading-4 {
      margin-bottom: 0; }
    .blog_area .widget_col section.widget .feature .fc span {
      font-size: 14px;
      line-height: 20px;
      vertical-align: top; }
      .blog_area .widget_col section.widget .feature .fc span a {
        color: #333333;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
        .blog_area .widget_col section.widget .feature .fc span a:hover {
          color: #; }
    .blog_area .widget_col section.widget .archive {
      margin-bottom: 0; }
      .blog_area .widget_col section.widget .archive li {
        display: block;
        font-family: 'Roboto', sans-serif;; }
        .blog_area .widget_col section.widget .archive li:before {
          content: '>';
          margin-right: 5px;
          color: #333333; }
        .blog_area .widget_col section.widget .archive li a {
          color: #333333;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
          .blog_area .widget_col section.widget .archive li a:hover {
            color: #; }
        .blog_area .widget_col section.widget .archive li ul {
          padding-left: 19px; }
    .blog_area .widget_col section.widget .tag_links a {
      line-height: 25px;
      padding: 0 15px;
      background-color: #bdc3c7;
      color: #333333;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .blog_area .widget_col section.widget .tag_links a:hover {
        color: #fff;
        background-color: #; }

.blog_area.single .entry.entry-footer {
  margin-top: 70px; }
  .blog_area.single .entry.entry-footer .share_links {
    text-align: left; }
    .blog_area.single .entry.entry-footer .share_links span {
      font-family: 'Roboto', sans-serif;; }
    .blog_area.single .entry.entry-footer .share_links ul {
      margin: 0 0 0 50px;
      list-style: none;
      display: inline-block; }
      .blog_area.single .entry.entry-footer .share_links ul li {
        display: inline-block; }
        .blog_area.single .entry.entry-footer .share_links ul li a {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #;
          color: #fff;
          margin: 0 2px;
          font-size: 17px;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          text-align: center;
          padding-left: 0; }
          .blog_area.single .entry.entry-footer .share_links ul li a:hover {
            background-color: #333333;
            color: #ffffff; }
.blog_area.single .author_box .author_img.pull-left {
  width: 150px;
  height: 150px;
  float: none !important;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 30px; }
.blog_area.single .author_box .author_dtc {
  padding-left: 230px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .author_box .author_dtc {
      padding-left: 0;
      text-align: center; } }
  .blog_area.single .author_box .author_dtc .heading-4 {
    margin: 0;
    font-family: 'Roboto', sans-serif;;
    color: #; }
  .blog_area.single .author_box .author_dtc span.position {
    font-size: 14px;
    margin: 10px 0 15px; }
  .blog_area.single .author_box .author_dtc p {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;; }
  .blog_area.single .author_box .author_dtc .post_count {
    float: right;
    background: #;
    line-height: 30px;
    padding: 0 20px;
    color: #fff; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .author_box .author_dtc .post_count {
        float: none; } }
.blog_area.single .comment_box {
  margin-top: 110px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .comment_box {
      margin-top: 50px;
      text-align: center; } }
  .blog_area.single .comment_box > .heading-4 {
    padding-left: 100px;
    font-family: 'Roboto', sans-serif;; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box > .heading-4 {
        padding-left: 0; } }
  .blog_area.single .comment_box .comment_img {
    float: left; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .comment_img {
        float: none;
        border-radius: 50%;
        overflow: hidden; } }
  .blog_area.single .comment_box .comment_content {
    padding-left: 135px;
    line-height: 20px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .comment_content {
        padding-left: 0;
        text-align: center; } }
    .blog_area.single .comment_box .comment_content .title {
      overflow: hidden;
      margin-bottom: 20px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .blog_area.single .comment_box .comment_content .title {
          text-align: center; } }
      .blog_area.single .comment_box .comment_content .title .heading-4 {
        float: left;
        display: inline-block;
        font-family: 'Roboto', sans-serif;;
        margin: 0;
        color: #; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_box .comment_content .title .heading-4 {
            float: none;
            text-align: center; } }
      .blog_area.single .comment_box .comment_content .title .entry {
        display: inline-block;
        float: right; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_box .comment_content .title .entry {
            display: block;
            text-align: center; } }
        .blog_area.single .comment_box .comment_content .title .entry > * {
          display: inline-block; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .blog_area.single .comment_box .comment_content .title .entry > * {
              display: inline-block;
              margin: 5px 10px; } }
        .blog_area.single .comment_box .comment_content .title .entry .reply {
          line-height: 25px;
          padding: 0 15px;
          color: #333333;
          background-color: #bdc3c7;
          margin-left: 25px; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .blog_area.single .comment_box .comment_content .title .entry .reply {
              margin: 15px 0 0; } }
  .blog_area.single .comment_box .single_comment {
    padding-left: 100px;
    margin-top: 50px; }
    .blog_area.single .comment_box .single_comment .single_comment .comment_content .entry .reply {
      display: none; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area.single .comment_box .single_comment {
        padding-left: 0;
        text-align: center; } }
.blog_area.single .comment_form {
  padding-left: 100px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area.single .comment_form {
      padding-left: 0; } }
  .blog_area.single .comment_form .heading-4 {
    font-family: 'Roboto', sans-serif;;
    margin: 120px 0 50px; }
  .blog_area.single .comment_form span.clearfix {
    display: block; }
    .blog_area.single .comment_form span.clearfix input[type="text"] {
      width: 47%;
      float: left;
      border: 1px solid #bdc3c7;
      height: 40px;
      margin-bottom: 20px;
      text-indent: 15px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .blog_area.single .comment_form span.clearfix input[type="text"] {
          width: 100%;
          display: block; } }
      .blog_area.single .comment_form span.clearfix input[type="text"]:focus {
        border-color: #; }
      .blog_area.single .comment_form span.clearfix input[type="text"] + input {
        float: right;
        width: 47%;
        border: 1px solid #bdc3c7;
        height: 40px;
        margin-bottom: 20px;
        text-indent: 15px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .blog_area.single .comment_form span.clearfix input[type="text"] + input {
            width: 100%;
            display: block; } }
        .blog_area.single .comment_form span.clearfix input[type="text"] + input:focus {
          border-color: #; }
    .blog_area.single .comment_form span.clearfix textarea {
      border: 1px solid #bdc3c7;
      height: 120px;
      width: 100%;
      margin-bottom: 20px;
      resize: none;
      text-indent: 15px; }
      .blog_area.single .comment_form span.clearfix textarea:focus {
        border-color: #; }
    .blog_area.single .comment_form span.clearfix input[type="submit"] {
      float: right;
      height: 30px;
      color: #fff;
      padding: 0 25px;
      border: none;
      background-color: #;
      text-transform: uppercase; }
      .blog_area.single .comment_form span.clearfix input[type="submit"]:hover {
        background-color: #333333; }
.blog_area.single .related_blog > .heading-4 {
  font-family: 'Roboto', sans-serif;;
  margin: 60px 0 50px;
  text-align: center;
  font-size: 24px; }

  #chat-area::-webkit-scrollbar {
    width:0.8em;
    height:0.8em;
	background: #eaeaea;
	margin-right: 10px;
}

#chat-area::-webkit-scrollbar:hover{
    background-color:# eaeaea ;
	border: none;
}

/* STILE CHAT */

#chat-area::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#;
	border: none;
}
#chat-area::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color: #;
	border: none;
}
#chat-area::-webkit-scrollbar-thumb:hover{
    background-color: #;
	border: none;
}
#chat-area::-webkit-scrollbar-thumb:active{
    background-color:#;
	border: none;
}	
#chat_open{
	background:rgba(0, 0, 0, 1) !important;
	color: rgba(0, 0, 0, 1);	
}
#chat {border: 1px solid rgba(0, 0, 0, 1) !important}

.sedi {	
	background:#;
	color:#;
	height: 120px;
	border-bottom:# solid 1px;
}

@media (max-width: 767px) {
	.dropdown {padding-left: 23px !important;}
}	

@media (max-width: 767px) {
	.hero_area header .header_btm .search_icon {
		right: 55px;
		top: 5px !important;
		font-size: 29px;
	}
}
  
/*# sourceMappingURL=style.css.map */