/*----------------------------------------------------
@File: Default Styles
@Author: Colorlib
@URL:https://colorlib.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below.

	1. Variables
	2. Prefix
	3. header
	4. Slider
    5. Builder
    6. About
    7. Offer
    8. Feature
    9. Services
    10. Team
    11. Achievments
    12. Testimonial
    13. Gallery
    14. Blog
    15. Call
    16. Construction
    17. Min-blog
    18. 404
    19. Contact
    20. Footer
    21. Responsive


----------------------------------------------------*/
/*--------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i");
/*Color Variables*/
::selection {
  background-color: #ccad00;
  color: #FFFFFF;
}

/* Button */
.button_all {
  font: 700 18px/59px "Roboto", sans-serif;
  width: 180px;
  text-align: center;
  background: #ccad00;
  display: block;
  border: 0;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  padding: 0;
}
.button_all:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #222222;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.button_all:hover, .button_all:focus {
  color: #fff !important;
}
.button_all:hover:before, .button_all:focus:before {
  transform: scaleY(1);
  border-radius: 15px;
}

/* Section Title*/
.tittle {
  text-align: left;
}
.tittle h2 {
  font: 400 24px "Oswald", sans-serif;
  color: #222222;
  padding-top: 25px;
  position: relative;
}

.tittle h3 {
  font: 700 22px "Roboto", sans-serif;
  color: #222222;
  padding-top: 25px;
}
.tittle h4 {
  font: 400 20px "Roboto", sans-serif;
  color: #222222;
  padding-top: 20px;
}
.tittle h5 {
  font: 400 18px "Roboto", sans-serif;
  color: #222222;
  padding-bottom: 10px;
}
.tittle h6 {
  font: 400 15px "Roboto", sans-serif;
  color: #222222;
  padding: 5px;
}
.tittle p {
  font: 400 15px "Roboto", sans-serif;
  color: #222222;
  padding: 5px;
}

/* Subtittle */
.subtittle h2 {
  font: 700 36px "Roboto", sans-serif;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
}
.subtittle h5 {
  font: 600 18px "Roboto", sans-serif;
  color: #222222;
  position: relative;
  margin-bottom: 20px;
}
.subtittle h6 {
  font: 400 14px "Roboto", sans-serif;
  color: #555555;
  padding-top: 22px;
}

