@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
/*-------------------------------------

Template Name: Austom HTML5 Responsive Template 
Template URI: http://radiustheme.com
Description: This is html5 template
Author: radiustheme
Author URI: http://radiustheme.com
Version: 1.0

---------------------------------------
  
CSS INDEX
===================

1. Theme Default CSS (body, link color, section  and font etc).
2.Header Area Start Here
 2.1 Stiky Menu Styling
3.Slider Bottom area start  here
4.Home page About Us Area Section Start Here
5.Home Page Our Experienced Area Section Start Here
6.Homepage Our Service Section Start Here
7.Home Page Request Call back area section start here
8.Home Page Team Expert Section Area Start Here
9.Home Page Testimonial Area Start Here
10.Homepage Latest News area Start Here
11.Footer Start Here

---------------------------------------*/
/*-------------------------------------*/
/*  1.  Theme default CSS
/*-------------------------------------*/
/*-------------------------------------
 Base Color 
 --------------------------------------*/
/*-------------------------------------
 Font family 
 --------------------------------------*/
html,
body {
  height: 100%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 26px;
}
a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #333333;
}
a:hover {
  color: #08838f;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
  color: #08838f;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #797979;
  vertical-align: baseline;
}
.acurate {
  margin: 0;
  padding: 0;
}
/*-------------------------------------
2.Header Area Start Here 
---------------------------------------*/
.mobile-menu-area {
  display: none;
}
.header-area {
  padding: 18px 0;
  /* Main Menu Styling */
}
.header-area.stick {
  border-bottom: 2px solid #1cb9c8;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.5s;
}
.header-area .logo-area {
  margin-top: 10px;
}
.header-area .logo-area a {
  display: block;
}
.header-area .main-menu-area ul {
  text-align: center;
}
.header-area .main-menu-area ul li {
  display: inline-block;
}
.header-area .main-menu-area ul li a {
  display: block;
  padding: 20px 25px;
  text-decoration: none;
  text-transform: uppercase;
}
.header-area .main-menu-area ul li.current a {
  color: #1cb9c8;
}
.header-area .header-contact-area {
  padding: 10px 40px;
  position: relative;
}
.header-area .header-contact-area:before {
  background: #dadada;
  content: "";
  display: block;
  height: 125px;
  left: 0;
  position: absolute;
  top: -43px;
  width: 1px;
}
.header-area.stick .header-contact-area:before {
  height: 112px;
}
.header-area .header-contact-area .image {
  float: left;
}
.header-area .header-contact-area .image a {
  display: block;
  font-size: 30px;
  margin-right: 20px;
  margin-top: 10px;
  transition: all 0.3s ease 0s;
}
.header-area .header-contact-area .image a span {
  color: #1cb9c8;
}
.header-area .header-contact-area .image a:hover {
  color: #08838f;
}
.header-area .header-contact-area .content a {
  color: #000000;
  font-weight: 600;
}
.header-area .header-contact-area .content a span {
  display: block;
  color: #333333;
  font-weight: normal;
}
.header-area .header-contact-area .content a:hover {
  color: #08838f;
}
/*----------------------------------
2.1 Stiky Menu Styling 
-----------------------------------*/
div#sticker {
  background: transparent;
}
.stick {
  position: fixed;
  top: 0px;
  z-index: 999999;
  width: 100%;
  background: #ffffff !important;
  margin: 0;
}
.stick.header-contact-area::before {
  height: 112px;
}
/*-------------------------------------
3.Slider area start here 
---------------------------------------*/

