/*----------------------------------------------------
@File: Default Styles
/*--------------------------------------------------*/
@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: #f8b81d; }

/* Button */
.button_all {
  font: 700 18px/59px "Roboto", sans-serif;
  width: 180px;
  text-align: center;
  background: #ff2500;
  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;
  border-radius:0px;
}
.button_all:hover, .button_all:focus { color: #fff !important; }
.button_all:hover:before, .button_all:focus:before { transform: scaleY(1);}

/* Section Title*/
.tittle { text-align: center;  text-transform: uppercase;}
.tittle h2 { font: 700 30px "Oswald", sans-serif;  color: #333;  padding-top: 90px;  position: relative;}
.tittle h2:after { content: ""; position: absolute; background: #f6b60b; height: 5px; width: 60px;  left: 50%;  transform: translateX(-50%);  bottom: -30px;}
.tittle h4 { font: 400 14px "Roboto", sans-serif;  color: #555555;  padding-top: 55px;}

/* Subtittle */
.subtittle h2 { font: 700 36px "Roboto", sans-serif;  color: #222222;  text-transform: uppercase;  position: relative;  margin-bottom: 20px;}
.subtittle h2:after { content: "";  position: absolute;  height: 2px;  width: 80px;  background: #222222;  left: 0;  bottom: -22px;}
.subtittle h5 { font: 400 14px "Roboto", sans-serif;  color: #555555;  padding-top: 22px;}

/* Preloader */
.preloader{position:fixed;left:0px;top:0px; width:100%; height:100%; z-index:999999;background-color:#fff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/preloader.gif);}

/*--------------------------------------------------*/
/*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: #111f29;}
.top_header_area .top_nav li a { font: 400 14px/50px "Roboto", sans-serif;  color: #fff;  padding: 0;  padding-left: 30px;}
.top_header_area .top_nav li a i { color: #f6b60b;  font-size: 18px;  padding-right: 10px;}
.top_header_area .top_nav li a:hover, .top_header_area .top_nav li a:focus { background-color: transparent;  color: #f6b60b;}
.top_header_area .top_nav li:first-child a { padding: 0;}
.top_header_area .social_nav { margin: 0;  padding-top: 12px;}
.top_header_area .social_nav li a { font-size: 14px;  color: #fff;  padding: 0;  text-align: center;  height: 24px;  width: 24px;  border-radius: 50%;  margin-left: 10px;}
.top_header_area .social_nav li a i { line-height: 24px;}
.top_header_area .social_nav li a:hover, .top_header_area .social_nav li a:focus { background: #f6b60b;  color: #111f29;}
/* 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;}
/* 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 .searchForm { height: 0;  overflow: hidden;  transition: all 300ms linear 0s;}
.header_aera .searchForm .input-group-addon { border-radius: 0;  border: none;  font-size: 14px;  padding: 0 45px;  background: #f6b60b;  color: #fff;  cursor: pointer;}
.header_aera .searchForm .form-control {
  height: 79px;
  padding: 0 15px;
  border-radius: 0;
  border: none;
  color: #fff;
  background: #f6b60b;
  text-align: center;
  font: 400 16px "Roboto", sans-serif;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.header_aera .searchForm .form-control.placeholder { font: 400 16px "Roboto", sans-serif;  color: #fff;}
.header_aera .searchForm .form-control:-moz-placeholder { font: 400 16px "Roboto", sans-serif;  color: #fff;}
.header_aera .searchForm .form-control::-webkit-input-placeholder { font: 400 16px "Roboto", sans-serif;  color: #fff;}
.header_aera .show { height: 80px;  border-bottom: 1px solid transparent;}
.header_aera .navbar-header .navbar-brand {  vertical-align:middle;}
.header_aera .navbar-header .navbar-brand img { max-width: 100%;}
.header_aera .navbar-collapse .navbar-nav.navbar-right li a { font: 700 16px/100px "Roboto", sans-serif;  color: #222222;  text-transform: uppercase;  padding: 0;  padding-left: 50px;}
.header_aera .navbar-collapse .navbar-nav.navbar-right li a:hover, .header_aera .navbar-collapse .navbar-nav.navbar-right li a:focus { color: #ef2300;}
.header_aera .navbar-collapse .navbar-nav.navbar-right li .nav_searchFrom { width: 160px;  background: #ef2300;  color: #fff;  padding: 0;  text-align: center;  margin-left: 15px;}
.header_aera .navbar-collapse .navbar-nav.navbar-right li .nav_searchFrom:hover, .header_aera .navbar-collapse .navbar-nav.navbar-right li .nav_searchFrom:focus { color: #222222;}

@media (max-width: 1200px) {
.header_aera .navbar-collapse .navbar-nav.navbar-right li a { font: 700 14px/100px "Roboto", sans-serif;  color: #222222;  text-transform: uppercase;  padding: 0;  padding-left: 28px;}
}
@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: #f6b60b;}

@media (min-width: 768px) {
  .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul { margin-right: -122px;  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: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  text-shadow: none;
  left: 0;
}
.slider_area .slider_inner .camera_caption div h5 { color: #f6b60b;  font: 400 24px "Roboto", sans-serif;}
.slider_area .slider_inner .camera_caption div h3 { color: #fff; font: 400 30px "Roboto", sans-serif;  padding-top: 27px;}
.slider_area .slider_inner .camera_caption div p { padding-top: 60px;  color: #fff;  font: 400 14px/26px "Roboto", sans-serif;  max-width: 750px;  margin: 0 auto;  padding-bottom: 90px;}
.slider_area .slider_inner .camera_caption div a {
  font: 700 18px/59px "Roboto", sans-serif;
  width: 180px;
  text-align: center;
  background: #ff2500;
  display: block;
  text-shadow: none;
  margin: 0 auto;
  outline: none !important;
  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;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  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("../vendors/camera-slider/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("../vendors/camera-slider/images/next.png") no-repeat;
  right: 382px;
  height: 50px;
  width: 50px;
}
.slider_area .slider_inner .camera_fakehover {
  top: 20px;
}

/* End slider_area */

/* slider_area_tow */
.slider_area_tow .slider_inner .camera_caption div .container {  width: 1170px !important;  text-align: left;  position: relative;  top: 250px;}
.slider_area_tow .slider_inner .camera_caption div .container p { margin: 0;}
.slider_area_tow .slider_inner .camera_caption div .container a { margin: 0;}
.slider_area_tow .slider_inner .camera_prev:after { left: 230px;}
.slider_area_tow .slider_inner .camera_next:after { right: 230px;}

/* End slider_area_tow */



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



/* End Banner Area */
/*--------------------------------------------------*/
.professional_builder { background: #f5f5f5;  padding-top: 80px;  padding-bottom: 50px;}
.professional_builder .builder_all .builder { text-align: center;  padding-bottom: 25px;}
.professional_builder .builder_all .builder i { font-size: 48px;  color: #f6b60b;  padding-bottom: 35px;}
.professional_builder .builder_all .builder h4 { font: 700 18px "Roboto", sans-serif;  color: #222222;  padding-bottom: 20px;}
.professional_builder .builder_all .builder p { font: 400 14px/26px "Roboto", sans-serif;  color: #555555;}




/*--------------------------------------------------*/
/* Àλ縻 */
.about_us_area { background: #fefefe;}
.about_us_area h1{ font-size:50px;}
.about_us_area .about_row { padding-top: 70px; padding-bottom: 70px;}
.about_us_area .about_row2 { padding-top: 20px; padding-bottom: 20px;}

.about_us_area .about_row p { font: 400 14px/26px "Roboto", sans-serif; color: #555555; padding-top: 28px; }
.about_us_area .about_row .about_client { padding-top: 7px;}
.about_us_area .about_row .about_client img { max-width: 100%;}
.about_us_area .about_row .our_skill_inner .single_skill h3 { font: 700 18px "Roboto", sans-serif; color: #222222;  padding-bottom: 8px;}
.about_us_area .about_row .our_skill_inner .single_skill .progress {
  background: #f5f5f5;
  box-shadow: none;
  height: 8px;
  width: 100%;
  overflow: visible;
  border-radius: 0;
  position: relative;
  margin-bottom: 40px;
}
.about_us_area .about_row .our_skill_inner .single_skill .progress .progress-bar { background: #f6b60b;  box-shadow: none;}
.about_us_area .about_row .our_skill_inner .single_skill .progress .progress-bar .progress_parcent {font: 700 18px "Roboto", sans-serif; color: #222222; position: absolute; right: 0; top: -30px;}
.about_us_area .about_us2_pages {padding-top: 90px;}


/* °Ô½ÃÆÇ */'
.board_area { background: #fefefe; padding-bottom:100px; }
.board_wrap { height:auto; padding-top:50px;  padding-bottom:50px;  }

/* End board_area */



/* ¿¬Çõ */
.about_history_area { background: #fefefe; padding-bottom:100px;}
.about_history_area .about_history { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both;}
.about_history_area .about_history .hisimg_in {float:right; background:none; width:40%;  margin-bottom:30px;}
.about_history_area .about_history .hisimg_in img { width:100%; height:auto; border-radius:15px;}
.about_history_area .about_history .history_info {float:left; width:60%; font-size:13px; font-weight:300; color:#333; line-height:28px; text-align:left;  }
.about_history_area .about_history .history_info .history_tname { font-size:26px; color:#000; font-weight:bold; text-align:left;}




@media (min-width:320px)  and (max-width:999px) { 
.about_history_area { background: #fefefe;}
.about_history_area .about_history { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both;   }
.about_history_area .about_history .hisimg_in {float:right; background:none; width:100%;   margin-bottom:30px;   }
.about_history_area .about_history .hisimg_in img { width:100%; height:auto; border-radius:15px;  }
.about_history_area .about_history .history_info {float:left; width:100%;  font-size:13px; font-weight:300; color:#333; line-height:28px; text-align:left;  }
.about_history_area .about_history .history_info .history_tname { font-size:26px; color:#000; font-weight:bold; text-align:left;}
}




/* ºñÀü */'
.vision_area { background: #fefefe; padding-bottom:100px;}
.vision_area .about_vison_img { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both;   }
.vision_area .about_vison_mimg { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both; display:none;   }
.vision_area .about_vison p { font-size:18px; font-weight:500; text-align:center; height:100px; line-height:24px;}

.vision_area .info_lt {float:left; width:50%; text-align:left; padding:0 75px 0 0; }
.vision_area .info_rt {float:left; width:50%; text-align:left; padding:0 75px 0 0; }
.vision_area .info_desc { font-size:14px; font-weight:400; color:#666; line-height:22px; }
.vision_area .info_title {font-size:20px; font-weight:700; color:#333; line-height:100px;text-align:left; }


@media  (min-width:1000px) {
.vision_area { background: #fefefe; padding-bottom:100px;}
}



@media (min-width: 769px) and (max-width:999px) {
.vision_area { background: #fefefe; padding-bottom:100px;}
.vision_area .about_vison_img { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both; display:block;   }
.vision_area .about_vison_mimg { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both; display:none;   }
.vision_area .about_vison img { width:100%;  }
.vision_area .about_vison p { font-size:15px; font-weight:500; text-align:center; height:100px; line-height:24px;}


.vision_area .info_lt {float:left; width:50%; text-align:left; padding:0 75px 0 0; }
.vision_area .info_rt {float:left; width:50%; text-align:left; padding:0 75px 0 0; }
.vision_area .info_desc { font-size:14px; font-weight:400; color:#666; line-height:22px; }
.vision_area .info_title {font-size:20px; font-weight:700; color:#333; line-height:100px; text-align:left; }

}

@media (min-width:320px)  and (max-width:768px) {
.vision_area { background: #fefefe; padding:0 15px 80px 15px;}
.vision_area .about_vison_img { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both; display:none;   }
.vision_area .about_vison_mimg { margin:0 auto; height:auto; padding-top: 50px;  list-style:none; clear:both; display:block;   }
.vision_area .about_vison img { width:100%;  }
.vision_area .about_vison p { font-size:15px; font-weight:500; text-align:center; height:100px; line-height:24px;}

.vision_area .info_lt {float:left; width:100%; text-align:left; padding:0 20px 0 0; }
.vision_area .info_rt {float:left; width:100%; text-align:left; padding:0 20px 0 0;}
.vision_area .info_desc { font-size:14px; font-weight:400; color:#666; line-height:22px; }
.vision_area .info_title {font-size:20px; font-weight:700; color:#333; line-height:80px; text-align:left; }
}



/* ÀÎÁõ¼­ */
.about_certificate_area {background: #fefefe; padding-bottom:100px;  }

.certificate_area { width:100%; height:auto; margin:0 auto;  padding-top:50px;  }

.certificate_area .certificate_lt_tit {float:left; width:30%; font-size:20px; font-weight:bold; color:#000; line-height:50px; text-align:left;  }
.certificate_area .certificate_mid_desc {float:left;  font-size:14px; font-weight:300; color:#333; line-height:20px; text-align:left; }

.certificate_area .certificate_rt_doc {float:right; width:70%; height:auto;  list-style:none; margin-bottom:30px; }
.certificate_area .certificate_rt_doc li { float:left; width:23%; margin:5px; border:1px solid #CCC;  height:auto; text-align:center;  }
.certificate_area .certificate_rt_doc li img {width:100%;}
.line_dot { width:100%; border-bottom: 1px dotted #9a9a9a;    height:20px; clear:both;   }



@media (min-width: 641px) and (max-width:999px) {
.about_certificate_area {background: #fefefe; padding-bottom:100px;  }
.certificate_area { width:100%; height:auto; margin:0 auto;  padding-top:50px;  }
.certificate_area .certificate_lt_tit {float:left; width:40%; font-size:20px; font-weight:bold; color:#000; line-height:50px; text-align:left;  }
.certificate_area .certificate_mid_desc {float:left;  font-size:14px; font-weight:300; color:#333; line-height:20px; text-align:left; }

.certificate_area .certificate_rt_doc {float:right; width:60%; height:auto;  list-style:none; margin-bottom:30px; }
.certificate_area .certificate_rt_doc li { float:left; width:22%; margin:5px; border:1px solid #CCC;  height:auto; text-align:center;  }
.certificate_area .certificate_rt_doc li img {width:100%;}
.line_dot { width:100%; border-bottom: 1px dotted #9a9a9a;    height:20px; clear:both;   }


}



@media (min-width:320px)  and (max-width:640px) {
.about_certificate_area {background: #fefefe; padding-bottom:100px;  }
.certificate_area { width:100%; height:auto; margin:0 auto;  padding-top:30px;  }
.certificate_area .certificate_lt_tit {float:left; width:100%; font-size:20px; font-weight:bold; color:#000; line-height:50px; text-align:left;  }
.certificate_area .certificate_mid_desc {float:left; width:100%; font-size:14px; font-weight:300; color:#333; line-height:20px; text-align:left; }

.certificate_area .certificate_rt_doc {float:right; width:100%; height:auto;  list-style:none; margin-bottom:30px; }
.certificate_area .certificate_rt_doc li { float:left; width:100%; margin:0px; margin-top:15px; border:1px solid #CCC;  height:auto; text-align:left;  }
.certificate_area .certificate_rt_doc li img {width:100%;}
.line_dot { width:100%; border-bottom: 1px dotted #9a9a9a;  height:10px; clear:both;   }

}




/* ¿À½Ã´Â±æ */
.about_direction {padding:50px 0 50px 0; height:auto;}
.about_direction .address {font-size:14px; color:#333; line-height:24px; height:80px; font-weight:400; text-align:left;}
.about_direction .address bold { font-weight:600; }
.about_direction .office_map { height:450px; background:#666;  }
.about_direction .office_location {  height:180px; list-style:none; padding-top:50px; clear:both; }
.about_direction .office_location .location_lt{ float:left; display:block; }
.about_direction .office_location .location_rt{ float:right; display:block; }
.about_direction .office_location .location_rt p {font:400 14px/30px "Roboto", sans-serif;color:#000;  }
.about_direction .office_location .location_rt bold {font:14px/28px "Roboto", sans-serif; color:#333; font-weight:bold;  }
.about_direction .office_location .location_rt span {font:14px/28px "Roboto", sans-serif; color:#242424;  font-weight:200;  }
.about_direction .office_location .location_rt span purpleb{ border-radius:2px; background-color:#6633FF; color:#fff; text-align:center; font-size:12px; padding:6px;  }
.about_direction .office_location .location_rt span greenb{ border-radius:2px; background-color:#4c9e2b; color:#fff; text-align:center; font-size:12px; padding:6px;  }


@media (min-width: 481px) and (max-width:999px) {
.about_direction .office_location {  height:180px; list-style:none; padding-top:50px; clear:both; }
.about_direction .office_location .location_lt{ float:left; width:20%; display:block; }
.about_direction .office_location .location_rt{ float:right; width:80%;  }
.about_direction .office_location .location_rt p {font:400 14px/28px "Roboto", sans-serif;color:#000;  }
.about_direction .office_location .location_rt bold {font:14px/30px "Roboto", sans-serif; color:#333; font-weight:bold; }
.about_direction .office_location .location_rt span {font:14px/28px "Roboto", sans-serif; color:#242424;  font-weight:200;  }
.about_direction .office_location .location_rt span purpleb{ border-radius:2px; background-color:#6633FF; color:#fff; text-align:center; font-size:12px; padding:6px;  }
.about_direction .office_location .location_rt span greenb{ border-radius:2px; background-color:#4c9e2b; color:#fff; text-align:center; font-size:12px; padding:6px;  }
}


@media (max-width: 480px) {
.about_direction .office_location {  height:180px; list-style:none; padding-top:50px; clear:both; }
.about_direction .office_location .location_lt{ float:left; width:100%; display:none; }
.about_direction .office_location .location_rt{ float:right; width:100%; padding-bottom:30px;  }
.about_direction .office_location .location_rt p {font:400 14px/28px "Roboto", sans-serif;color:#000;  }
.about_direction .office_location .location_rt bold {font:14px/30px "Roboto", sans-serif; color:#333; font-weight:bold; }
.about_direction .office_location .location_rt span {font:14px/28px "Roboto", sans-serif; color:#242424;  font-weight:200;  }
.about_direction .office_location .location_rt span purpleb{ border-radius:2px; background-color:#6633FF; color:#fff; text-align:center; font-size:12px; padding:6px;  }
.about_direction .office_location .location_rt span greenb{ border-radius:2px; background-color:#4c9e2b; color:#fff; text-align:center; font-size:12px; padding:6px;  }
}



/* End about_us_area */


.support_wrap {padding:50px 10px 0 10px; padding-bottom:100px; }
.support_wrap .as_info {margin:0 auto; }
.support_wrap .as_info_img {text-align:center; margin:0 auto}
.support_wrap .as_info_img img {}
.support_wrap .as_info_img2 {text-align:left; padding:30px 0 60px 0;}
.support_wrap .as_info_img2 img {}
.support_wrap .as_info_img2 .img2mgr {margin-left:20px;}
.support_wrap .as_info_t { text-align:left; font-size:20px; height:90px; color:#000; font-weight:500; padding-top:50px; }
.support_wrap .as_info_tdesc { text-align:left; font-size:14px; color:#525252; font-weight:400; line-height:22px;  }



@media (min-width: 481px) and (max-width:999px) {


.support_wrap {padding:50px 15px 0 15px; padding-bottom:100px; }
.support_wrap .as_info {margin:0 auto;width:100%; }
.support_wrap .as_info_img {text-align:center; height:auto;  margin:0 auto; width:100%;}
.support_wrap .as_info_img img {width:100%;}
.support_wrap .as_info_img2 { text-align:center; height:auto; padding:30px 0 50px 0; width:100%;}
.support_wrap .as_info_img2 img {width:100%;}
.support_wrap .as_info_img2 .img2mgr {display:none;}
.support_wrap .as_info_t {width:100%;  text-align:left; font-size:20px; height:90px; color:#000; font-weight:500; padding-top:50px; }
.support_wrap .as_info_tdesc {width:100%; text-align:left; font-size:14px; color:#525252; font-weight:400; line-height:22px;  }

}




@media (max-width: 480px) {
.support_wrap br {display:none}
.support_wrap {padding:50px 15px 0 15px; padding-bottom:100px; }
.support_wrap .as_info {margin:0 auto;width:100%; }
.support_wrap .as_info_img {text-align:center; margin:0 auto; width:100%;}
.support_wrap .as_info_img img {width:100%;}
.support_wrap .as_info_img2 { text-align:center; padding:30px 0 50px 0; width:100%;}
.support_wrap .as_info_img2 img {width:100%;}
.support_wrap .as_info_img2 .img2mgr {display:none;}
.support_wrap .as_info_t {width:100%;  text-align:left; font-size:15px; height:90px; color:#000; font-weight:500; padding-top:50px; }
.support_wrap .as_info_tdesc {width:100%; text-align:left; font-size:13px; color:#525252; font-weight:400; line-height:22px;  }

}




/*--------------------------------------------------*/
.what_we_area { background: #161616;}
.what_we_area .tittle h2 {color:#fff}
.what_we_area .tittle h2:after { background: #fff;}
.what_we_area .tittle h4 { color: #fff;}
.what_we_area .construction_iner { padding-top: 60px; padding-bottom: 70px;}
.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;}
.what_we_area .construction_iner .construction .cns-img img { max-width: 100%;}
.what_we_area .construction_iner .construction .cns-content { background: #fff;  padding: 0 30px;  padding-bottom: 20px;  margin-top: -30px;}
.what_we_area .construction_iner .construction .cns-content i {
  color: #fff;
  font-size: 24px;
  background: #ff0018;
  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 .icon-home{background-color:#000; width:30px; height:30px;}
.what_we_area .construction_iner .construction .cns-content a { font: 700 18px "Roboto", sans-serif; text-transform: uppercase; color: #222222;  padding-top: 17px;  display: block;}
.what_we_area .construction_iner .construction .cns-content p { font: 400 14px/26px "Roboto", sans-serif;  color: #555555;  padding-top: 20px;}
.what_we_area .construction_iner .construction:hover a, .what_we_area .construction_iner .construction:focus a { color: #f6b60b;}
.what_we_area .construction_iner .construction:hover i, .what_we_area .construction_iner .construction:focus i { font-size: 35px;}

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


.our_feature_area { padding-bottom: 90px; background: #fefefe;}
.our_feature_area .feature_row { padding-top: 70px;}
.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: 40px;}
.our_feature_area .feature_row .feature_content .media { padding-bottom: 15px;}
.our_feature_area .feature_row .feature_content .media .media-left { padding-right: 30px;}
.our_feature_area .feature_row .feature_content .media .media-left a i { font-size: 24px; color: #f6b60b; line-height: 50px; width: 60px; text-align: center; background: #333333; border: 5px solid #f6b60b;}
.our_feature_area .feature_row .feature_content .media .media-body a { font: 700 18px "Roboto", sans-serif;  color: #222222;  text-transform: uppercase;}
.our_feature_area .feature_row .feature_content .media .media-body a:hover, .our_feature_area .feature_row .feature_content .media .media-body a:focus { color: #f6b60b;}
.our_feature_area .feature_row .feature_content .media .media-body p { font: 400 14px/26px "Roboto", sans-serif;  color: #555555;  padding-top: 10px;}

 .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        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-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img {}
	
	
@media (max-width: 767px) {
.swiper-slide img {width:100%;}
}



/*--------------------------------------------------*/
/* our_services_area */
.our_services_area { background: #2e3841;  padding-bottom: 100px;}
.our_services_area .tittle h2 { color: #fff;}
.our_services_area .tittle h4 { color: #fefefe;}
.our_services_area .portfolio_inner_area { padding-top: 60px;}
.our_services_area .portfolio_inner_area .portfolio_filter { padding-bottom: 55px;}
.our_services_area .portfolio_inner_area .portfolio_filter ul { text-align: center;  margin: 0;  padding: 0;}
.our_services_area .portfolio_inner_area .portfolio_filter ul li {list-style: none; display: inline-block;  padding-left: 30px;}
.our_services_area .portfolio_inner_area .portfolio_filter ul li:first-child { padding: 0;}
.our_services_area .portfolio_inner_area .portfolio_filter ul li a {font: 400 14px "Oswald", sans-serif; text-transform: uppercase;  color: #f5f5f5;}
.our_services_area .portfolio_inner_area .portfolio_filter ul li:hover a, .our_services_area .portfolio_inner_area .portfolio_filter ul li:focus a, .our_services_area .portfolio_inner_area .portfolio_filter ul li.active a { color: #f6b60b;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner {position: relative;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner img { max-width: 100%;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover {
  background-color: rgba(248, 184, 29, 0.851);
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  overflow: hidden;
  display: block;
  text-align: center;
  padding-top: calc(50% - 70px);
  cursor: pointer;
  opacity: 0;
  transition: all 300ms linear 0s;
}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover h4 {
  color: #fff;
  font: 700 14px "Roboto", sans-serif;
  padding-bottom: 30px;
  text-transform: uppercase;
  position: relative;
  left: -65%;
  transition: all 300ms linear 0s;
}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul { padding: 0;  margin: 0; position: relative;  right: -67%;  transition: all 300ms linear 0s;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li { list-style: none;  display: inline-block;  padding-left: 17px;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li:first-child { padding: 0;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a {
  font-size: 14px;
  color: #fff;
  line-height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: block;
}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a:hover, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner .gallery_hover ul li a:focus { color: #f6b60b;  background: #fff;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover { opacity: 1;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover h4, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover h4 { left: 0;}
.our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:hover .gallery_hover ul, .our_services_area .portfolio_inner_area .portfolio_item .single_facilities .single_facilities_inner:focus .gallery_hover ul { right: 0;}

/* grid-sizer css */
.grid-sizer { width: 33.33333333%;}

/* End our_services_area */

/*--------------------------------------------------*/
.our_team_area { padding-bottom: 70px;  background: #fefefe;}
.our_team_area .team_row { padding-top: 70px;}
.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: #f6b60b; 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 a { font-size: 14px; color: #fff; line-height: 43px; width: 45px; text-align: center;  border-radius: 50%;  border: 1px solid #fff;  display: block;}
.our_team_area .team_row .team_membar .team_content ul li a:hover, .our_team_area .team_row .team_membar .team_content ul li a:focus { color: #f6b60b;  background: #fff;}
.our_team_area .team_row .team_membar .team_content .name { font: 700 14px "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 14px "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;}


/*--------------------------------------------------*/
.our_achievments_area {
  background: url("../images/achievments_bg.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}
.our_achievments_area:after {content: ""; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.8); left: 0; right: 0; bottom: 0; display: block;  z-index: -1;}
.our_achievments_area .tittle h2 {color: #fff;}
.our_achievments_area .tittle h4 {color: #fefefe;}
.our_achievments_area .achievments_row {padding-top: 60px;}
.our_achievments_area .achievments_row .completed {text-align: center;  border-right: 3px solid #fff;}
.our_achievments_area .achievments_row .completed:last-child { border: 0;}
.our_achievments_area .achievments_row .completed i {font-size: 30px; color: #fff;  display: block;  padding-top: 10px;}
.our_achievments_area .achievments_row .completed .counter { font: 700 40px "Roboto", sans-serif;  color: #f6b60b; display: block; padding-top: 23px;}
.our_achievments_area .achievments_row .completed h6 { font: 400 14px "Roboto", sans-serif;  color: #fff;  padding-top: 20px;  text-transform: uppercase;  padding-bottom: 5px;}

/*--------------------------------------------------*/
/* Testimonial Area */
.testimonial_area { padding-bottom: 90px;  background: #fefefe;}
.testimonial_area .testimonial_carosel { padding-top: 60px;}
.testimonial_area .testimonial_carosel .item .media { max-width: 260px;  margin: 0 auto;  padding-bottom: 35px;}
.testimonial_area .testimonial_carosel .item .media .media-left { padding-right: 30px;}
.testimonial_area .testimonial_carosel .item .media .media-left a img { width: auto;}
.testimonial_area .testimonial_carosel .item .media .media-body { padding-top: 40px;}
.testimonial_area .testimonial_carosel .item .media .media-body h4 {font: 700 14px "Roboto", sans-serif;  text-transform: uppercase;  color: #222222;}
.testimonial_area .testimonial_carosel .item .media .media-body h6 {font: 400 italic 14px "Roboto", sans-serif;  color: #555555;  padding-top: 5px;}
.testimonial_area .testimonial_carosel .item p { font: 400 italic 14px/26px "Roboto", sans-serif;  color: #f6b60b;  max-width: 945px;  margin: 0 auto;  text-align: center;  padding-bottom: 50px;}
.testimonial_area .testimonial_carosel .item p i { color: #555555;  font-size: 18px;  display: block;}
.testimonial_area .testimonial_carosel .item p .fa-quote-left {text-align: right; padding-top: 5px;}
.testimonial_area .testimonial_carosel .item p .fa-quote-right {text-align: left; padding-bottom: 5px;}
.testimonial_area .testimonial_carosel .owl-controls { text-align: center;}
.testimonial_area .testimonial_carosel .owl-controls .owl-dots .owl-dot {height:10px; width: 10px; border: 2px solid #555555; margin-left: 15px; display: inline-block; transition: all 300ms linear 0s; border-radius: 50%;}
.testimonial_area .testimonial_carosel .owl-controls .owl-dots .owl-dot:hover, .testimonial_area .testimonial_carosel .owl-controls .owl-dots .owl-dot:focus, .testimonial_area .testimonial_carosel .owl-controls .owl-dots .owl-dot.active { background: #f6b60b;  border: 2px solid #f6b60b;}

/* End Testimonial Area */

/* Our Partners Area */
.our_partners_area {background: #f5f5f5;}
.our_partners_area .partners {padding-top: 60px;  padding-bottom: 90px;}
.our_partners_area .partners .item img {width: 100%;}
.our_partners_area .book_now_aera {background: #ef2500;  padding: 50px 0;}
.our_partners_area .book_now_aera .book_now .booking_text { padding-top: 8px;}
.our_partners_area .book_now_aera .book_now .booking_text h4 {font: 700 18px "Roboto", sans-serif;  color: #fff;}
.our_partners_area .book_now_aera .book_now .booking_text p { font: 400 14px/26px "Roboto", sans-serif;  color: #f2f2f2;  padding-top: 5px;}
.our_partners_area .book_now_aera .book_now .book_bottun a { width: 200px;  background: #fff;  border-radius: 0px;  color: #000;}

/* End Our Partners Area */
/*--------------------------------------------------*/
.featured_works {
  background: url("../images/protfolio_bg.jpg") no-repeat fixed;
  background-position: center;
  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: rgba(0, 0, 0, 0.9);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.featured_works .tittle h2 {color: #fff;}
.featured_works .tittle h4 {color: #fefefe;}
.featured_works .featured_gallery {padding-top: 60px;}
.featured_works .featured_gallery .gallery_iner { position: relative;  overflow: hidden;}
.featured_works .featured_gallery .gallery_iner img { max-width: 100%;}
.featured_works .featured_gallery .gallery_iner:after {
  content: "";
  position: absolute;
  background-color: rgba(248, 184, 29, 0.7);
  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: 700 14px "Roboto", sans-serif;
  text-transform: uppercase;
  padding-bottom: 18px;
  position: relative;
  right: -100%;
  transition: all 300ms linear 0s;
}
.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: #f6b60b;}
.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;}

/*--------------------------------------------------*/
/* latest_blog_area */
.latest_blog_area { padding-bottom: 70px;  background: #fefefe;}
.latest_blog_area .latest_blog { padding-top: 60px;}
.latest_blog_area .latest_blog .blog_content { padding-bottom: 25px;}
.latest_blog_area .latest_blog .blog_content img {max-width: 100%;}
.latest_blog_area .latest_blog .blog_content .blog_heading { font: 700 18px "Roboto", sans-serif;  color: #222222;  display: block;  padding-top: 45px;}
.latest_blog_area .latest_blog .blog_content .blog_heading:hover, .latest_blog_area .latest_blog .blog_content .blog_heading:focus { color: #f6b60b;}
.latest_blog_area .latest_blog .blog_content h4 {font: 400 14px "Roboto", sans-serif;  color: #555555;  text-transform: uppercase;  padding-top: 25px;}
.latest_blog_area .latest_blog .blog_content h4 a { font: 400 14px "Roboto", sans-serif;  color: #555555;}
.latest_blog_area .latest_blog .blog_content h4 a:hover, .latest_blog_area .latest_blog .blog_content h4 a:focus { color: #f6b60b;}
.latest_blog_area .latest_blog .blog_content h4 span { color: #f6b60b;  width: 40px;  text-align: center;  display: inline-block;}
.latest_blog_area .latest_blog .blog_content p { font: 400 14px/26px "Roboto", sans-serif;  color: #555555;  text-align: justify;  padding-top: 30px;}
.latest_blog_area .latest_blog .blog_content p a { font-weight: 700;  color: #222222;}
.latest_blog_area .latest_blog .blog_content p a:hover, .latest_blog_area .latest_blog .blog_content p a:focus { color: #f6b60b;}

/* End latest_blog_area */

/*--------------------------------------------------*/
.call_min_area { background: #f6b60b;  text-align: center;  padding-top: 85px;  padding-bottom: 100px;}
.call_min_area h2 { font: 400 60px "Roboto", sans-serif;  color: #fff;}
.call_min_area P {font: 400 30px/36px "Roboto", sans-serif;  color: #fefefe;  text-transform: uppercase;  max-width: 900px;  margin: 0 auto;  padding-top: 8px;  padding-bottom: 20px;}
.call_min_area .call_btn a { display: inline-block;  border: 2px solid #fff;  font: 400 18px/56px "Roboto", sans-serif;  color: #fefefe;  margin-left: 20px;}
.call_min_area .call_btn a:first-child { margin-left: 0;}




/*--------------------------------------------------*/
.not_found_area { text-align: center;  padding: 100px 0;}
.not_found_area h2 { font: 400 48px/1 "Roboto", sans-serif;  color: #f6b60b;  text-transform: uppercase;}
.not_found_area p { font: 400 14px "Roboto", sans-serif;  color: #555555;  padding-top: 50px;}
.not_found_area h1 { font: 700 72px/1 "Roboto", sans-serif;  color: #f6b60b;  padding-top: 50px;  text-transform: uppercase;  padding-bottom: 90px;}
.not_found_area .search_error { position: relative;  max-width: 555px;  margin: 0 auto;}
.not_found_area .search_error input { border: 1px solid #dfe3e4;  box-shadow: none;  color: #d3dadf;  height: 50px;  display: block;  border-radius: 0;  padding-left: 20px;}
.not_found_area .search_error input.placeholder { color: #d3dadf;}
.not_found_area .search_error input:-moz-placeholder { color: #d3dadf;}
.not_found_area .search_error input::-webkit-input-placeholder { color: #d3dadf;}
.not_found_area .search_error a {line-height: 50px;  position: absolute;  right: 0px;  bottom: 0px;  width: 50px;  color: #d3dadf;}
.not_found_area .search_error:hover a, .not_found_area .search_error:focus a { background: #f6b60b;  color: #fff;}

/*--------------------------------------------------*/
/* Map Css */
.contact_map iframe { height: 495px;  width: 100%;}

/* End Map Css */
/* All contact Info Css */
.all_contact_info .contact_row {  padding: 100px 0;}
.all_contact_info .contact_row .contact_info h2 { font: 700 26px/1 "Roboto", sans-serif;  color: #222222;  padding-bottom: 30px;  position: relative;}
.all_contact_info .contact_row .contact_info h2:after { content: "";  position: absolute;  height: 2px;  width: 80px;  background: #f6b60b;  left: 0;  bottom: 0;}
.all_contact_info .contact_row .contact_info p { font: 400 14px/26px "Roboto", sans-serif;  color: #555555;  padding-top: 30px;}
.all_contact_info .contact_row .contact_info .location {  padding-top: 55px;}
.all_contact_info .contact_row .contact_info .location a {  font: 400 14px/28px "Roboto", sans-serif;  color: #555555;  display: block;  text-transform: uppercase;}
.all_contact_info .contact_row .contact_info .location a:hover, .all_contact_info .contact_row .contact_info .location a:focus { color: #f6b60b;}
.all_contact_info .contact_row .contact_info .location .f_location { padding-bottom: 30px;}
.all_contact_info .contact_row .contact_info .location .location_laft { width: 98px;  float: left;}
.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: #d3dadf;  
 margin-bottom: 20px;
}
.all_contact_info .contact_row .send_message .contact_box .input_box.placeholder { color: #d3dadf;}
.all_contact_info .contact_row .send_message .contact_box .input_box:-moz-placeholder { color: #d3dadf;}
.all_contact_info .contact_row .send_message .contact_box .input_box::-webkit-input-placeholder { color: #d3dadf;}
.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: #f6b60b;  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: #f6b60b;  background: #222222;}

/* End All contact Info Css */
/*--------------------------------------------------*/
.footer_area { background: url("../images/footer.jpg") no-repeat; position: relative;  background-size: cover;  background-position: center;  z-index: 1;}
.footer_area:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.footer_area .footer_row { padding-top: 95px; padding-bottom: 50px;}
.footer_area .footer_row .footer_about { padding-bottom: 50px;}
.footer_area .footer_row .footer_about h2 {font: 400 18px "Oswald", sans-serif;  text-transform: uppercase;  color: #fff;  padding-bottom: 25px;}
.footer_area .footer_row .footer_about img { max-width: 100%;}
.footer_area .footer_row .footer_about p {font-weight:200;  font-size:13px;  color: #fefefe;  line-height:18px;  padding-top: 22px;}
.footer_area .footer_row .footer_about .socail_icon { padding: 0;  margin: 0;  padding-top: 25px;}
.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: 1px solid #fff; border-radius:50%; display: block;  line-height: 26px;  width: 30px;  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;
  border-radius:50%;
  background: #f6b60b;
  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: 14px;  color: #fff;  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: #fefefe;  position: relative;  padding-left: 30px;}
.footer_area .footer_row .footer_about .quick_link li a i {font-size: 14px;  color: #f6b60b;  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: #f6b60b;}
.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: #fefefe;  display: block;  padding-bottom: 15px;}
.footer_area .footer_row .footer_about .twitter:hover, .footer_area .footer_row .footer_about .twitter:focus { color: #f6b60b;}
.footer_area .footer_row .footer_about address p { font: 400 14px/28px "Roboto", sans-serif;  color: #fff;  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: #fff;}
.footer_area .footer_row .footer_about address .my_address li a i { color: #f6b60b;  padding-right: 20px;  font-size: 14px;  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: #f6b60b;}
.footer_area .footer_row .footer_about address .my_address li span {display: inline-block;  padding-left: 35px;  margin-top: -30px;}
.footer_area .copyright_area { background: #090909; font: 400 14px/100px "Roboto", sans-serif;  color: #fefefe;  text-align: center;}
.footer_area .copyright_area a { font-weight: 700;  font-size: 14px;  text-transform: uppercase;  color: #f6b60b;}
.footer_area .copyright_area a:hover, .footer_area .copyright_area a:focus { color: #fefefe;}

/*--------------------------------------------------*/
@media (max-width: 1700px) {
.history_text_align {text-align:right; }
.history_space {float:left;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area_tow .slider_inner .camera_prev::after {left: 0px !important;  }
.slider_area_tow .slider_inner .camera_next::after { right: 0px !important; }
.slider_area .slider_inner .camera_next::after { right: 105px; }
.slider_area .slider_inner .camera_prev::after { left: 105px; }
}
@media (max-width: 1199px) {
.history_text_align {text-align:left; }
.history_space {float:left;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area .slider_inner .camera_next::after {right: 0px;}

.slider_area .slider_inner .camera_prev::after { left: 0; }
.slider_area_tow .slider_inner .camera_caption div .container { max-width: 1000px !important; }
.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) {
.about_row h1 {font-size:40px;}
.about_row2 h4 {font-size:15px;}
.history_text_align {text-align:left; }
.history_space {float:left;}
.history_image {float:left;}
.history_text {float:left;}
.top_header_area .top_nav li a {  padding-left: 20px;  }

.header_aera .navbar-collapse .navbar-nav.navbar-right li a { padding-left: 20px;  }
.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;  }

.our_achievments_area .achievments_row .completed {padding-bottom: 30px;  }
.our_achievments_area .achievments_row .completed:nth-child(2) { border: 0; }
.our_partners_area .book_now_aera .book_now .booking_text p { padding-bottom: 20px; }

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

.slider_area_tow .slider_inner .camera_caption div .container a {margin-bottom: 50px;}
.slider_area_tow .slider_inner .camera_caption div .container { max-width: 720px !important; }
.slider_area_tow .slider_inner .camera_caption div { padding-top: 30px;  }
.slider_area_tow .slider_inner .camera_caption div p {padding-top: 10px; padding-bottom: 30px; }

.our_skill_inner { padding-top: 30px;}
.our_partners_area .book_now_aera .book_now .book_bottun a { margin-left: 15px;}


.contact_map #map { height: 300px;}

.blog_all .blog_row .main_blog .blog_content .tag a { margin-bottom: 10px;  }
.blog_all .blog_row .main_blog .blog_content .blog_heading { padding-left: 20px; }
}


@media (max-width: 800px) {
.history_text_align {text-align:left; }
.history_space {float:left;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area_tow .slider_inner .camera_caption div { right: 0; margin: 0 auto; width: 90%; }
}
@media (max-width: 767px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.top_header_area .top_nav li {display: inline-block; }
.top_header_area .top_nav li:first-child a {  padding-left: 15px; }
.top_header_area .top_nav li a {  line-height: 28px; }

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

.navbar-toggle {top: 15px; }
.header_aera .navbar-header {  height: 80px;  }
.header_aera .navbar-header .navbar-brand { vertical-align:middle; }
.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: #f6b60b; }
.slider_inner.camera_wrap { height: 500px !important;}

.about_us_area .about_row .about_client { padding-top: 40px; }

.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;}
.our_achievments_area .achievments_row .completed {border: 0;}
.latest_blog_area .latest_blog .blog_content { max-width: 360px; margin: 0 auto;}

.footer_about.quick {padding-bottom: 50px !important; }
.footer_area .footer_row { padding-bottom: 0; }
.slider_area_tow .slider_inner .camera_caption div .container {  max-width: 726px !important;}
.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; }
.widget_area { padding-top: 60px; }
.footer_area .footer_row .footer_about address .my_address li span {padding-left: 0; }
.not_found_area { padding-left: 15px; padding-right: 15px;  }
.contact_info.send_message { padding-top: 40px; }
.blog_all .blog_row { padding-bottom: 40px;}
}
@media (max-width: 689px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.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;}
.slider_area_tow .slider_inner .camera_caption div .container { max-width: 100% !important; }
}
@media (max-width: 546px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.call_min_area h2 {font-size: 40px;}
.call_min_area p {font-size: 20px; }
}
@media (max-width: 499px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}

.call_min_area .call_btn a { display: block; margin: 0 auto; }
.call_min_area .call_btn a:first-child { margin: 0 auto; margin-bottom: 20px; }
.blog_all .blog_row .main_blog .client_text .control {width: 100%; margin-bottom: 10px;  }

}
@media (max-width: 446px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area_tow .slider_inner .camera_caption div { padding-top: 40px;}
.slider_area_tow .slider_inner .camera_caption div h5 {font-size: 18px; }
.slider_area_tow .slider_inner .camera_caption div h3 {font-size: 20px; padding-top: 10px; }
}
@media (max-width: 360px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area .slider_inner .camera_caption div h3 {font-size: 26px; }
.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;}
.call_min_area h2 {font-size: 30px;  }
.call_min_area p {font-size: 16px; }

.footer_area .footer_row .footer_about address .my_address li span { padding-left: 30px; }
.blog_all .blog_row .main_blog .blog_content .blog_heading { font-size: 15px; }
.slider_area_tow .slider_inner .camera_caption div h3 {font-size: 19px;  padding-top: 10px;}
}
@media (max-width: 320px) {
.history_text_align {text-align:left; }
.history_space {float:right;}
.history_image {float:left;}
.history_text {float:left;}
.slider_area_tow .slider_inner .camera_caption div { padding-top: 95px;}
.slider_area .slider_inner .camera_caption div h3 { font-size: 23px; }

.blog_all .blog_row .main_blog .blog_content .blog_heading { font-size: 13px;}
.slider_area_tow .slider_inner .camera_caption div {padding-top: 60px; }
.slider_area_tow .slider_inner .camera_caption div h3 {font-size: 18px;  padding-top: 10px; }
}
/*--------------------------------------------------*/

/*# sourceMappingURL=style.css.map */
/*hoons */
/* text */
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px;!important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px;!important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font21 {font-size:21px !important;}
.font22 {font-size:22px !important;}
.font23 {font-size:23px !important;}
.font24 {font-size:24px !important;}
.font25 {font-size:25px !important;}
.font50 {font-size:50px !important;}
.font60 {font-size:60px !important;}

.history_text_align {text-align:right; }