/* Preloader */
.preloader {
 position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*--------------------------------------------------*/
/*Prefix Styles*/
.m0 {
  margin: 0;
}

.p0 {
  padding: 0;
}

body {
  font-family: "Roboto", sans-serif;
  /*Section Fix*/
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0;
}
body p {
  font-family: "Roboto", sans-serif;
  line-height: 26px;
  color: #555555;
  margin: 0;
}
body section.row, body header.row, body footer.row {
  margin: 0;
}

/*Ancore*/
a, .btn, button {
  outline: none;
  transition: all 300ms linear 0s;
}
a:before, a:after, .btn:before, .btn:after, button:before, button:after {
  transition: all 300ms linear 0s;
}
a:focus, a:hover, .btn:focus, .btn:hover, button:focus, button:hover {
  outline: none;
  text-decoration: none;
  transition: all 300ms linear 0s;
}

/*--------------------------------------------------*/
/* Top header */
.top_header_area {
  background: #ccad00;
}
.top_header_area .top_nav li a {
  font: 600 14px/24px "Roboto", sans-serif;
  color: #111f29;
  padding: 0;
  padding-left: 10px;
}
.top_header_area .top_nav li a i {
  color: #111f29;
  font-size: 20px;
  padding-right: 5px;
}
.top_header_area .top_nav li a:hover, .top_header_area .top_nav li a:focus {
  background-color: transparent;
  color: #fff;
}
.top_header_area .top_nav li:first-child a {
  padding: 0;
}
.top_header_area .social_nav {
  margin: 0;
  padding-top: 0px;
}
.top_header_area .social_nav li a {
  font-size: 16px;
  color: #111f29;
  padding: 0;
  text-align: center;
  height: 20px;
  width: 20px;
  border-radius: 20%;
  margin-left: 10px;
}
.top_header_area .social_nav li a i {
  line-height: 20px;
}
.top_header_area .social_nav li a:hover, .top_header_area .social_nav li a:focus {
  background: #111f29;
  color: #fff;
}
/* End Top header */
/* Top header 2 */
.top_header_area.top_header {
  background-color: transparent;
  position: relative;
  overflow: hidden;
}
.top_header_area.top_header .right_top_header {
  background: #111f29;
  display: block;
  overflow: hidden;
  padding-left: 20px;
}
.top_header_area.top_header .right_top_header:after {
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
  background: #111f29;
  height: 50px;
  z-index: -1;
}
.top_header_area .booking_text 
{
  padding-top: 2px;
  background: #ccad00;
  padding: 3px 0;
}
.top_header_area .booking_text h1 {
  font: 600 16px "Roboto", sans-serif;
  color: #000;
  text-shadow: 1px 0px #ffffff;
}

/* End Top header 2 */
/* Header Aera */
.header_aera {
  background: #fff;
  border-radius: 0;
  border: 0;
  margin: 0;
  width: 100%;
  z-index: 9999;
  top: 0;
  box-shadow: 0px 0px 20px 0px rgba(21, 47, 95, 0.2);
}
.header_aera .show {
  height: 80px;
  border-bottom: 1px solid transparent;
}
.header_aera .navbar-header .navbar-brand {
  padding-top: 9px;
}
.header_aera .navbar-header .navbar-brand img {
  max-width: 100%;
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li a {
  font: 600 17px/70px "Titillium Web", sans-serif;
  color: #111f29;
  padding: 0;
  padding-left: 40px;
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li a:hover, .header_aera .navbar-collapse .navbar-nav.navbar-right li a:focus {
  color: #ccad00;
}
@media (min-width: 768px) {
  .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu .other_dropdwn {
    margin-right: -122px;
  }
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  min-width: 190px;
  transition: all 500ms ease-in-out;
  background: #ccad00;
}
@media (min-width: 768px) {
  .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul {
    margin-right: -150px;
    display: block;
    transform: rotateX(-90deg);
    transform-origin: top;
  }
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul li {
  display: block;
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul li a {
  line-height: normal;
  font: 700 14px/normal "Roboto", sans-serif;
  padding: 12px 8px;
  display: block;
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul:before {
  content: "";
  width: 100%;
  height: 5px;
  background: #222222;
  position: absolute;
  top: 0px;
  transform: translateZ(0);
  backface-visibility: hidden;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: all 800ms ease-in-out;
}
.header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0px;
  background: #222222;
  transform: translateZ(0);
  backface-visibility: hidden;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: all 800ms ease-in-out;
}
@media (min-width: 768px) {
  .header_aera .navbar-collapse .navbar-nav.navbar-right li:hover.submenu ul {
    transform: rotateX(0deg);
  }
  .header_aera .navbar-collapse .navbar-nav.navbar-right li:hover.submenu ul:before {
    transform: scaleX(1);
  }
  .header_aera .navbar-collapse .navbar-nav.navbar-right li:hover.submenu ul:after {
    transform: scaleX(1);
  }
}

/* End Header Aera */
/* End header area 2 */
.header_aera_tow {
  background-color: transparent;
  position: relative;
  box-shadow: none;
}
.header_aera_tow .navbar_right_fulid {
  background: #fff;
  height: 100px;
  padding-left: 20px;
  box-shadow: 0px 0px 40px 0px rgba(21, 47, 95, 0.2);
}
.header_aera_tow .navbar_right_fulid:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100px;
  background: #fff;
  width: 30%;
  z-index: -1;
  box-shadow: 0px 0px 40px 0px rgba(21, 47, 95, 0.2);
}
.header_aera_tow .navbar_right_fulid ul.nav.navbar-nav.navbar-right {
  margin-right: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
}

/* header area 2 */
/*--------------------------------------------------*/
/* slider_area */
.slider_area .slider_inner .camera_caption {
  height: 100%;
}
.slider_area .slider_inner .camera_caption div {
  background: transparent;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 1;
  top: 42%;
  transform: translateY(-50%);
  text-shadow: none;
  left: 0;
}
.slider_area .slider_inner .camera_caption div h2 {
  color: #222222;
  font: 600 22px "Roboto", sans-serif;
  text-shadow: 2px 2px #ccad00;
}
.slider_area .slider_inner .camera_caption div h3 {
  color: #ccad00;
  font: 500 20px "Roboto", sans-serif;
  padding-top: 27px;
  text-shadow: 2px 1px #222222;
}
.slider_area .slider_inner .camera_caption div p {
  padding-top: 10px;
  color: #222222;
  font: 600 18px/24px "Roboto", sans-serif;
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 15px;
  text-shadow: 2px 1px #ccad00;
}
.slider_area .slider_inner .camera_caption div a {
  font: 700 18px/50px "Roboto", sans-serif;
  width: 160px;
  text-align: center;
  background: #ccad00;
  display: block;
  text-shadow: none;
  margin: 0 auto;
  outline: none !important;
  border-radius: 10px;
  box-shadow: none;
  border: 0;
  color: #222222;
  position: relative;
  z-index: 2;
  padding: 0;
}
.slider_area .slider_inner .camera_caption div a:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  border-radius: 10px;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}
.slider_area .slider_inner .camera_caption div a:hover:before, .slider_area .slider_inner .camera_caption div a:focus:before {
  transform: scaleY(1);
}
.slider_area .slider_inner .camera_prev, .slider_area .slider_inner .camera_next {
  opacity: 1 !important;
  background-color: transparent;
}
.slider_area .slider_inner .camera_prev span, .slider_area .slider_inner .camera_next span {
  display: none;
}
.slider_area .slider_inner .camera_prev {
  position: relative;
}
.slider_area .slider_inner .camera_prev:after {
  content: "";
  position: absolute;
  top: -20px;
  background: url("../images/prev.png") no-repeat;
  left: 382px;
  height: 50px;
  width: 50px;
}
.slider_area .slider_inner .camera_next:after {
  content: "";
  position: absolute !important;
  top: 0;
  background: url("../images/next.png") no-repeat;
  right: 382px;
  height: 50px;
  width: 50px;
}
.slider_area .slider_inner .camera_fakehover {
  top: 20px;
}

/* End slider_area */
/* Banner Area */
.banner_area {
    background: url("../images/banner-bg.jpg") no-repeat fixed;
    background-position:top;
    text-align: center;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
}
.banner_area:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area h2 {
  color: #fff;
  font: 500 20px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 70px;
}
.banner_area .breadcrumb {
  background-color: transparent;
  padding-top: 15px;
}
.banner_area .breadcrumb li a {
  font: 500 16px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area .breadcrumb li a.active {
  color: #ccad00;
}

/* End Banner Area */
/*--------------------------------------------------*/
.professional_builder {
  background: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 10px;
}
.professional_builder .builder_all .builder {
  text-align: center;
  padding-bottom: 15px;
}

.professional_builder .builder_all .pbuilder {
  text-align: center;
  padding-bottom: 25px;
  font: 400 18px/20px "Roboto", sans-serif;
  color: #ccad00;
}
.professional_builder .builder_all .builder i {
  font-size: 40px;
  color: #ccad00;
  padding-bottom: 25px;
}
.professional_builder .builder_all .builder h4 {
  font: 600 16px "Roboto", sans-serif;
  color: #222222;
  padding-bottom: 15px;
  padding-top: 10px;
}
.professional_builder .builder_all .builder h5 {
  font: 500 18px "Roboto", sans-serif;
  color: #222222;
  padding-bottom: 15px;
}
.professional_builder .builder_all .builder p {
  font: 400 14px/20px "Roboto", sans-serif;
  color: #555555;
}
/*--------------------------------------------------*/
.what_we_area {
  background: #fff;
}
.what_we_area .tittle h4 {
  color: #222222;
}
.what_we_area .construction_iner {
  padding-top: 40px;
  padding-bottom: 50px;
}
.what_we_area .construction_iner .construction {
  text-align: center;
  padding-bottom: 30px;
  cursor: move;
}
.what_we_area .construction_iner .construction .cns-img {
  z-index: 2;
  border: 2px solid #ccad00;
}
.what_we_area .construction_iner .construction .cns-img img {
  max-width: 100%;
}
.what_we_area .construction_iner .construction .cns-content {
  background: #ccad00;
  padding: 0 30px;
  padding-bottom: 20px;
  margin-top: -30px;
}
.what_we_area .construction_iner .construction .cns-content i {
  color: #fff;
  font-size: 24px;
  background: #0c528f;
  line-height: 60px;
  width: 60px;
  display: block;
  margin: 0 auto;
  z-index: 1;
  transition: all 300ms linear 0s;
  position: relative;
}
.what_we_area .construction_iner .construction .cns-content h5 {
  font: 700 16px "Roboto", sans-serif;
  text-transform: uppercase;
  color: #222222;
  padding-top: 45px;
  display: block;
}

.what_we_area .construction_iner .construction .cns-content p {
  font: 400 14px/22px "Roboto", sans-serif;
  color: #fff;
  padding-top: 20px;
}
.what_we_area .construction_iner .construction:hover h5, .what_we_area .construction_iner .construction:focus h5 {
  color: #fff;
  font-size: 16px;
}
.what_we_area .construction_iner .construction:hover p, .what_we_area .construction_iner .construction:focus p {
  font: 500 14px/22px "Roboto", sans-serif;
  color: #222222;
  background-color: #ccad00;
}

/*--------------------------------------------------*/

.our_feature_area {
  padding-bottom: 25px;
  background: #fefefe;
}
.our_feature_area .feature_row {
  padding-top: 25px;
}
.our_feature_area .feature_row .feature_img {
  padding-top: 10px;
}
.our_feature_area .feature_row .feature_img img {
  max-width: 100%;
}
.our_feature_area .feature_row .feature_content .subtittle {
  padding-bottom: 5px;
}
.our_feature_area .feature_row .feature_content .media {
  padding-bottom: 5px;
}
.our_feature_area .feature_row .feature_content .media .media-left {
  padding-right: 25px;
}
.our_feature_area .feature_row .feature_content .media .media-left i {
  font-size: 28px;
  color: #ccad00;
  line-height: 50px;
  width: 60px;
  text-align: center;
  background: #333333;
  border: 5px solid #ccad00;
}
.our_feature_area .feature_row .feature_content .media .media-body h6 {
  font: 500 16px "Roboto", sans-serif;
  color: #222222;
}
.our_feature_area .feature_row .feature_content .media .media-body p {
  font: 400 14px/24px "Roboto", sans-serif;
  color: #555555;
  padding-top: 20px;
}

/*--------------------------------------------------*/
.our_team_area {
  padding-bottom: 30px;
  background: #fefefe;
}
.our_team_area .team_row {
  padding-top: 30px;
}
.our_team_area .team_row .team_membar {
  height: 378px;
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.our_team_area .team_row .team_membar img {
  max-width: 100%;
}
.our_team_area .team_row .team_membar .team_content {
  background: #ccad00;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.our_team_area .team_row .team_membar .team_content ul {
  padding: 0;
  margin: 0;
  height: 0px;
  overflow: hidden;
  transition: all 300ms linear 0s;
}
.our_team_area .team_row .team_membar .team_content ul li {
  list-style: none;
  padding-left: 20px;
  display: inline-block;
}
.our_team_area .team_row .team_membar .team_content ul li:first-child {
  padding: 0;
}
.our_team_area .team_row .team_membar .team_content ul li i {
  font: 500 15px "Roboto", sans-serif;
  color: #222222;
  text-align: center;
}
.our_team_area .team_row .team_membar .team_content h5 {
  font: 700 18px "Roboto", sans-serif;
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding-top: 10px;
}
.our_team_area .team_row .team_membar .team_content h6 {
  font: 400 16px "Roboto", sans-serif;
  color: #fff;
  padding-top: 5px;
}
.our_team_area .team_row .team_membar:hover .team_content ul, .our_team_area .team_row .team_membar:focus .team_content ul {
  height: 50px;
}

/*--------------------------------------------------*/
.featured_works {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  display: block;
  overflow: hidden;
  padding-bottom: 100px;
}
.featured_works:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.featured_works .tittle h3 {
  color: #222222;
  text-align:center;
}
.featured_works .tittle h4 {
  color: #222222;
  text-align:center;
}
.featured_works .featured_gallery {
  padding-top: 20px;
}
.featured_works .featured_gallery .gallery_iner {
  position: relative;
  overflow: hidden;
  padding: 10px;
}
.featured_works .featured_gallery .gallery_iner img {
  max-width: 100%;
}
.featured_works .featured_gallery .gallery_iner:after {
  content: "";
  position: absolute;
  background-color: rgba(204, 173, 0, 0.5);
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transition: all 300ms linear 0s;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  z-index: 2;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover h4 {
  color: #fff;
  font: 600 16px "Roboto", sans-serif;
  padding-bottom: 18px;
  position: relative;
  right: -100%;
  transition: all 300ms linear 0s;
  text-shadow: 1px 1px #222222;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover a {
  width: 200px;
  font: 400 14px/60px "Roboto", sans-serif;
  text-align: center;
  display: block;
  border-radius: 10px;
  background: #333333;
  color: #fff;
  position: relative;
  left: -100%;
  transition: all 300ms linear 0s;
  text-transform: uppercase;
  margin: 0 auto;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover a:hover, .featured_works .featured_gallery .gallery_iner .gallery_hover a:focus {
  background: #fff;
  color: #ccad00;
}
.featured_works .featured_gallery .gallery_iner:hover:after, .featured_works .featured_gallery .gallery_iner:focus:after {
  opacity: 1;
}
.featured_works .featured_gallery .gallery_iner:hover .gallery_hover h4, .featured_works .featured_gallery .gallery_iner:focus .gallery_hover h4 {
  right: 0;
}
.featured_works .featured_gallery .gallery_iner:hover .gallery_hover a, .featured_works .featured_gallery .gallery_iner:focus .gallery_hover a {
  left: 0;
}

/*=================================================================
  Portfolio section
==================================================================*/
.portfolio-filter {
  margin-bottom: 40px;
  text-align: center;
}
.portfolio-filter button {
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px;
  padding: 8px 5px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  color: #777;
  outline: none;
  background: none;
}
.portfolio-filter button:hover {
  border-bottom: 2px solid #f0326b;
  color: #000;
}
.portfolio-filter button.active {
  border-bottom: 2px solid #f0326b;
  color: #000;
}

.portfolio-items-wrapper li {
  width: 32.33%;
}

.portfolio-block {
  position: relative;
  transition: 0.3s all;
  overflow: hidden;
  padding : 20px;
}
.portfolio-block:before {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(204, 173, 0, 0.8);
  transition: 0.3s all;
}
.portfolio-block:hover:before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.portfolio-block:hover .caption h4 {
  transform: translate3d(0, 0, 0);
}
.portfolio-block:hover .caption {
  opacity: 1;
}
.portfolio-block:hover .caption .search-icon {
  opacity: 1;
}
.portfolio-block .caption {
  position: absolute;
  bottom: 10%;
  left: 10%;
  opacity: 0;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}

.portfolio-block .img-fluid {
    max-width: 100%;
    height: auto;
    vertical-align: super;
}
.portfolio-block .caption h4 {
 font: 600 18px "Roboto", sans-serif;
 color: #222222;
}
.portfolio-block .caption h4 a {
  color: #222222;
}
.portfolio-block .caption .search-icon {
  background: #222222;
  color: #fff;
  display: inline-block;
  padding: 4px 14px;
  font-size: 32px;
  border-radius: 28px;
  opacity: 0;
}

/*--------------------------------------------------*/
/* blog_tow_area */
.blog_tow_area {
  padding-top: 100px;
  padding-bottom: 70px;
}
.blog_tow_area .blog_tow_row .renovation {
  padding-bottom: 30px;
}
.blog_tow_area .blog_tow_row .renovation img {
  max-width: 100%;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content {
  border: 2px solid #ccad00;
  padding: 28px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .clipboard {
  background: #ccad00;
  border: 1px solid #fff;
  width: 60px;
  border-radius: 50%;
  display: block;
  position: relative;
  margin-top: -15px;
  text-align: center;
  z-index: 1;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .clipboard i {
  font-size: 30px;
  color: #fefefe;
  line-height: 60px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .tittle {
  font: 700 14px/1 "Roboto", sans-serif;
  color: #222222;
  text-align: left;
  text-transform: uppercase;
  display: block;
  padding-top: 30px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content h3 {
  font: 700 16px/1 "Roboto", sans-serif;
  color: #222222;
  text-align: left;
  text-transform: uppercase;
  display: block;
  padding-top: 30px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content h4 {
  font: 700 16px/1 "Roboto", sans-serif;
  color: #222222;
  text-align: left;
  text-transform: uppercase;
  display: block;
  padding-top: 30px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content h5 {
  font: 700 16px/1 "Roboto", sans-serif;
  color: #222222;
  text-align: left;
  text-transform: uppercase;
  display: block;
  padding-top: 30px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content h6 {
  font: 700 16px/1 "Roboto", sans-serif;
  color: #222222;
  text-align: left;
  text-transform: uppercase;
  display: block;
  padding-top: 30px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .tittle:hover, .blog_tow_area .blog_tow_row .renovation .renovation_content .tittle:focus {
  color: #ccad00;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .date_comment {
  padding-top: 20px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .date_comment a {
  font: 400 14px "Roboto", sans-serif;
  color: #888;
  padding-right: 60px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content .date_comment a i {
  padding-right: 10px;
}
.blog_tow_area .blog_tow_row .renovation .renovation_content p {
  font: 400 14px/26px "Roboto", sans-serif;
  color: #555555;
  padding-top: 30px;
  padding-bottom: 5px;
}

/* End blog_tow_area */
/*--------------------------------------------------*/
/* book_now_aera */
.book_now_aera {
  background: #222222;
  padding: 8px 0;
}
.book_now_aera .book_now .booking_text {
  padding-top: 2px;
}
.book_now_aera .book_now .booking_text p {
  font: 500 14px/26px "Roboto", sans-serif;
  color: #fff;
  padding-top: 5px;
}
.book_now_aera .book_now .book_bottun a 
{
  font: 600 18px/32px "Roboto", sans-serif;
  width: 120px;
  background: #25D366;
  border-radius: 15px;
  color: #333333;
  text-transform: none;
  border: 3px solid #25D366;
}
.book_now_aera .book_now .book_bottun a i {
  color: #fff;
  font-size: 22px;
  padding-right: 5px;
  padding-top: 2px;
}
/* End book_now_aera */
/*--------------------------------------------------*/
/* Map Css */
.contact_map iframe {
  height: 400px;
  width: 100%;
}

/* End Map Css */
/* All contact Info Css */
.all_contact_info .contact_row {
  padding: 50px 0;
}
.all_contact_info .contact_row .contact_info h3 {
  font: 500 18px/2 "Roboto", sans-serif;
  color: #222222;
  padding: 10px;
  position: relative;
}
.all_contact_info .contact_row .contact_info h2:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 80px;
  background: #ccad00;
  left: 0;
  bottom: 0;
}
.all_contact_info .contact_row .contact_info p {
  font: 400 14px/26px "Roboto", sans-serif;
  color: #555555;
  padding-top: 10px;
}
.all_contact_info .contact_row .contact_info .location {
  padding-top: 4px;
  float: left;
}
.all_contact_info .contact_row .contact_info .location a {
  font: 500 14px/50px "Roboto", sans-serif;
  color: #555555;
  display: block;
  padding-left: 2px;
}
.all_contact_info .contact_row .contact_info .location a:hover, .all_contact_info .contact_row .contact_info .location a:focus {
  color: #ccad00;
}
.all_contact_info .contact_row .contact_info .location .location_laft .f_location {
  padding-bottom: 20px;
}
.all_contact_info .contact_row .contact_info .location a i {
  width: 30px;
  height: 30px;
  border-width: 0px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 22px;
  border-color :#ccad00;
  border-style: ridge;
  background:#ccad00;
  -webkit-border-radius: 20%;
}

.all_contact_info .contact_row .contact_info .location .location_laft :hover, .all_contact_info .contact_row .contact_info .location .location_laft :focus {
  background: #FFFFFF;
  color: #ccad00;
}

.all_contact_info .contact_row .contact_info .location .address a {
  text-transform: none;
}
.all_contact_info .contact_row .send_message .contact_box {
  padding-top: 30px;
}
.all_contact_info .contact_row .send_message .contact_box .input_box {
  border: 1px solid #dfe3e4;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  height: 50px;
  padding-left: 15px;
  width: 100%;
  color: #ccad00;
  margin-bottom: 20px;
}
.all_contact_info .contact_row .send_message .contact_box .input_box.placeholder {
  color: #ccad00;
}
.all_contact_info .contact_row .send_message .contact_box .input_box:-moz-placeholder {
  color: #ccad00;
}
.all_contact_info .contact_row .send_message .contact_box .input_box::-webkit-input-placeholder {
  color: #ccad00;
}
.all_contact_info .contact_row .send_message .contact_box textarea {
  height: 120px !important;
  resize: none;
}
.all_contact_info .contact_row .send_message .contact_box button {
  color: #fefefe;
  font: 400 14px/40px "Roboto", sans-serif;
  background: #ccad00;
  width: 140px;
  color: #222222;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
}
.all_contact_info .contact_row .send_message .contact_box button:hover, .all_contact_info .contact_row .send_message .contact_box button:focus {
  color: #ccad00;
  background: #222222;
}

/* End All contact Info Css */
/*--------------------------------------------------*/
.footer_area {
  background: url("../images/footer.jpg") no-repeat;
  position: relative;
  background-size: cover;
  background-position: right;
  z-index: 1;
  box-shadow: 0px 0px 20px 0px rgb(21 47 95 / 20%);
}
.footer_area:after {
  content: "";
  position: absolute;
  top: 0;
  background-color:rgba(0, 0, 0, 0);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.footer_area .footer_row {
  padding-top: 80px;
  padding-bottom: 45px;
}
.footer_area .footer_row .footer_about {
  padding-bottom: 20px;
}
.footer_area .footer_row .footer_about p {
  font: 500 18px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #222222;
  padding-bottom: 20px;
}
.footer_area .footer_row .footer_about img {
  max-width: 100%;
}
.footer_area .footer_row .footer_about .pfootertext {
  font: 400 14px/30px "Oswald", sans-serif;
  color: #222222;
  padding-top: 12px;
}
.footer_area .footer_row .footer_about .socail_icon {
  padding: 0;
  margin: 0;
  padding-top: 5px;
}
.footer_area .footer_row .footer_about .socail_icon li {
  display: inline-block;
  list-style: none;
  padding-left: 8px;
}
.footer_area .footer_row .footer_about .socail_icon li:first-child {
  padding: 0;
}
.footer_area .footer_row .footer_about .socail_icon li a {
  border: 2px solid #ccad00;
  display: block;
  line-height: 26px;
  width: 32px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.footer_area .footer_row .footer_about .socail_icon li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ccad00;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.footer_area .footer_row .footer_about .socail_icon li a i {
  font-size: 16px;
  color: #222222;
  display: inline-block;
  padding-top: 7px;
}
.footer_area .footer_row .footer_about .socail_icon li a:hover:after, .footer_area .footer_row .footer_about .socail_icon li a:focus:after {
  transform: scaleY(1);
}
.footer_area .footer_row .footer_about .quick_link {
  padding: 0;
  margin: 0;
}
.footer_area .footer_row .footer_about .quick_link li {
  list-style: none;
}
.footer_area .footer_row .footer_about .quick_link li a {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #222222;
  position: relative;
  padding-left: 30px;
}
.footer_area .footer_row .footer_about .quick_link li a i {
  font-size: 14px;
  color: #ccad00;
  padding-right: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 300ms linear 0s;
}
.footer_area .footer_row .footer_about .quick_link li a:hover, .footer_area .footer_row .footer_about .quick_link li a:focus {
  color: #ccad00;
}
.footer_area .footer_row .footer_about .quick_link li a:hover i, .footer_area .footer_row .footer_about .quick_link li a:focus i {
  left: 8px;
}
.footer_area .footer_row .footer_about .twitter {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #222222;
  display: block;
  padding-bottom: 20px;
}
.footer_area .footer_row .footer_about .twitter:hover, .footer_area .footer_row .footer_about .twitter:focus {
  color: #ccad00;
}
.footer_area .footer_row .footer_about address p {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #222222;
  padding: 0;
}
.footer_area .footer_row .footer_about address .my_address {
  padding: 0;
  margin: 0;
  padding-top: 15px;
}
.footer_area .footer_row .footer_about address .my_address li {
  list-style: none;
}
.footer_area .footer_row .footer_about address .my_address li a {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #222222;
}
.footer_area .footer_row .footer_about address .my_address li a i {
  color: #ccad00;
  padding-right: 12px;
  font-size: 18px;
  display: inline-block;
}
.footer_area .footer_row .footer_about address .my_address li a:hover, .footer_area .footer_row .footer_about address .my_address li a:focus {
  color: #ccad00;
}
.footer_area .footer_row .footer_about address .my_address li span {
  display: inline-block;
  padding-left: 30px;
  margin-top: -30px;
}
.footer_area .copyright_area {
  background: #090909;
  font: 400 14px/50px "Roboto", sans-serif;
  color: #fefefe;
  text-align: center;
}
.footer_area .copyright_area a {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #ccad00;
}
.footer_area .copyright_area a:hover, .footer_area .copyright_area a:focus {
  color: #fefefe;
}

/*--------------------------------------------------*/
@media (max-width: 1700px) {
  .slider_area .slider_inner .camera_next::after {
    right: 105px;
  }

  .slider_area .slider_inner .camera_prev::after {
    left: 105px;
  }
}
@media (max-width: 1199px) {
  .slider_area .slider_inner .camera_next::after {
    right: 0px;
  }

  .slider_area .slider_inner .camera_prev::after {
    left: 0;
  }
  .our_team_area .team_row .team_membar img {
    height: 330px;
  }

  .blog_tow_area .blog_tow_row .renovation .renovation_content .date_comment a {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .top_header_area .top_nav li a {
    padding-left: 5px;
  }

  .header_aera .navbar-collapse .navbar-nav.navbar-right li a {
    padding-left: 8px;
  }

  .header_aera .navbar-collapse .navbar-nav.navbar-right li .nav_searchFrom {
    height: 101px;
    margin-top: -1px;
  }

  .header_aera_tow .navbar-collapse .navbar-nav.navbar-right li a {
    padding-left: 16px;
  }

  .top_header .top_nav li a {
    padding-left: 10px;
  }

  .header_aera_tow .navbar_right_fulid::after {
    display: none;
  }

  .top_header_area.top_header {
    background: #111f29 !important;
  }

  .top_header_area.top_header .right_top_header::after {
    display: none;
  }

  .header_aera_tow {
    background: #fff !important;
  }

  .header_aera_tow .navbar_right_fulid {
    box-shadow: none;
  }

  .all_header {
    box-shadow: 0px 0px 40px 0px rgba(21, 47, 95, 0.2);
  }

  .slider_area .slider_inner .camera_caption div p {
    max-width: 600px;
  }

  .our_feature_area .feature_row .feature_img {
    padding-bottom: 20px;
  }
  
  .book_now_aera .book_now .booking_text p {
    padding-bottom: 1px;
  }
  
  .book_now_aera .book_now .book_bottun a {
    margin-left: 2px;
    margin-top: 2px;
  }
  
  .footer_about.quick {
    padding-bottom: 70px !important;
  }
  
  .our_skill_inner {
    padding-top: 30px;
  }
  
  .contact_map #map {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .top_header_area .top_nav li {
    display: inline-block;
  }
  .top_header_area .top_nav li:first-child a {
    padding-left: 5px;
  }
  .top_header_area .top_nav li a {
    line-height: 28px;
  }

  .top_header_area .social_nav {
    padding-top: 0;
    padding-bottom: 0px;
  }
  .top_header_area .social_nav li {
    display: inline-block;
  }
  .top_header_area .social_nav li:first-child a {
    margin-left: 0;
  }

  .navbar-toggle {
    top: 6px;
  }

  .header_aera .navbar-header {
    height: 70px;
  }
  .header_aera .navbar-header .navbar-brand {
    padding-top: 7px;
  }

  .header_aera .navbar-collapse .navbar-nav.navbar-right li a {
    line-height: 45px;
  }

  .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul {
    padding-left: 30px;
    background-color: transparent;
  }
  .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul li a:hover, .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul li a:focus {
    color: #ccad00;
  }

  .slider_inner.camera_wrap {
    height: 500px !important;
  }
  
  .what_we_area .construction_iner .construction {
    max-width: 390px;
    margin: 0 auto;
  }

  .our_team_area .team_row .team_membar {
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .our_team_area .team_row .team_membar img {
    height: auto;
  }

  .footer_about.quick {
    padding-bottom: 50px !important;
  }

  .footer_area .footer_row {
    padding-bottom: 0;
  }

  .header_aera_tow .navbar_right_fulid {
    height: 80px;
  }

  .top_header_area.top_header {
    display: none;
  }

  .header_aera .navbar-collapse .navbar-nav.navbar-right li .nav_searchFrom {
    height: 45px;
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #fff;
  }

  .about_client.about_pages_client {
    padding-top: 0 !important;
    padding-bottom: 30px;
  }

  constructing_right {
    padding-top: 30px;
  }

  .blog_tow_area .blog_tow_row .renovation {
    max-width: 360px;
    margin: 0 auto;
  }
  
  .not_found_area {
    padding-left: 15px;
    padding-right: 15px;
  }

  .widget_area {
    padding-top: 60px;
  }

  .footer_area .footer_row .footer_about address .my_address li span {
    padding-left: 6px;
  }

  .contact_info.send_message {
    padding-top: 40px;
  }
}
@media (max-width: 689px) {
  .slider_area .slider_inner .camera_caption div {
    width: 88%;
    right: 0;
    margin: 0 auto;
  }

  .slider_area .slider_inner .camera_caption div p {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
@media (max-width: 360px) {
  .slider_area .slider_inner .camera_caption div h3 {
    font-size: 24px;
  }
  
  .what_we_area .construction_iner .construction .cns-content {
    padding: 0 10px;
    padding-bottom: 20px;
  }

  .featured_works .featured_gallery .gallery_iner .gallery_hover {
    display: none;
  }

  .footer_area .copyright_area {
    line-height: 26px;
    padding: 10px 0;
  }
  .footer_area .footer_row .footer_about address .my_address li span {
    padding-left: 30px;
  }
}
@media (max-width: 320px) {
  .slider_area .slider_inner .camera_caption div h3 {
    font-size: 23px;
  }
}
/*--------------------------------------------------*/

/*# sourceMappingURL=style.css.map */