.slider-area .slider-1 h1 {
  text-transform: uppercase;
  font-weight: 800;
}
.slider-area .slider-1 h4 {
  position: relative;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
.slider-area .slider-1 p {
  padding: 0 20em;
}
.slider-area .slider-1 .read-more {
  margin-top: 30px;
}
.slider-area .slider-1 .read-more ul li {
  display: inline-block;
}
.slider-area .slider-1 .read-more ul li:last-child a {
  background: transparent;
  border: 2px solid #1cb9c8;
  padding-top: 10px;
  padding-bottom: 10px;
}
.slider-area .slider-1 .read-more ul li:last-child a i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.slider-area .slider-1 .read-more ul li:last-child a:hover {
  background: #08838f;
  border: 2px solid #08838f;
}
.slider-area .slider-1 .read-more ul li a {
  background: #1cb9c8;
  color: #ffffff;
  padding: 12px 30px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  margin: 10px;
  transition: all 0.3s ease 0s;
  display: block !important;
  font-size: 13px;
}
.slider-area .slider-1 .read-more ul li a i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.slider-area .slider-1 .read-more ul li a:hover {
  background: #08838f;
}
.slider-area .nivo-controlNav a {
  border-radius: 50%;
}
/*-------------------------------------
3.Slider Bottom area start  here 
---------------------------------------*/

.slider-bottom-area .slider-bottom {
  color: #ffffff;
  padding: 135px 0px;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}
.slider-bottom-area .slider-bottom h3 {
  color: #ffffff;
  font-size: 24px;
  z-index: 99;
  display: block;
  margin-bottom: 0;
}
.slider-bottom-area .slider-bottom .overley {
  background: rgba(28, 185, 200, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.45s ease-in-out 0s;
}
.slider-bottom-area .slider-bottom .overley .overley-content {
  padding: 70px 60px;
}
.slider-bottom-area .slider-bottom .overley .overley-content h3 {
  color: #ffffff;
  font-size: 24px;
  z-index: 99;
  display: block;
}
.slider-bottom-area .slider-bottom .overley .overley-content p {
  background: transparent;
  margin-bottom: 0;
}
.slider-bottom-area .slider-bottom:hover h3 {
  display: none;
}
.slider-bottom-area .slider-bottom:hover .overley {
  opacity: 1;
}
.slider-bottom-area .single-slider-bottom1 {
  background: url(img/slider-bottom1.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slider-bottom-area .single-slider-bottom2 {
  background: url(img/slider-bottom2.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slider-bottom-area .single-slider-bottom3 {
  background: url(img/slider-bottom3.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
/*--------------------------------------
4.Home page About Us Area Section Start Here 
---------------------------------------*/
.homepage-about-us-area {
  padding: 90px 0 60px;
}
.homepage-about-us-area .homepage-about-us {
  overflow: hidden;
}
.homepage-about-us-area .homepage-about-us .about-us-feature-image a {
  display: block;
}
.homepage-about-us-area .homepage-about-us .about-us-content h2 {
  color: #000000;
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
  margin-bottom: 23px;
}
.homepage-about-us-area .homepage-about-us .about-us-content h2 span {
  color: #1cb9c8;
}
.homepage-about-us-area .homepage-about-us .about-us-content .read-more {
  margin-top: 30px;
}
.homepage-about-us-area .homepage-about-us .about-us-content .read-more a {
  background: transparent;
  border: 2px solid #1cb9c8;
  color: #1cb9c8;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  transition: all 0.3s ease 0s;
  display: inline-block;
  font-size: 13px;
}
.homepage-about-us-area .homepage-about-us .about-us-content .read-more a i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.homepage-about-us-area .homepage-about-us .about-us-content .read-more a:hover {
  background: #08838f;
  border: 2px solid #08838f;
  color: #ffffff;
}
/*-------------------------------------
5.Home Page Our Experienced Area Section Start Here 
---------------------------------------*/
.homepage-our-experinced-area {
  padding-bottom: 80px;
}
.homepage-our-experinced-area .homepage-our-experinced-content h3 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  position: relative;
}
.homepage-our-experinced-area .skill-content-3 {
  overflow: hidden;
}
.homepage-our-experinced-area .skill .progress .lead {
  color: #444;
  font-size: 15px;
  font-weight: 400;
  left: 0;
  position: absolute;
  top: -30px;
  z-index: 99;
}
.homepage-our-experinced-area .skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 8px;
  margin: 30px 0 50px 0;
  overflow: visible;
  position: relative;
}
.homepage-our-experinced-area .skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -25px;
  position: relative;
  padding: 0 5px;
}
.homepage-our-experinced-area .skill .progress-bar > span:before,
.homepage-our-experinced-area .skill .progress-bar > span:after {
  border: medium solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  top: 100%;
  width: 0;
}
.homepage-our-experinced-area .skill .progress-bar > span:before {
  border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.homepage-our-experinced-area .holax-shop h3,
.homepage-our-experinced-area .we-are-good-at h3 {
  font-size: 18px;
  margin-bottom: 25px;
}
.homepage-our-experinced-area .skill .progress:nth-child(1) .progress-bar {
  background: #1cb9c8;
}
.homepage-our-experinced-area .skill .progress:nth-child(2) .progress-bar {
  background: #1cb9c8;
}
.homepage-our-experinced-area .skill .progress:nth-child(3) .progress-bar {
  background: #1cb9c8;
}
/*-------------------------------------
6.Homepage Our Service Section Start Here 
---------------------------------------*/
.homepage-our-service-area {
  padding: 90px 0 80px;
  background: url(img/service/service-bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.homepage-our-service-area h2 {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
  position: relative;
  margin-bottom: 30px;
  margin-left: 15px;
  padding-bottom: 10px;
}
.homepage-our-service-area h2::after {
  position: absolute;
  content: "";
  background: #1cb9c8;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0 auto;
  height: 3px;
  width: 50px;
}
.homepage-our-service-area .homepage-our-service .single-service {
  position: relative;
  overflow: hidden;
  margin: 0 15px;
}
.homepage-our-service-area .homepage-our-service .single-service:hover h3 a {
  background: #1cb9c8;
  bottom: 14px;
  color: #ffffff;
  margin: 0;
  padding: 15px;
  position: absolute;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}
.homepage-our-service-area .homepage-our-service .single-service:hover .overley {
  opacity: 1;
  transition: all 0.7s ease 0s;
}
.homepage-our-service-area .homepage-our-service .single-service a {
  display: block;
  overflow: hidden;
}
.homepage-our-service-area .homepage-our-service .single-service a img {
  width: 100%;
  transform: scale(1);
  transition: all 1s ease 0s;
}
.homepage-our-service-area .homepage-our-service .single-service a img:hover {
  transform: scale(1.1);
}
.homepage-our-service-area .homepage-our-service .single-service .overley {
  background: #1cb9c8;
  border-radius: 50%;
  bottom: 33px;
  display: block;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 60px;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.homepage-our-service-area .homepage-our-service .single-service .overley a {
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-top: 11px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.homepage-our-service-area .homepage-our-service .single-service .overley a:hover {
  color: #1cb9c8;
}
.homepage-our-service-area .homepage-our-service .single-service h3 {
  font-weight: 500;
}
.homepage-our-service-area .homepage-our-service .single-service h3 a {
  background: rgba(28, 185, 200, 0.9);
  bottom: 14px;
  color: #ffffff;
  display: block;
  font-size: 20px;
  margin: 0;
  padding: 15px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}
.homepage-our-service-area .homepage-our-service .owl-buttons {
  position: absolute;
  right: 15px;
  top: -65px;
}
.homepage-our-service-area .homepage-our-service .owl-buttons div {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 35px;
  margin: 0 0 0 2px;
  background: transparent;
  background:#1cb9c8;
  opacity: 1;
  transition: all 0.3s; 
}
.homepage-our-service-area .homepage-our-service .owl-buttons div:hover {
  background: #08838f;
}
.homepage-our-service-area .homepage-our-service .owl-buttons div i {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
/*-------------------------------------
7.Home Page Request Call back area section start here 
---------------------------------------*/

.request-call-back-area {
  background: #000000;
  padding: 90px 0 80px;
  position: relative;
}
.request-call-back-area h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 36px;
  position: relative;
}
.request-call-back-area h2:after {
  background: #1cb9c8;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 45px;
  width: 50px;
}
.back-to-call-area {
  background: #000000;
  position: relative;
}
.back-to-call-area .back-call {
  left: 0;
  bottom: 0;
  color: #ffffff;
  position: relative;
  z-index: 99999;
}
.back-to-call-area .back-call h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin-left: 15px;
  text-align: center;
}
.back-to-call-area .back-call:after {
  background: url("img/call-back.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 50px;
  position: relative;
  top: -54px;
  width: 206px;
  z-index: -1;
}
.request-call-back-area .request-call-back p {
  color: #ffffff;
}
.request-call-back-area .form-area form input,
.request-call-back-area .form-area form select {
  background: #3a3f3f;
  border: medium none;
  border-radius: 0;
  height: 50px;
  color: #dddddd;
}
.request-call-back-area .form-area form input:focus,
.request-call-back-area .form-area form select:focus {
  border: medium none;
  box-shadow: none;
}
.request-call-back-area .form-area form textarea {
  background: #3a3f3f;
  border: medium none;
  border-radius: 0;
  height: 150px;
  color: #dddddd;
}
.request-call-back-area .form-area form textarea:focus {
  border: medium none;
  box-shadow: none;
}
.request-call-back-area .form-area form .submit-botton {
  background: #1cb9c8;
  border: none;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  font-family: 'Raleway', sans-serif;
}
.request-call-back-area .form-area form .submit-botton:hover {
  background: #08838f;
  color: #ffffff;
}
.request-call-back-area .form-area form .submit-botton i {
  color: #ffffff;
}
/*--------------------------------------
8.Home Page Team Expert Section Area Start Here 
---------------------------------------*/
.single-product-tab {
  float: right;
}
.vertical-slider-container {
  background: #fff;
  margin: 0px auto;
  position: relative;
}
.slideshow {
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slideshow img {
  display: block;
  height: 120px;
  margin: 10px 0;
}
.vertical-slider-nav {
  cursor: pointer;
  display: block;
  height: 11px;
  left: 40%;
  z-index: 10;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  text-decoration: none;
  width: 20px;
  transition: all .3s ease;
}
.vertical-slider-nav-up {
  top: -20px;
}
.vertical-slider-container:hover .vertical-slider-nav-up:hover {
  opacity: 1;
}
.vertical-slider-container:hover .vertical-slider-nav-up {
  top: -20px;
  opacity: 1;
}
.vertical-slider-nav-down {
  bottom: -20px;
}
.vertical-slider-container:hover .vertical-slider-nav-down:hover {
  opacity: 1;
}
.vertical-slider-container:hover .vertical-slider-nav-down {
  bottom: -20px;
  opacity: 1;
}
#product-1 .single-team.active {
  display: block;
}
#product-1 .single-team {
  display: none;
}
.single-product-tab .cycle-carousel-wrap img {
  cursor: pointer;
}
.homepage-team-area {
  background: url(img/team/team-bg.png) no-repeat;
  background-position: left center;
  padding: 80px 0 90px;
}
.homepage-team-area .total-team-area .tab-content h2 {
  color: rgb(0, 0, 0);
  font-size: 30px;
  font-weight: 600;
  position: relative;
}
.homepage-team-area .total-team-area .tab-content h2:after {
  background: rgb(28, 185, 200) none repeat scroll 0 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 45px;
  width: 50px;
}

.homepage-team-area .total-team-area .tab-content .single-team {
  padding-top: 30px;
}
.homepage-team-area .total-team-area .tab-content .single-team .pull-left {
  margin-right: 20px;
}
.homepage-team-area .total-team-area .tab-content .single-team .pull-left img {
  width: 100%;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body h3.media-heading {
  position: relative;
  line-height: 1;
  margin-bottom: 8px;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body h3.media-heading a {
  color: #000000;
  display: block;
  font-size: 26px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body h3.media-heading a:hover {
  color: #1cb9c8;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body p.designation {
  color: #1cb9c8;
  margin-bottom: 12px;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body .social-media-area {
  margin-top: 25px;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body .social-media-area ul li {
  display: inline-block;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body .social-media-area ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #1cb9c8;
  transition: all 0.5s ease 0s;
  text-align: center;
  display: block;
  font-size: 18px;
  border: 1px solid #1cb9c8;
  margin: 1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.homepage-team-area .total-team-area .tab-content .single-team .media-body .social-media-area ul li a:hover {
  background: #1cb9c8;
  color: #ffffff;
}
/* ------------------------------------
9.Home Page Testimonial Area Start Here 
---------------------------------------*/
.homepage-testimonial-area {
  background: url(img/team/team-bg1.png) no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding: 90px 0;
  background-size: cover;
}
.homepage-testimonial-area .single-testimonial {
  margin: 0 15px;
}
.homepage-testimonial-area .single-testimonial .pull-left {
  margin-right: 20px;
}
.homepage-testimonial-area .single-testimonial .pull-left img:hover {
  opacity: .8;
}

.homepage-testimonial-area .single-testimonial .media-body h3.media-heading {
   margin-bottom: 15px;
}

.homepage-testimonial-area .single-testimonial .media-body h3.media-heading a {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.homepage-testimonial-area .single-testimonial .media-body h3.media-heading a span{
  font-size: 14px;
}
.homepage-testimonial-area .single-testimonial .media-body h3.media-heading a:hover {
  color: #1cb9c8;
}
.homepage-testimonial-area .single-testimonial .media-body p {
  color: #dddddd;
}
.homepage-testimonial-area .homepage-testimonial .owl-pagination {
  margin-top: 30px;
}
.homepage-testimonial-area .homepage-testimonial .owl-pagination .owl-page.active span {
  background: #1cb9c8;
}
.homepage-testimonial-area .homepage-testimonial .owl-pagination .owl-page span {
  border-radius: 0;
  height: 1px;
  width: 50px;
  background: #ffffff;
  opacity: 1;
  margin: 0 7px;
  padding: 2px 10px;
}
/*-------------------------------------
10.Homepage Latest News area Start Here 
---------------------------------------*/
.homepage-news-area {
  background: rgba(0, 0, 0, 0) url("img/news/news-bg.png") no-repeat scroll left center / cover;
  padding: 90px 0;
}
.homepage-news-area .homepage-new h2 {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
  position: relative;
  padding-bottom: 10px;
}
.homepage-news-area .homepage-new h2::after {
  position: absolute;
  content: "";
  background: #1cb9c8;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0 auto;
  height: 3px;
  width: 50px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area {
  background: #ffffff;
  margin-top: 30px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .pull-left {
  margin-right: 20px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .pull-left a {
  display: block;
  overflow: hidden;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .pull-left img {
  width: 100%;
  transform: scale(1);
  transition: all 1s ease 0s;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .pull-left img:hover {
  transform: scale(1.1);
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body {
  height: auto;
  overflow: hidden;
  padding: 15px 0 0;
  position: relative;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body p.date {
  color: #1cb9c8;
  margin-bottom: 0px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body h3 {
  margin: 0 0 6px 0;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body h3 a {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  transition: all 0.5s ease 0s;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body h3 a:hover {
  color: #1cb9c8;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body p {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 90px 0 0;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body ul {
  margin-top: 0px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body ul li {
  border-right: 1px solid #666666;
  color: #1cb9c8;
  display: inline-block;
  line-height: 12px;
  margin-right: 10px;
  padding-right: 15px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body ul li a {
  color: #1cb9c8;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body ul li a:hover {
  color: #08838f;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body ul li:last-child {
  border: 0px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body .read-more {
  display: inline-block;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body .read-more a {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: #1cb9c8;
  width: 70px;
  height: auto;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  text-align: center;
  display: block;
  height: 150px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body .read-more a:hover {
  background: #000000;
}
.homepage-news-area .homepage-new .homepage-total-news-area .total-news-section .single-news-area .media-body .read-more a i {
  bottom: 0;
  display: block;
  left: 0;
  margin: 85% auto;
  position: absolute;
  right: 0;
  top: 0;
}
.homepage-news-area .homepage-new .homepage-total-news-area .owl-buttons {
  position: absolute;
  right: 0;
  top: -55px;
}
.homepage-news-area .homepage-new .homepage-total-news-area .owl-buttons div {
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 0 0 2px;
  background: #1cb9c8 !important;
  opacity: 1;
  transition: all 0.3s;
}
.homepage-news-area .homepage-new .homepage-total-news-area .owl-buttons div i {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}
.homepage-news-area .homepage-new .homepage-total-news-area .owl-buttons div:hover{
    background: #08838f !important;
}
/*-------------------------------------
11.Footer Start Here 
---------------------------------------*/
.footer-area {
  /*background: url(img/footer-bg.jpg) no-repeat;*/
  padding: 150px 0;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.footer-area .footer-top-area {
  padding: 60px;
  background: rgba(45, 44, 44, 0.9);
}
.footer-area .footer-top-area:before {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 100%;
  color: #000000;
  content: "\f1d9";
  font-family: fontawesome;
  font-size: 25px;
  height: 70px;
  left: 0;
  line-height: 70px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -35px;
  width: 70px;
  display: block;
}
.footer-area .footer-top-area p {
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}
.footer-area .footer-top-area h3 {
  text-align: center;
}
.footer-area .footer-top-area h3 a {
  color: #ffffff;
  margin-bottom: 75px;
  display: block;
}
.footer-area .footer-top-area .contact-form input {
  width: 95%;
  margin-right: 2%;
  border-radius: 0px;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  height: 45px;
}
.footer-area .footer-top-area .contact-form input.last-child {
  margin-right: 0;
  width: 100%;
}
.footer-area .footer-top-area .contact-form textarea {
  border-radius: 0px;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.footer-area .footer-top-area .contact-form .submit-botton {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 13px;
  margin: 20px 0 0;
  padding: 15px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.footer-area .footer-top-area .contact-form .submit-botton:hover {
  background: #1cb9c8;
  border: 1px solid #1cb9c8;
}
.footer-area .footer-top-area .contact-form ::-webkit-input-placeholder {
  color: #ffffff;
}
.footer-area .footer-top-area .contact-form :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}
.footer-area .footer-top-area .contact-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
.footer-area .footer-top-area .contact-form :-ms-input-placeholder {
  color: #ffffff;
}
.footer-area h2.vartical-text {
  color: #1cb9c8;
  font-size: 72px;
  font-weight: 900;
  left: -32%;
  letter-spacing: 20px;
  position: absolute;
  text-transform: uppercase;
  top: 40%;
  transform: rotate(270deg);
}
.footer-area .footer-menu {
  margin: 30px 0;
}
.footer-area .footer-menu ul {
  text-align: center;
}
.footer-area .footer-menu ul li {
  display: inline-block;
  border-right: 1px solid #ffffff;
  line-height: 12px;
  padding: 0px 30px;
}
.footer-area .footer-menu ul li:last-child {
  border: 0;
}
.footer-area .footer-menu ul li a {
  display: block;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.footer-area .footer-menu ul li a:hover {
  color: #08838f;
}
.footer-area .footer-buttom-area {
  margin-top: 20px;
  border-top: 1px solid #5f5f5f;
  padding: 20px 0 0;
}
.footer-area .footer-buttom-area .copy-right-text p {
  margin: 12px 0 0;
  color: #9f9f9f;
}
.footer-area .footer-buttom-area .footer-social-media ul {
  text-align: right;
}
.footer-area .footer-buttom-area .footer-social-media ul li {
  display: inline-block;
  margin: 5px;
}
.footer-area .footer-buttom-area .footer-social-media ul li a {
  width: 40px;
  height: 40px;
  line-height: 37px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #1cb9c8;
  display: block;
  text-align: center;
}
.footer-area .footer-buttom-area .footer-social-media ul li a:hover {
  background: #1cb9c8;
  color: #ffffff;
  border: 1px solid #1cb9c8;
}
#scrollUp {
  display: block;
  bottom: 6px;
  border: 1px solid #1cb9c8;
  right: 12px;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  position: fixed;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-animation: flash 3000ms infinite;
  -moz-animation: flash 3000ms infinite;
  -ms-animation: flash 3000ms infinite;
  -o-animation: flash 3000ms infinite;
  animation: flash 3000ms infinite;
  width: 38px;
  z-index: 9999;
}
#scrollUp:hover {
  -webkit-animation: flash 0s infinite;
  -moz-animation: flash 0s infinite;
  -ms-animation: flash 0s infinite;
  -o-animation: flash 0s infinite;
  animation: flash 0s infinite;
}
#scrollUp i {
  display: block;
  color: #1cb9c8;
  padding-top: 5px;
  font-size: 24px;
}