/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR INDUSTRIAL       ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

1 Imported styles
2 Global styles
3 header top styles
4 Header Menu styles
5 Banner styles
6 Welcome to industrial styles
7 Our Services styles 
8 Our Services natural resource styles
9 Our Project Slider styles
10 Testimonial home styles
11 Latest News styles
12 Our Client styles
13 Indurial Solution styles
14 Footer styles
15 Inner Banner styles
16 About Tab Box styles
17 Team styles
18 Testimonial Area
19 Services Page styles
20 Side Bar Widget styles
21 Single service page styles
22 Core Projects page styles
23 News page styles
24 Page Navigation styles
25 News Details styles
26 News Details Comments
27 Contact us styles
28 Testimonials page styles
29 Request a quote Page styles
30 Project details page styles


****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* ==============================
   1 Imported styles
   ============================== */
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);


/* ==============================
   2 Global styles
   ============================== */


.m0 {
    margin: 0 !important;
}
.mt30 {margin-top: 30px;}
.p0 {
     padding: 0 !important;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
a, .btn, button {text-decoration: none; outline: none; -webkit-transition: all 300ms linear 0s;  transition: all 300ms linear 0s;}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {text-decoration: none;outline: none;}
section.row, header.row, footer.row {position: relative;}
body {font-family: "Open Sans", sans-serif; font-weight: 100%; height:100%;overflow-x: hidden;letter-spacing: 0.2px;}
.thm-container {max-width: 1170px; width: 100%;margin-left: auto;margin-right: auto;}
.four_arrow_hover_box {display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;opacity: 0; border: 7px solid rgba(3, 137, 158, 0.6);-webkit-transform: scaleX(0); -ms-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: left;  -ms-transform-origin: left;
  transform-origin: left;  -webkit-transition: all 300ms linear 0s;  transition: all 300ms linear 0s;}
.four_arrow_hover_box .arrows {border: 1px solid #fff;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.four_arrow_hover_box .arrows span {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(3, 137, 158, 0.6);}
.four_arrow_hover_box .arrows:before, .four_arrow_hover_box .arrows:after {content: '';display: block; position: absolute;}
.four_arrow_hover_box .arrows:before {border-top: 1px solid rgba(3, 137, 158, 0.6); border-bottom: 1px solid rgba(3, 137, 158, 0.6); top: -1px;
  bottom: -1px; left: 16px;  right: 16px;}
.four_arrow_hover_box .arrows:after {border-left: 1px solid rgba(3, 137, 158, 0.6); border-right: 1px solid rgba(3, 137, 158, 0.6); left: -1px;
  right: -1px; top: 16px; bottom: 16px;}


.accrodion {border: 1px solid #D7D7D7; background: #fff; margin-bottom: 10px; }
.accrodion:last-child {margin-bottom: 0; }
.accrodion.active .accrodion-title {background: #019BB3; }
.accrodion.active .accrodion-title h4 {color: #fff;}
.accrodion.active .accrodion-title:after {content: '-'; font-size: 40px; line-height: 38px; color: #fff;}
.accrodion .accrodion-title {cursor: pointer; position: relative; padding-left: 30px; padding-right: 30px; }
.accrodion .accrodion-title:after {content: '+'; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #898989; font-size: 23px; position: absolute; top: 0; right: 20px; line-height: 46px;}
.accrodion .accrodion-title h4 {color: #242424; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 46px; letter-spacing: .04em; margin: 0;}
.accrodion .accrodion-content {padding-left: 30px; padding-top: 19px; padding-bottom: 30px; }
.accrodion .accrodion-content h3,
.accrodion .accrodion-content h4 {margin: 0;color: #242424;margin-bottom: 15px;}
.accrodion .accrodion-content p {font-size: 14px; color: #898989; line-height: 24px; margin: 0; margin-bottom: 20px;}
.accrodion .accrodion-content ul {margin-top: 19px; }
.accrodion .accrodion-content ul li {font-size: 14px; line-height: 15px; color: #898989; margin-bottom: 8px; }
.accrodion .accrodion-content ul li:last-child {margin-bottom: 0; }
.accrodion .accrodion-content ul li:before {content: '\f105'; font-family: 'FontAwesome'; color: #898989; margin-right: 15px; }
.accrodion .accrodion-content .img-caption .img-box,
.accrodion .accrodion-content .img-caption .content-box {display: table-cell; vertical-align: top; }
.accrodion .accrodion-content .img-caption .img-box {width: 143px; }
.accrodion .accrodion-content .img-caption .content-box {padding-left: 25px; }
.accrodion .accrodion-content .img-caption .content-box p {margin-bottom: 0;}






/* ==============================
  3. header top styles
============================== */
.wel-band{background: #f0f2f3; font: 300 1em/1em "Open Sans", sans-serif; color:#6e6e6e;}
.wel-band-bg {background: url("../images/header-top-band/head-top-band.jpg") no-repeat center center;overflow: hidden;padding: 1.06em 0;}
.wel-band-bg p{font: 400 1.1em/1em "Open Sans", sans-serif; margin: 0; padding: 0;}
.wel-band .right{text-align: right;}
.logo{text-align: left;}
.logo-sec{padding: 25px 0;}
.t-logo{text-align: left; padding-bottom:0em;}
.logo-sec img {display: inline-block;}
.touch_top{float:left;padding: 8px 0;}
.touch_top ul .item{padding:0; float: right;}
.touch_top ul .item:last-child{border-right: 1px solid #d8d8d8;}
.touch_top ul .item-ad{width:50%;padding: 0 0 0 0;}
.touch_top ul .item-phone{width:46%; padding: 0 0 0 4%; }
.touch_top ul .item .media .media-left a i{font-size: 2em; color: #898d92;}
.media-body{text-align: left;}
.media-body p{text-align: left;color:#232932;padding: 0; margin: 0;font:400 1.072em/1.3em "Open Sans", sans-serif;}
.media-body p span{color:#9692a0;font-size: 1em;}
.media-body p span a{color:#9692a0; }
.media-body p span a:hover{color: #0fa2d9;}
.touch_top .nav{margin: 0;}
.widget-search{float:right;padding: 8px 0;}
.widget .search-form .form-control {height: 37px; border-radius: 0;border: none;font: 1em/1em "Open Sans", sans-serif;padding: 0 15px;
-webkit-box-shadow: none; box-shadow: none;color: #c0c0c0; z-index: 0;}
.widget-inner{border:1px solid #ddd;}
.widget .search-form .form-control + .input-group-addon {padding: 0; border: 0; border-radius: 0; background-color: transparent;}
.widget .search-form .form-control + .input-group-addon button {border: 0; background: #fff; color: #ddd;font-size: 1.2em; line-height: 2.1em;    padding-right: 15px;
}
.widget-search form{
  margin:0;
}
.widget .search-form .form-control + .input-group-addon button span{
  background:none;
  border:0;
}
#header {position: relative;}


/* ==============================
  4. Header Menu styles
============================== */
.main-menu-wrapper {
  margin-bottom: -65px;
  position: relative;
   z-index: 9;
  -webkit-transition: all .5s ease;
   transition: all .5s ease;   
}
.main-menu-wrapper .nav-bg{
  background: #009bb3;   
}
.main-menu-wrapper:before {
    content: '';
    background: #009bb3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.main-menu-wrapper.stricky-fixed {
  position: fixed;
  top: 0px;
    /*top: 10px;*/
  left: 0;
  width: 100%;
  z-index: 9999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
  background: #009bb3;
  
}
.main-menu-wrapper.stricky-fixed .free-qoute-button {
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:before {
  content: '';
  background: #FBB12F;
  right: 100%;
  width: 2500px;
  top: 0;
  height: 100%;
  -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover {
  background: #1FB5C7;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {
  background: #1FB5C7;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {
  color: #fff;
}
.ind-container {
  max-width: 1170px;
    width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.main-menu-wrapper .ind-container {
  position: relative;
}
.main-menu-wrapper .ind-container:before {
  content: '';
  position: absolute;
  border: 1px solid rgba(89, 190, 206, 0.5);
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}
.main-menu-wrapper .free-qoute-button {
  background: #FBB12F;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.main-menu-wrapper .free-qoute-button:hover {
  background: #1FB5C7;
}
.main-menu-wrapper .free-qoute-button:hover:before {
  background: #1FB5C7;
}
.main-menu-wrapper .free-qoute-button:hover a {
  color: #fff;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.main-menu-wrapper .free-qoute-button:before {
  content: '';
  position: absolute;
  left: -32px;
  top: 0;
  width: 80px;
  background: #FBB12F;
  height: 100%; 
  -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.main-menu-wrapper .free-qoute-button a {
  font: 700 1.8em/1.2em 'Open Sans Condensed', sans-serif;
  color: #010101;
  text-transform: uppercase;
  padding: 18px 30px 18px 28px;
  display: block;
  position: relative;
}
.main-menu-wrapper .free-qoute-button a:before {
 content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -65px;
  right: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 0;
}
.nav-holder {
  position: relative;
}
.nav-holder .nav-header {
  display: none;
  padding: 12px 20px;
}
.nav-holder .nav-header button {
  width: 40px;
  height: 40px;
  background: #19242a;
  border: none;
  outline: none;
  color: #fff;
  font-size: 25px;
  border-radius: 5px;
}
.nav-holder .nav-footer {
  display: block;
}
.nav-holder .nav-footer ul.nav > li {
  display: inline-block;
  padding: 23.5px 0;
  position: relative;
}
.nav-holder .nav-footer ul.nav > li:hover a,
.nav-holder .nav-footer ul.nav > li.active a {
  color: #fab90a;
  background-color: transparent;
}
.nav-holder .nav-footer ul.nav > li:last-child > a {
}
.nav-holder .nav-footer ul.nav > li > a {
  padding: 0 1.2em;
  display: block;
  color: #fff;
  text-transform: uppercase;
  border-right: 1px dashed #66c3d1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font: 600 1.36em/1em 'Open Sans Condensed', sans-serif;
  letter-spacing: 0.4px;
}

.nav-holder .nav-footer ul.nav > li.active{
  background: #FBB12F;
}
.nav-holder .nav-footer ul.nav > li.active a{
  color: #010101;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu {
  top: 100%;
  left: 0;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {
  right: 0;
  left: auto;
}
.nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
  visibility: visible;
  opacity: 1;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {
  top: 0;
  left: 100%;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
  right: 100%;
  left: auto;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
  visibility: visible;
  opacity: 1;
}
.nav-holder .nav-footer ul.nav > li ul.submenu {
  position: absolute;
  width: 275px;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li {
  display: block;
  padding: 0;
  background: #009bb3;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
  border-bottom: 0;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {
  display: none;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {
  color: #fff;
    background: #0c8092;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li a {
  color: #fff;
  font: 600 14px/1em 'Open Sans', sans-serif;
  padding: 15px 25px;
  border-bottom: 1px solid #50bacb;
  position: relative;
  display: block;
  font-weight: 500;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
    text-transform: uppercase;
}


.nav-footer ul.nav li.has-submenu > a > button {
  display: none;
}

.menu-gradient{

}
.main-menu-wrapper.full-width {
  background: #FBB12F;
  margin-top: 0;
  margin-bottom: 0;
}
.main-menu-wrapper.full-width.stricky-fixed {top:0;}
.main-menu-wrapper.full-width .free-qoute-button a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 2000px;
  height: 100%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)
  /* IE6-9 */
}

/* ==============================
  5. Banner styles
============================== */
.thm-btn {
  border: none;
  outline: none;
  background:transparent;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  padding: 10px 0px;
  padding-left: 27px;
  padding-right: 27px;
  display: inline-block;
  
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
    border: 2px solid #fff;
}
.thm-btn:hover {
  background: #1FB5C7;
  color: #fff;
}
.thm-btn:hover i {
  color: #fff;
  border-color: transparent;
}
.thm-btn:hover i:after {
  background: #fff;
}
.thm-btn i {
  font-size: 16px;
  color: #000000;
  line-height: 28px;
  border-left: 1px solid #FFCD47;
  margin-left: 20px;
  padding-left: 15px;
  position: relative;
}
.thm-btn i:after {
  content: '';
  position: absolute;
  top: 0;
  left: -2px;
  width: 1px;
  height: 100%;
  background: #D7A41B;
}
.thm-btn.transparent {
  background-color: transparent;
  border: 1px solid #85A4BE;
  color: #fff;
}
.thm-btn.transparent i {
  color: inherit;
}
.thm-btn.transparent:hover {
  background: #1FB5C7;
  border-color: #1FB5C7;
  color: #fff;
}
.thm-btn.transparent:hover i {
  color: inherit;
}
.animate-3 {
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.animate-5 {
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.animate-7 {
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
.animate-3-all * {
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.animate-5-all * {
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.animate-7-all * {
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}

.thm-banner-wrapper .caption-h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.thm-banner-wrapper .caption-p {
  font-size: 20px;
  font-style: italic;
  color: #fff;
  line-height: 28px;
}
.thm-banner-wrapper .caption-divider span.divider {
  width: 1px;
  height: 90px;
  background: #fff;
  display: block;
}
.thm-banner-wrapper .thm-btn {
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-transition: all .3s ease !important;
          transition: all .3s ease !important;
  font-weight: bold !important;
}
.thm-banner-wrapper .thm-btn i {
  margin: 0;
  border-color: transparent;
}
.thm-banner-wrapper .thm-btn i:after {
  display: none;
}
.thm-banner-wrapper .thm-btn.inverse {
 background: #F7BE3D;
  color: #000;
      border: 2px solid #F7BE3D;
   
}
.thm-banner-wrapper .thm-btn.inverse:hover {
  
  color: #202020;
     background: #1FB5C7;
    
}
.thm-banner-wrapper .thm-btn.inverse i {
  color: #fff;
}

.thm-banner-wrapper .brder {display: block;width: 100px;height: 4px;background: #E6AB0C;margin-left: auto;margin-right: auto;margin-top: 22px;}

/* ==============================
  6. Welcome to industrial styles
============================== */

.wel-ind-pad{
    padding: 5.7em 0 1em;
}
.wel-info{
    position: relative;
    overflow: hidden;
}
.wel-info h1{
    
}
.wel-info h1{
    font: 600 2.4em/1em "Alegreya", serif;
    color: #282c3d;
    margin: 0 0 0.8em;
    text-transform: uppercase;
} 
.wel-info p{
    margin: 0 0 1.2em; padding: 0; 
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #777777;
}
.wel-bot {
   padding: 1.2em 0 0;  
}
.wel-bot img{ 
    float:left;
    border:1px solid #cecece;
    padding: 0.4em;
    margin: 0 1.8em 0 0;
    height:92px;
    width: 104px;
}
.wel-bot h2{ 
    font: 400 1.5em/1.2em "Open Sans", sans-serif;
    color: #009bb3;
    margin: 0; padding: 0;
}
.wel-bot p{ 
   color:#777;
    font-style: italic;
    padding: 0.8em 0 0;
    opacity: 0.5;
    
}
.wel-ind-image{
    position: relative;
}
.wel-ind-image:after {
  content: '';
  position: absolute;
  border: 2px solid #fff;
  z-index: 4;
  display: block;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
}
.wel-ind-image img {
    max-width: 100%;
    width:470px;
    height:260px;
}
.wel-ind-r-sec{ position: relative;}

.wel-ind-r-txt{
  float: left;
    margin: 2em;
}
.wel-ind-r-txt p{
   font: 400 1.5em/1.2em "Open Sans", sans-serif;
    font-style: italic;
}
.wel-ind-r-img{
    float: right;
    position: relative;
    bottom: 4em;
    z-index: 4;
}
.wel-ind-r-img img{
    border-top:7px solid #fff;
    border-left:7px solid #fff;
    width:256px;
    height:158px;
}
/* ==============================
  7. Our Services styles
============================== */


.our-services {
}
.sectpad {
    padding: 5.7em 0;
}
.sectpad-ser {
    padding: 5.7em 0 3em;
}
.section_header {
    position: relative;
    padding: 0 0 3em;
}
.section_header h2 {
    font: bold 26px/1.2 "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0;
}
.section_header h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}
.color h2 {
    color: #242424 !important;
}
.service-info{
    position: relative;
    overflow: hidden;
}

.service-info a h4{
    border-bottom: 2px solid #19a3b8;
    color: #242424;
    font: 600 1.3em/1.5em "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 0 0 0.5em;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.service-info a h4:hover{
    color:#fbb12f;
    border-bottom: 2px solid #8192a4;
}
.service-info p{
    color: #898989;
    font: 400 1.1em/1.6em "Open Sans", sans-serif;
    margin: 0;
    padding: 1em 0 0.5em;
}
.service-info h6 a{
    color: #0fa2d9;
    text-transform: uppercase;
}
.service-info h6 a:hover{
    color: #8192a4;
    
}
.service-info h6{
   -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    padding: 0 0 3em;
}

.service-info .post-image {
  position: relative;
  overflow: hidden;
}
.service-info .post-image img {
    max-width: 100%;
    width:370px;
    height:202px;
}
.service-info .item {
  position: relative;
}
.service-info .item .four_arrow_hover_box {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.service-info .item:hover .four_arrow_hover_box, .service-info .item:focus .four_arrow_hover_box {
  opacity: 0.9;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/* ==============================
  8. Our Services natural resource styles
============================== */


.fluid-service-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: url("../images/services/ser-bg.jpg") repeat center center;
}
@media (max-width: 991px) {
  .fluid-service-area {
    display: block;
  }
}
.fluid-service-area .work-image-ser{
    width: -webkit-calc(50% - 115px);
    width: calc(50% - 115px);
    float: left;
    text-align: right;
    display: block;
    position: relative;
}
@media (max-width: 991px) {
  .fluid-service-area .work-image-ser {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .fluid-service-area .work-image-ser img {
    width: 100%;
  }
}
.fluid-service-area .service-promo{
    width: 100%;
    float: left;
    position: relative;
    padding-left: 0;
    background: url("../images/services/ser-bg.jpg") repeat;
}

@media (max-width: 991px) {
  .fluid-service-area .service-promo {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .fluid-service-area .service-promo {
    padding: 15px;
  }
}


.fluid-service-area .service-promo ul .item{
  text-align: left;
    padding: 0 0 4.1em;
}
.service-content{ position: relative; z-index: 2; padding: 4em 4em 0em 4em;}
.service-content .media-left{
  vertical-align: middle;
  padding-right: 2em;
}
.service-content .media-left a{
   font-size: 55px;
   color: #0c2e5c;
}
.service-content ul .item .media .media-body{
    text-align: left;
    font: 1em/1em "Open Sans", sans-serif;
    color: #898989;
    letter-spacing: 0.3px;
    padding: 0 2em 0 0;
}

.service-content ul .item .media .media-body h4{
   font:600 1.3em/1em "Open Sans", sans-serif; color: #fff; text-transform: uppercase;
}
.service-content ul .item .media .media-body p{
   font: 1em/1.5em "Open Sans", sans-serif;
   color: #fff;
   text-align: justify;
   margin-bottom: 10px;
}

.nau-head{ position: absolute; background: #ffa10d;width: 18em; bottom: 1em; text-align: left; font-family: "Raleway", sans-serif; padding:1em 0 0 2em; right:0;}
.nau-head p{font: 600 1.3em/1em "Raleway", sans-serif;color: #000; text-transform: uppercase;}
.nau-head p span{ display: block; color: #000; font-size: 0.7em; font-weight: 400;}
/*  Our Projects  */

.our-project{
    background: #ecebef;
    overflow: hidden;
}
/* ==============================
  9. Our Project Slider styles
============================== */

.our-pro-slider{
    
}
.our-pro-slider .pro-sliders {
  padding-top: 8px;
}
.our-pro-slider .pro-sliders .post-image {
  position: relative;
  overflow: hidden;
  margin-bottom:20px;
}
.our-pro-slider .pro-sliders .post-image img {
  max-width: 100%;
}
.our-pro-slider .pro-sliders .item {
  position: relative;
}
.our-pro-slider .pro-sliders .item .four_arrow_hover_box {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.our-pro-slider .pro-sliders .item:hover .four_arrow_hover_box, .our-pro-slider .pro-sliders .item:focus .four_arrow_hover_box {
  opacity: 0.9;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.our-pro-slider .pro-sliders .pro-web{
    position: absolute;
    bottom:1.5em;
    z-index: 6;
    width: 100%;
    text-align: center;
}
.our-pro-slider .pro-sliders .pro-web h4{
    color: #fff;
    text-transform: uppercase;
    font: 600 1.3em/1em "Open Sans", sans-serif;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    margin: 0;
 
}
@media (max-width: 599px) {
  .our-pro-slider .pro-sliders .item {
    max-width: 100%;
    margin: 0 auto;
  }
}
.our-pro-slider .owl-nav {
  position: absolute;
  right: 0;
  top: -85px;
}
.our-pro-slider .owl-nav .owl-prev, .our-pro-slider .owl-nav .owl-next {
  background: #61bac8;
  width: 33px;
  text-align: center;
  font-size: 20px;
  line-height: 33px;
  color: #fff;
  float: left;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.our-pro-slider .owl-nav .owl-prev:hover, .our-pro-slider .owl-nav .owl-next:hover {
  background: #329cad;
}
.our-pro-slider .owl-prev {
  margin-right: 5px;
    background: #329cad;
}

/* ==============================
  10. Testimonial home styles
============================== */


.testimonial-wrapper{   
    background: url(../images/testimonial/testimonial-bg.jpg) center bottom no-repeat fixed;
    background-size: cover;
    position: relative;
}   
.testimonial-wrapper:before{
  content:"";
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}
.testimonial-sec{
 padding: 2em 10em;
 text-align: center;    
    
}
.testimonial-sec .testimonial-slider{
    text-align: center;   
}
.testimonial-sec .testimonial-slider img{
    
    width: 100px;
    /*border: 2px solid #FFFFFF;*/
    /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); opacity: 1 !important;*/
    border-radius: 50%;
    display: inline-block;
}
.testimonial-sec .testimonial-slider p{
    font: 1.15em/2em "Open Sans", sans-serif;
    color: #fff;
    padding: 0;
    margin: 2em;
    margin-bottom: 10px;
}
.testimonial-sec .testimonial-slider p span{
    float: left;
}
.testimonial-sec .testimonial-slider p span img{
    width:auto;
    border-radius:inherit;
    margin-top: -10px;
}

.testimonial-sec .testimonial-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    border: 2px solid #FBB12F;
    background-color: transparent;
    /* background: #FBB12F; */
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
    border: 2px solid #1FB5C7;
    background: transparent;
    width: 15px;
    height: 15px;
}
/* ==============================
  11. Latest News styles
============================== */

.latest-news{
    background: url("../images/latest-news/news-bg.jpg") no-repeat scroll center 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.latest-outer{
    position: relative;
}
.lat-news-outer{
    position: relative;
    background: #fff;
}
.lat-news-outer .lat-img-box{
  display: table-cell;
    vertical-align: middle;
    position: relative;
}
.lat-news-outer .lat-img-box img{
    max-width: 100%;
}
.lat-news-outer .lat-img-box{
    width: 200px;
}
.lat-news-outer .lat-img-box .latest-info-date{
      position: absolute;
    width: 62px;
    height: 76px;
    text-align: center;
    background: #06aac3;
    left: 0;
    bottom: 0;   
}
.lat-news-outer .lat-img-box .latest-info-date h3{
   font: 600 25px/21px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff;
    
}
.lat-news-outer .lat-img-box .latest-info-date h3 small{
    font: 500 14px/21px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff;
    text-transform: uppercase;
    display: block; 
}

.lat-news-outer .lat-new-cont{
      display: table-cell;
    vertical-align: middle;
    
    padding: 0 2em;
}
.lat-news-outer .lat-new-cont h3{
   font: 600 16px/26px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #000;
    margin-top: 0;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    text-transform: uppercase;
}
.lat-news-outer .lat-new-cont p{
  border-bottom: 1px solid #e7e7e7; 
    font: 400 1em/1.4em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #898989;  
   
    padding-bottom: 15px;
    margin-bottom: 13px;
}
.latest-meta a{
    font: normal 1em/1em "Open Sans", sans-serif;
    color: #c1c1c1;
    padding-right: 13px;
}
.latest-meta a + a:before {
    content: '';
    background: #c2c2c2;
    margin-right: 15px;
    width: 1px;
    height: 14px;
    bottom: -3px;
    position: relative;
    display: inline-block;
}
.latest-meta .read_more{color:#3dabf1;}
.lat-pad {
    margin: 0 0 2em;
}
.latest{}
.latest .latest-image{
    position: relative;
}
.latest .latest-image img{
    max-width: 100%;
}
.latest .latest-image .latest-info-date{
    position: absolute;
    width: 62px;
    height: 76px;
    text-align: center;
    background: #06aac3;
    left: 0;
    bottom: 0;   
}
.latest .latest-image .latest-info-date h3{
   font: 600 1.5em/1em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff; 
}
.latest .latest-image .latest-info-date h3 small{
    font: 500 1em/1em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff;
    text-transform: uppercase;
    display: block; 
}
.latest .latest-news-text {
    padding: 21px 30px 20px 30px;
    background: #fff;
    
}
.latest .latest-news-text h4{
   font: 600 16px/26px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #000;
    margin-top: 0;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    text-transform: uppercase;
}
.latest .latest-news-text p{
  border-bottom: 1px solid #e7e7e7; 
    font: 400 14px/26px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #898989;
    
    padding-bottom: 15px;
    margin-bottom: 13px;
}

.latest .latest-image .latest-info-date h3 small{
    font: 500 14px/21px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff;
    text-transform: uppercase;
    display: block; 
}
/* ==============================
  12. Our Client styles
============================== */

.our-client{
    background: #fff;
    position: relative;
}

.client-carousel .item img:hover {
    opacity: 1 !important;
}
.client-carousel .item img{
    opacity: 0.5 !important;
    border: 1px solid #F0F0F0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
}

/* ==============================
  13. Indurial Solution styles
============================== */

.indurial-solution{
    position: relative;
    background: #009bb3;
}
.indpad{
    padding: 1.5em 0;
}
.indurial-solution-text h2{
   font: 600 2em/1em "Open Sans", sans-serif;
    letter-spacing: 0.4px;
    color: #fff;
    font-style: italic;
    margin: 0; padding: 0.4em 0 0;
}
.anim-5, .anim-5-all * {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.contactus-button a {
    background: #19242a;
    color: #fff;
    display: inline-block;
    font: 500 1em/1em "Open Sans", sans-serif;
    margin-top: 1px;
    padding: 0px 17px 0px 23px;
    text-transform: uppercase;
      float: right;
    border-radius: 5px;
    line-height: 42px;
    letter-spacing: 2px;
}
.contactus-button a:hover {
    background: #3d515c;
    color: #fff;   
}
.contactus-button{
    margin: 0.5em 0 0;
}

/* ==============================
  14. Footer styles
============================== */

#footer{
    background: #19242a;
}
.sec-padding{
    padding: 6em 0;
}
.widget.about-us-widget a{
    color: #1FB5C7;
    margin-top: 1.4em;
}  
.widget.about-us-widget p{
        color: #b8bbbd;
        margin-top: 2em;
}
.widget.about-us-widget ul {
    margin: 0;
    padding: 0;
}
.widget.about-us-widget ul li {
    display: inline-block;
    list-style: none;
    padding: 10px 9px;    
}
.widget.about-us-widget ul li:first-child {
    padding-left: 0px;
}
.widget.about-us-widget ul li a {
    padding: 0;
    color: #7c7c7c;
}
.widget.about-us-widget ul li a:hover {
    background: none;
    color: #11adc6;
}
.widget.about-us-widget ul li a i {
    font-size: 1.5em;
}
.widget.about-us-widget img{
    max-width: 100%;
    
}
.widget-contact h4, .get-in-touch h4, .widget-links h4,.about-us-widget h4{
    
  font: 600 18px/17px "Open Sans", sans-serif;
    color: #fff;
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom: 24px;
    font-style: italic;
}
.widget-contact h4:after, .get-in-touch h4:after, .widget-links h4:after,.about-us-widget h4:after{
    content: '';
    width: 40px;
    height: 2px;
    background: #0094b3;
    display: block;
    margin-top: 13px;
}
.widget-contact-list ul{
    margin: 0; padding: 0; list-style: none;
}
.widget.widget-contact ul li{
  float: left;
  width: 100%;
}
.widget-contact-list ul li a {
    color: #b8bbbd;
    text-transform: capitalize;
    line-height: 39px;
}
.widget-contact-list ul li a:hover{
    color: #009bb3;
}
.widget-contact-list ul li i{
    float: left;
    font-size: 25px;
    color: #009bb3;
    width: 34px;
    padding-top: 13px;
    line-height: 18px;
}
.widget.widget-contact ul li .fleft {
    float: left;
    color: #b8bbbd;
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    font: 400 1em/1.4em "Open Sans", sans-serif;
    padding: 1.1em 0 0;
}
.widget.widget-contact ul li .fleft span{
     color: #1FB5C7;  
}

.widget.widget-contact ul li i.fa-map-marker {
    padding-top: 22px;
}
.widget.widget-contact ul li i.fa-phone {
    font-size: 21px;
    line-height: 41px;
}
.widget.widget-contact ul li i.fa-envelope-o {
    font-size: 18px;
    line-height: 41px;
}
.widget.widget-contact ul li i.icon-Timer {
    font-size: 20px;
    line-height: 35px;
}

.footer-bottom{
    background: #141d22;
    color: #555759;
    padding: 2em 0;
}
.footer-bottom .fo-txt p{
   color: #b8bbbd;
   font: 400 1em/1em "Open Sans", sans-serif;
}
.footer-bottom .fo-txt p a{
   color:#1d8898; 
}
.footer-bottom .fo-txt p a:hover{
    color: #f6ba18;
}

.get-in-touch{
    position: relative;
}
.get-in-touch ul{
    margin: 0; padding: 0;
}
.get-in-touch ul li{
    margin: 0; padding: 0; list-style: none; display: inline-block;
}
.get-in-touch ul li img{
    margin: 0 1px 3px 0;
    width: 86px;
    height: 68px;
}

/* ==============================
  15. Inner Banner styles
============================== */
.inner-banner {
  padding-top: 126px;
  padding-bottom: 83px;
  background: #13314c url(../images/about/banner.jpg) center center no-repeat;
  background-size: cover;
}
.inner-banner h2 {
  font: 600 2.4em/1em "Alegreya", serif;
  text-transform: uppercase;
  color: #fff;
}
.inner-banner h2:after {
    content: '';
    background: #e6ab0c;
    width: 50px;
    height: 4px;
    margin-left: 10px;
    display: inline-block;
}
.inner-banner ul.breadcumb li {
  display: inline-block;
  margin-right: 6px;
}
.inner-banner ul.breadcumb li:last-child a:after,
.inner-banner ul.breadcumb li:last-child span:after {
  display: none;
}
.inner-banner ul.breadcumb li a
 {
  display: inline-block;
  color: #20bcd4;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
}
.inner-banner ul.breadcumb li span {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
}

.inner-banner ul.breadcumb li a i,
.inner-banner ul.breadcumb li span i {
  font-size: 14px;
  font-weight: normal;
  margin-right: 5px;
}
.inner-banner ul.breadcumb li a:after,
.inner-banner ul.breadcumb li span:after {
  content: '\f105';
  display: inline-block;
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 13px;
  margin-left: 7px;
}

/* ==============================
   16. About Tab Box styles
   ============================== */

.about-tab-box .tab-title-box {
  margin-bottom: 50px;
}
.about-tab-box .tab-title-box ul {
 
}
.about-tab-box .tab-title-box ul li {
  background: #fff; 
  transition: all .3s ease;
  position: relative;
    margin: 0 0 1.5em;
     border: 2px solid #e0e0e0;
}
.about-tab-box .tab-title-box ul li.active,
.about-tab-box .tab-title-box ul li:hover {
  background: #009bb3;
     border: 2px solid transparent;
}
.about-tab-box .tab-title-box ul li:before {
  position: absolute;
  top: -2px;
  left: -2px;
  width:10px;
  height:108%;
  background: transparent;
  content: '';
  transition: all .3s ease;
}

.about-tab-box .tab-title-box ul li.active:before,
.about-tab-box .tab-title-box ul li:hover:before {
  background: #e6ab0c;
}
.about-tab-box .tab-title-box ul li.active:after {
  opacity: 1;
}

.about-tab-box .tab-title-box ul li.active a,
.about-tab-box .tab-title-box ul li:hover a {
  color: #FFFFFF;
}
.about-tab-box .tab-title-box ul li a {
  text-align: left;
  font: 500 1.2em/1em "Open Sans", sans-serif;
  display: block;
  font-weight: bold;
  color: #242424;
  padding:1em;
  transition: all 0.3s ease;
    text-transform: uppercase;
}
.about-tab-box .single-tab-content .content-box {
  margin-left: 20px;
}

.about-tab-box .single-tab-content h2{
       font: bold 26px/1.2 "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 1em;
}
.about-tab-box .single-tab-content h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}

.about-tab-box .single-tab-content h3 {
  font-size: 20px;
  font-family: 'Open Sans';
  color: #242424;
  line-height: 26px;
  font-weight: normal;
  margin-bottom: 10px;
}
.about-tab-box .single-tab-content p {
  color: #8E8D8D;
  margin: 0 0 1em;
  font: 400 1em/1.8em "Open Sans", sans-serif;
}
.about-tab-box .single-tab-content ul li {
  color: #333E56;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 600;
}
.about-tab-box .single-tab-content ul li .fa {
  font-size: 18px;
  color: #FF7043;
  margin-right: 5px;
}
.about-tab-box .single-tab-content .abot-img{
     display: inline-block;
     margin-top: 2em;
}
.about-tab-box .single-tab-content .abot-img img{
    max-width: 100%;
}
.about-tab-box .single-tab-content .abot-img img:first-child{
   margin: 0 4em 0 0;  
}
.about-tab{
    padding: 0 0 0 5em;
}

.features-section {
  overflow: hidden;
}
.features-section .features-image {
  width: -webkit-calc(50% - 210px);
  width: calc(50% - 210px);
  float: left;
  display: block;
  text-align: right;
}
@media (max-width: 1199px) {
  .features-section .features-image {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .features-section .features-image img {
    width: 100%;
  }
}
.features-section .features-area {
  width: -webkit-calc(50% + 210px);
  width: calc(50% + 210px);
  float: left;
  position: relative;
}
@media (max-width: 1199px) {
  .features-section .features-area {
    width: 100%;
  }
}
.features-section .features-area:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #143b53; 
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.features-section .features-area .features {
  max-width: 850px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .features-section .features-area .features {
    margin: 0 auto;
  }
}
.features-section .features-area .features h4 {
  font: 700 16px/26px "Raleway", sans-serif;
  letter-spacing: 0.3px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.features-section .features-area .features p {
  font: 500 14px/26px "Raleway", sans-serif;
  letter-spacing: 0.3px;
  color: #fff;
  margin-bottom: 40px;
    opacity: 0.5;
}
.features-section .features-area .features .features-content {
  width: 50%;
  float: left;
  padding: 80px 30px 27px 35px;
}
@media (max-width: 639px) {
  .features-section .features-area .features .features-content {
    width: 100%;
  }
}
.features-section .features-area .features .features-content:first-child {
  background: #143b53;
}
/* ==============================
  17. Team styles
============================== */

.team-pad{
    padding: 0 0 6em;
}

.team-area .our-team {
  margin-top: 50px;
}

.team-area .our-team-page {
  margin-top: 0;
    margin-bottom: 30px;
}

.team {
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .team {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .team {
    padding: 15px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.team .team-images {
  background:url("../images/team/img-bg.jpg") repeat center center;
  text-align: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 297px;
}
.team .team-images:after {
  content: '';
  background: transparent;
  position: absolute;
  border: 1px solid #fff;
  /*z-index: -1;*/
  display: block;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.team .team-images:before {
  position: absolute;
  background-color: rgba(3, 137, 158, 0.6);
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  opacity: 0;
}
.team .team-images img {
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.team .team-content {
  padding: 1em 0px 0.8em;
  text-align: center;
  cursor: pointer;
  position: relative;
  border: 2px solid #e4e4e4;
    margin: 5px 0 0;
}
.team .team-content h4 {
  font: 400 1.15em/1em "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #242424;
  margin: 0;
}
.team .team-content p {
  font: 400 14px/22px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
  margin: 0;
}
.team .social-icons {
  display: table;
  position: absolute;
  bottom: 15px;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  text-align: center;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.team .social-icons li {
  display: inline-block;
}
.team .social-icons li + li {
  margin-left: 25px;
}
@media (max-width: 1199px) {
  .team .social-icons li + li {
    margin-left: 15px;
  }
}
.team .social-icons li .fa {
  font-size: 22px;
  color: #fff;
  padding: 0;
}
.team .social-icons li a:hover, .team .social-icons li a:focus {
  background: none;
  color: #c89551;
}
.team:hover .social-icons {
  bottom: 125px;
}
.team:hover .team-images:after {
  border: 1px solid #fff;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  background: transparent;  
}
.team:hover .team-images:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
    z-index: 1;
}
.team:hover .team-content{
  background: #e6ab0c;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
    border: 2px solid #d59d08;
}
.team:hover .team-content h4,.team:hover .team-content p
{
    color:#fff;
}

.dedicated-team {
  padding-top: 22px;
}
.dedicated-team .our-teams {
  margin-bottom: 30px;
}
/* ==============================
  18. Testimonial Area styles
============================== */


.testimonial-area {
  background: #f5f4f4;
}

.testimonial-sliders .owl-nav {
  position: absolute;
  right: 0;
  top: -80px;
}
@media (max-width: 479px) {
  .testimonial-sliders .owl-nav {
    top: 0;
  }
}
.testimonial-sliders .owl-nav .owl-prev, .testimonial-sliders .owl-nav .owl-next {
  background: #61bac8;
  width: 33px;
  text-align: center;
  font-size: 20px;
  line-height: 33px;
  color: #fff;
  float: left;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.testimonial-sliders .owl-nav .owl-prev:hover, .testimonial-sliders .owl-nav .owl-next:hover {
  background: #329cad;
}
.testimonial-sliders .owl-prev {
  margin-right: 5px;
}

.testimonial {
 position: relative;
}
@media (max-width: 479px) {
  .testimonial {
    display: block;
    background: none;
  }
}
.testimonial + .testimonial {
  margin-top: 30px;
}
.testimonial .media-left {
  position: relative;
  padding-right: 0;
}
@media (max-width: 479px) {
  .testimonial .media-left {
    display: block;
    text-align: center;
  }
}
.testimonial .media-left a {
  display: block;
  width: 170px;
  height: 185px;
  line-height: 185px;
}
@media (max-width: 479px) {
  .testimonial .media-left a {
    margin: 0 auto;
  }
}
.testimonial .media-left img {
  width:140px; height:140px; border-radius: 50%;
}
.testimonial .media-left:before {
  content: '';
  position: absolute;
  right: -2px;
  top: 19.2%;
  z-index: 12;
    background: url("../images/testimonial/arrow.png") no-repeat 0 0;
    width:15px;
    height: 27px;
}
@media (max-width: 479px) {
  .testimonial .media-left:before {
    display: none;
  }
}
.testimonial .media-body {
  vertical-align: middle;
  padding: 0 30px;
    border:2px solid #e4e4e4;
    background: #fff;
}
@media (max-width: 479px) {
  .testimonial .media-body {
    background: #fff;
    text-align: left;
    padding: 30px;
  }
}
.testimonial .media-body p {
  font: 400 14px/26px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .testimonial .media-body p {
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 0;
  }
}
.testimonial .media-body p span {
  display: inline-block;
  background: url(../images/testimonial/quote.jpg) no-repeat scroll center center;
  width: 21px;
  height: 19px;
  margin-right: 16px;
}
.testimonial .media-body a {
  font: 300 14px/26px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #c89551;
  font-style: italic;
  text-align: right;
  display: block;
}

.testimonial-col {
  padding: 25px 15px;
}

.testimonial-bg {
  padding: 55px 0;
}

.testimonial-sliders {
  padding-top: 0;
}
/* ==============================
  19. Services Page styles 
============================== */

.service-tab-box h1{
    font: bold 26px/1.2 "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 1em;
}
.service-tab-box h1:before{
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}

.service-tab-box p{
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #777777;
}
.service-tab-box h6{
    color: #242424;
    margin: 0 0 0.5em;
    padding: 0;
    font: 400 1.4em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
}

.service-tab-box ul.c-brochure{
    display: inline-block;
    color: #fff;
}
.service-tab-box ul.c-brochure li{
    background: #fab90a;
    color: #fff;
}
.service-tab-box ul.c-brochure li a{
    color: #fff;
    font: 400 1.2em/1.2em "Open Sans", sans-serif;
   
}
.service-tab-box ul.c-brochure li a span{
    display: inline-block;
    padding: 0.7em 1.5em;
    text-transform: uppercase;
     letter-spacing: 2px;
}
.service-tab-box ul.c-brochure li a i{
    background: #e7ab08;
    padding: 1em;
}
.service-tab-box .img-s-box {
    display: inline-block;
    overflow: visible;
    position: relative;
    font-size: 0;
    float: right;}

.service-tab-box .img-s-box .img-so-box{
    display: inline-block;
    position: relative;
}
.service-tab-box .img-s-box .img-so-box:after{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-bottom: 0;
    border-left: 0;
}
.service-tab-box .img-s-box .img-st-box{
    display: inline-block;
    
}
.service-tab-box .img-s-box .img-so-box img, .service-tab-box .img-s-box .img-st-box img{
    max-width: 100%;
    display: block;
}
/* ==============================
  20. Side Bar Widget styles
============================== */

.pull-left .single-sidebar-widget {
  padding-right: 39px;
}
.pull-right .single-sidebar-widget {
  padding-left: 50px;
}
.single-sidebar-widget {
  margin-bottom: 50px;
}
.single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.single-sidebar-widget .sec-title {
  margin-bottom: 30px;
}
.single-sidebar-widget .sec-title h2 span {
  font-size: 20px;
  text-transform: uppercase;
    font: 600 0.8em/1em "Alegreya", serif;
}
.single-sidebar-widget .sec-title h2:after {
  width: 35px;
}
.single-sidebar-widget .sec-title h2:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #fab90a;
    display: block;
    margin-top: 13px;
}

.single-sidebar-widget .contact-form input,
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
  height: 40px;
}
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
  margin-bottom: 2px;
}
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
  line-height: 40px;
}
.single-sidebar-widget .dwnld-broucher a {
  text-transform: uppercase;
  color: #08ADD0;
  font-weight: 600;
  margin-top: 30px;
  font-size: 12px;
  display: inline-block;
}
.single-sidebar-widget .special-links li:last-child {
  margin-bottom: 0;
}
.single-sidebar-widget .special-links li a {
  background: #f9f9f9;
  color: #242424;
    border: 1px solid #e9e9e9;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  line-height: 50px;
  position: relative;
  padding: 0 20px;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
    position: relative;
}
.single-sidebar-widget .special-links li:hover a,
.single-sidebar-widget .special-links li.active a {
  background: #fff;
  color: #009bb3; 
}
.single-sidebar-widget .special-links li a:hover:before,
.single-sidebar-widget .special-links li a.active:before {
  opacity: 1;    
}
.single-sidebar-widget .special-links li:hover a:after,
.single-sidebar-widget .special-links li.active a:after {
  color: inherit;
}
.single-sidebar-widget .special-links li a:after {
  content: '\f101';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 50px;
  color: #6A6969;
  font-weight: normal;   
}
.single-sidebar-widget .special-links li a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  left: -1px;
  color: #009bb3;
  font-size: 0px;
  line-height: 50px;
  opacity: 0;
  -webkit-transition: all .3s ease;
   transition: all .3s ease;
   border-left: 4px solid #009bb3;
}
.search-box placeholder{
   color:#000; 
}
.single-sidebar-widget .search-box form {
  background: #e5e5e5;
  width: 100%;
  height: 48px;
  border:1px solid #e9e9e9;    
}
.single-sidebar-widget .search-box form input {
  padding-left: 30px;
  border: none;
  outline: none;
  height: 100%;
  color: rgba(255, 255, 255, 0.5);
  width: calc(100% - 55px);
  background-color: transparent;
}
.single-sidebar-widget .search-box form input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.single-sidebar-widget .search-box form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.single-sidebar-widget .search-box form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.single-sidebar-widget .search-box form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.single-sidebar-widget .search-box form input:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: rgba(186, 185, 185, 1);
}
.single-sidebar-widget .search-box form button {
  position: relative;
  left: 2px;
  width: 50px;
  background: #009bb3;
  color: #000000;
  font-size: 16px;
  padding: 11px 0px;
  border: none;
  outline: none;
  -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.single-sidebar-widget .search-box form button:hover {
  background: #1FB5C7;
}
.single-sidebar-widget .search-box form button:hover i {
  color: #fff;
}
.single-sidebar-widget .search-box form button:hover:after {
  background: #1FB5C7;
}
.single-sidebar-widget .search-box form button i {
  position: relative;
  z-index: 2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;}

.single-sidebar-widget .categories ul li:last-child a {
  border: none;
}
.single-sidebar-widget .categories ul li a {
  color: #898989;
  text-transform: capitalize;
  line-height: 42px;
  display: block;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
.single-sidebar-widget .categories ul li a:after {
  content: '\f105';
  font-family: 'FontAwesome';
  color: #C8C8C8;
  position: absolute;
  top: 0;
  right: 0;
}
.single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before {
  border-width: 2px;
}
.single-sidebar-widget .popular-post li {
  margin-bottom: 30px;
}
.single-sidebar-widget .popular-post li:last-child {
  margin-bottom: 0;
}
.single-sidebar-widget .popular-post .img-box,
.single-sidebar-widget .popular-post .content {
  display: table-cell;
  vertical-align: middle;
}
.single-sidebar-widget .popular-post .img-box {
  width: 110px;
}
.single-sidebar-widget .popular-post .content {
  padding-left: 30px;
}
.single-sidebar-widget .popular-post .content a h4 {
  font-family: 'Open Sans', sans-serif;
  color: #242424;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.single-sidebar-widget .popular-post .content a h4:hover {
  color: #1FB5C7;
}
.single-sidebar-widget .popular-post .content p {
  color: #8E8D8D;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}
.single-sidebar-widget .popular-post .content span {
  color: #1CBAC8;
  font-size: 13px;
  display: block;
  margin-top: 4px;
  font-weight: 500;
}
.single-sidebar-widget .text-box p {
  color: #8E8D8D;
}
.single-sidebar-widget .insta-feed ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before {
  border-width: 2px;
}
.single-sidebar-widget .insta-feed{
  font-size: 0;
  
    display: inline-block;
}
.single-sidebar-widget .insta-feed img{
  max-width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 1px;
    margin-right: 1px;
}
.single-sidebar-widget .tag-cloud {
  font-size: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.single-sidebar-widget .tag-cloud li {
  display: inline-block;
}
.single-sidebar-widget .tag-cloud li a {
  display: block;
  color: #787878;
  text-transform: uppercase;
  border: 1px solid #EAEAEA;
  border-radius: 20px;
  padding: 7px 22px;
  font-size: 12px;
  margin: 0 5px;
  margin-bottom: 10px;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.single-sidebar-widget .tag-cloud li a:hover {
  background: #E5E5E5;
  color: #787878;
  border-color: #E5E5E5;
}
.single-client-box {
  margin-bottom: 50px;
}
.single-client-box:last-child {
  margin-bottom: 0;
}
.single-client-box .icon-box,
.single-client-box .content {
  display: table-cell;
  vertical-align: middle;
}
.single-client-box .icon-box {
  width: 170px;
  text-align: center;
  border-top: 4px solid #1FB5C7;
  border-left: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
}
.single-client-box .content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
}
.single-client-box .content h3 {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Alegreya', sans-serif;
  color: #242424;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.single-client-box .content p {
  color: #898989;
  margin: 0;
}
.single-sidebar-widget ul.brochure-btns li a {
    font-family: 'Open Sans', sans-serif;
    color: #404040;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    display: block;
    background: #FBFBFB;
    border-bottom: 2px solid #EDEDED;
    padding: 12px 20px;
}
.single-sidebar-widget ul.brochure-btns li {
    display: block;
    margin-bottom: 21px;
}
.single-sidebar-widget ul.brochure-btns li a i{
    color: #e94429;
    margin: 0 1em 0;
    font-size: 1.2em;
}
.sec-title h2 span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #323232;
    text-transform: uppercase;
    font-family: 'Alegreya', sans-serif;
}
.sec-title h2:after {
    content: '';
    width: 55px;
    height: 3px;
    background: #F7BE3D;
    display: block;
    margin-top: 13px;
}
.sec-title p {
    color: #898989;
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
}
.single-service-page .image-caption-box .text-box h2, .single-post-page .image-caption-box .text-box h2 {
    color: #242424;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* ==============================
  21. Single service page styles
============================== */


.single-service-page .image-box,
.single-post-page .image-box {
  margin-bottom: 50px;
}
.single-service-page .image-caption-box,
.single-post-page .image-caption-box {
  margin-bottom: 50px;
}
.single-service-page .image-caption-box .text-box,
.single-post-page .image-caption-box .text-box,
.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
  display: table-cell;
  vertical-align: middle;
}
.single-service-page .image-caption-box .text-box,
.single-post-page .image-caption-box .text-box {
  padding-right: 46px;
}
.single-service-page .image-caption-box .text-box h2,
.single-post-page .image-caption-box .text-box h2 {
  color: #242424;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.single-service-page .image-caption-box .text-box p,
.single-post-page .image-caption-box .text-box p {
  color: #898989;
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
}
.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
  width: 248px;
}
/* ==============================
  22. Core Projects page styles
============================== */

.core-projects{
    position: relative;
    margin: 0;
}
.core-projects h1 {
    font: bold 1.9em/1.2em "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 1em;
}
.core-projects h1:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}
.core-projects h4{
  font: 600 1.2em/1em "Open Sans", sans-serif;
    color: #242424;
}
.core-projects p {
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #777777;
}
.project-post-area{
    background: #f1f1f1;
    position: relative;
}
.project-post-area .project-post {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .project-post-area .project-post {
    padding-bottom: 0px;
  }
}
.project-post-info {
  overflow: hidden;
}
.project-post-info .project-post-image {
  position: relative;
  border-bottom: 5px solid #009bb3;
}
.project-post-info .project-post-image .four_arrow_hover_box {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.project-post-info:hover .four_arrow_hover_box, .project-post-info:focus .four_arrow_hover_box {
  opacity: 0.9;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
@media (max-width: 767px) {
  .project-post-info {
    padding-bottom: 30px;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .project-post-info a {
    max-width: 570px;
    margin: 0 auto;
    display: block;
  }
}
.project-post-info a img {
    max-width: 100%;
    width:370px;
    height:281px;
}
.project-post-info .info-text {
  background: #fff;
  text-align: center;
  border: 1px solid #e4e4e4;
  padding: 16px 0px 14px 0px;
}
.project-post-info .info-text h4 {
  font: 600 14px/14px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #242424;
  margin: 0;
  text-transform: uppercase;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.project-post-info .info-text h4:hover {
  color: #009bb3;
}
.project-post-info .info-text p {
  font: 400 14px/18px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
  margin: 0;
}
/* ==============================
  23. News page styles
============================== */

.widget-search-blog{
    width: 80%;
    position: relative;
    display: inline-block;
    margin: 0 0 0 1em;
    margin-bottom: 40px;
}
.widget-search-blog .search-form .form-control + .input-group-addon {
    padding: 0 1px 0 8px;
    border: 0;
    border-radius: 0;
    background-color: #009bb3;
}
.widget-search-blog .search-form .form-control + .input-group-addon button {
    border: 0;
    background: #009bb3;
    color: #fff;
    font-size: 1.2em;
    line-height: 2.1em;
    padding-right: 15px;
}
.widget-search-blog .search-form .form-control {
    height: 45px;
    border-radius: 0;
    border: none;
    font: 1em/1em "Open Sans", sans-serif;
    padding: 0 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #c0c0c0;
    z-index: 0;
}
.single-blog-post .meta-info {
    padding: 1.3em 0;
    border-bottom: 1px solid #e6e6e6;
}
.single-blog-post .meta-info .content-box .post-links li {
    display: table-cell;
    vertical-align: middle;
}
.single-blog-post .date-box{
    position: absolute;
    width: 70px;
    height:75px;
    top: 2em;
    border: 1px solid #696969;
    left: 1.5em;
    background: #fff;
    text-align: center;
}
.single-blog-post .inner-box b {
    font-size: 2em;
    display: block;
    font-style: italic;
    font-weight: 300;
    border-bottom: 1px solid #696969;
    padding: 0 0 0.2em;
}
.single-blog-post .inner-box span {
    font-size: 1em;
    display: block;
    background: #fbb12f;
    color: #fff;
    padding: 0.2em 0 0.3em;
}
.single-blog-post .meta-info .content-box .post-links li a:hover i {
    color: #1FB5C7;
}

.single-blog-post .meta-info .content-box .post-links li a i {
    color: #FBB12F;
    font-size: 16px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.single-blog-post .meta-info .content-box .post-links li a {
    color: #A1A1A1;
    padding-right: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.single-blog-post .meta-info .content-box .post-links li a:hover {
    color: #FBB12F;
}
.single-blog-post a.read-more {
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #cbcbcb;
    background: transparent;
}
.single-blog-post a.read-more:hover {
    color: #FBB12F;
}
.single-blog-post a.read-more:after {
    content: '\f178';
    font-family: 'FontAwesome';
    margin-left: 10px;
}
.single-post-wrapper{ position: relative;}

.single-blog-post h3 {
    color: #010101;
    font-weight: 600;
    text-transform: none;
    font-size: 20px;
    margin: 0.6em 0 0;
    padding: 0 0 0.8em;
}
.single-blog-post h6{
    color: #1cbac8;
    font: 400 1em/1em "Open Sans", sans-serif;
    margin: 2em 0 0;
    padding: 0;
}
.single-blog-post {
    margin-bottom: 50px;
}
/* ==============================
  24. Page Navigation styles
============================== */


.page-navigation {
  margin-top: 50px;
}
.page-navigation li {
  display: inline;
}
.page-navigation li a,
.page-navigation li span {
  width: 46px;
  height: 46px;
  line-height: 44px;
  background: #fff;
  color: #8E8D8D;
  font-size: 20px;
  display: inline-block;
  border: 1px solid #E2E2E2;
  margin-right: 5px;
  text-align: center;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.page-navigation li span,
.page-navigation li a:hover {
  background: #E7E7E7;
  color: #242424;
}
/* ==============================
  25. News Details styles
============================== */

.news p {
    font: 400 14px/26px "Open Sans", sans-serif;
    color: #898989;
}

.post-list {
  margin: 0;
  width: 100%;
}
.post-list li {
  float: left;
  width: 270px;
  font: 400 14px/30px "Open Sans", sans-serif;
  color: #ff8c04;
  letter-spacing: 0.3px;
}
.post-list li:before {
      content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  padding-right: 10px;
}

blockquote {
  padding: 30px;
  border: none;
  background: #f5f4f4;
  margin-top: 27px;
}
@media (max-width: 479px) {
  blockquote {
    padding: 5px;
  }
}
blockquote:before {
  float: left;
  content: "\f10d";
  display: inline-block;
  font: normal normal normal 55px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 70px;
  color: #d0d0d0;
}
@media (max-width: 1199px) {
  blockquote:before {
    font-size: 30px;
    width: 40px;
  }
}
blockquote p {
  float: left;
  font: 400 16px/26px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  margin: 5px 0 0;
  padding-left: 14px;
}
@media (max-width: 1199px) {
  blockquote p {
    margin: 0;
  }
}
blockquote footer {
  text-align: right;
  color: #e8a20c;
  font: 300 14px/26px "Raleway", sans-serif;
  font-style: italic;
}
blockquote footer a {
  color: #e8a20c;
}
/* ==============================
  26. News Details Comments
============================== */

.news-comments .comments_count, .leave-comments .leave-comment-title {
    margin: 30px 0px 30px 0;
    font: 600 1.5em/1em "Alegreya", sans-serif;
    color: #242424;
    text-transform: uppercase;
}

@media (max-width: 400px) {
  .comments_count, .leave-comment-title {
    margin-left: 20px;
  }
}

.comments {
  margin: 0px 0px 30px 0px;
  border: 1px solid #eee;
}
.comments .comment {
  padding: 20px 20px 25px;
  margin: 0px 0;
}
.comments .comment-bg{
    background: #fcfcfc;
}

@media (max-width: 400px) {
  .comments .comment {
    margin: 0 5px 0 15px;
    text-align: center;
  }
}
.comments .comment + .comment {
  margin-top: 0;
  border-top: 1px solid #eee;
}
.comments .comment .media-left {
  padding: 8px 30px 0px 5px;
}
@media (max-width: 479px) {
  .comments .comment .media-left {
    padding-right: 0;
    padding-bottom: 20px;
    display: block;
  }
}
.comments .comment .media-left a {
  display: block;
  width: 70px;
  height: 70px;
}
.comments .comment .media-left a img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .comments .comment .media-body {
    overflow: visible;
  }
}
.comments .comment .media-body h5 {
  font: 500 1em/2em "Open Sans", sans-serif;
  margin: 0;
  color: #242424;
}
.comments .comment .media-body p {
  font: 400 14px/30px "Open Sans", sans-serif;
  color: #898989;
}
.comments .comment .media-body .date-reply {
  margin: 9px 0 9px;
}
.comments .comment .media-body .date-reply li {
  float: left;
}
@media (max-width: 400px) {
  .comments .comment .media-body .date-reply li {
    display: inline-block;
    text-align: center;
    float: none;
  }
}
.comments .comment .media-body .date-reply li a {
  padding: 0;
  font: 13px/1 "Open Sans", sans-serif;
  text-transform: capitalize;
  color: #47bcca;
}
.comments .comment .media-body .date-reply li a:hover, .comments .comment .media-body .date-reply li a:focus {
  background: none;
}
.comments .comment .media-body .date-reply li + li {
  color: #bc945e;
}
.comments .comment .media-body .date-reply li + li:before {
  content: '';
  width: 1px;
  height: 13px;
  float: left;
  background: #47bcca;
  margin: 0 10px;
}
.comments .comment .media-body .date-reply li + li a {
  float: left;
  color: #f6ba18;
}
.comments .comment.reply {
  padding-left: 0;
  margin: 0px;
}
@media (max-width: 991px) {
  .comments .comment.reply {
    margin-left: -70px;
  }
}
@media (max-width: 479px) {
  .comments .comment.reply {
    margin-left: 30px;
  }
}
@media (max-width: 400px) {
  .comments .comment.reply {
    margin-left: 0px;
  }
}
.comments .comment.reply:last-child {
  padding-bottom: 0;
}

.comment_form {
  padding: 30px;
  border: 1px solid #eee;
  margin: 0px;
  background: #fff;
}
@media (max-width: 479px) {
  .comment_form {
    padding: 20px 15px;
  }
}
.comment_form .leave-comment-title {
  margin: 0px 0px 26px 0px;
  font: bold 20px/28px "Alegreya", serif;
  color: #353535;
}
.comment_form .form-control {
  border-radius: 0;
  padding: 9px 20px;
  font: 14px/25px "Open Sans", sans-serif;
  color: #000;
  margin-bottom: 20px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.comment_form .form-control::-moz-placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.comment_form .form-control:-ms-input-placeholder {
  color: #c4c4c4;
}
.comment_form .form-control::-webkit-input-placeholder {
  color: #c4c4c4;
}
.comment_form input {
  width: 48%;
  float: left;
  height: 42px;
}
@media (max-width: 1199px) {
  .comment_form input {
    width: 47%;
  }
}
@media (max-width: 991px) {
  .comment_form input {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .comment_form input {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .comment_form input {
    width: 100%;
  }
}
.comment_form input + input {
  margin-left: 26px;
}
@media (max-width: 1199px) {
  .comment_form input + input {
    margin-left: 31px;
  }
}
@media (max-width: 767px) {
  .comment_form input + input {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .comment_form input + input {
    margin-left: 0;
  }
}
.comment_form textarea {
  height: 188px;
  resize: none;
  margin-bottom: 32px;
}
.comment_form .btn-primary {
  background: #f6ba18;
  border: 1px solid #f6ba18;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 600 1.2em/2.1em "Open Sans", sans-serif;
  padding: 7px 22px 7px 22px;
  color: #19242a;
  margin-top: 10px;
  border-radius: 5px;
    letter-spacing: 3px;
}
.comment_form .btn-primary:hover, .comment_form .btn-primary:focus {
  color: #000;
  border-radius: 5px;
    border-color: #bb793c;
}
/* ==============================
  27. Contact us styles
============================== */

.touch .touch_bg .section_header p {
  max-width: 840px;
}
.touch .touch_bg .touch_top-con ul .item {
  padding: 15px 28px 30px 0px;
  text-align: center;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left {
  padding-right: 30px;
  vertical-align: middle;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left a {
  color: #009bb3;
  border: 1px solid #009bb3;
  border-radius: 100%;
  display: block;
  width: 50px;
  height: 50px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left a i {
  border-radius: 50%;
  font-size: 30px;
  line-height: 32px;
  padding-top: 8px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-body {
  text-align: left;
  font: 14px/26px "Open Sans", sans-serif;
  color: #898989;
  letter-spacing: 0.3px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-body a{
  color: #898989;  
}
.touch .touch_bg .touch_top-con ul .item .media .media-body a:hover{
  color: #009bb3;  
}

.touch .touch_bg .touch_top-con ul .item:first-child {
  padding-top: 0;
}
.touch .touch_bg .touch_middle {
  padding-top: 80px;
}
.touch .touch_bg .touch_middle .input_form {
  position: relative;
}
.touch .touch_bg .touch_middle .input_form form .form-control {
  margin-bottom: 20px;
  border-radius: 0;
  font: 15px/31px "Open Sans", sans-serif;
  color: #959595;
  padding: 11px 20px;
  border: 1px solid #e1e1e1;
  height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.touch .touch_bg .touch_middle .input_form form .form-control:hover, .touch .touch_bg .touch_middle .input_form form .form-control:focus {
  border: 1px solid #d6d6d6;
  border-color: #d6d6d6;
}
.touch .touch_bg .touch_middle .input_form form .form-control:focus {
  -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
  box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
}
.touch .touch_bg .touch_middle .input_form form .form-control.error {
  margin-bottom: 0;
}
.touch .touch_bg .touch_middle .input_form form .form-control.error + .error {
  font: 13px/24px "Open Sans", sans-serif;
  margin-bottom: 20px;
  margin-top: 5px;
  color: red;
  font-weight: normal;
}
.touch .touch_bg .touch_middle .input_form form textarea.form-control {
  margin-bottom: 32px;
  resize: none;
  padding: 15px 20px;
  height: 203px;
}
.touch .touch_bg .touch_middle .input_form form button {
  background: #f6ba18;
  border: 1px solid #f6ba18;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 600 1.2em/2.1em "Open Sans", sans-serif;
  padding: 7px 22px 7px 22px;
  color: #19242a;
  margin-top: 10px;
  border-radius: 5px;
  letter-spacing: 3px;
}
.touch .touch_bg .touch_middle .input_form form button:hover {
  color: #000;
  border-color: #bb793c;
}
.touch .touch_bg .touch_middle .input_form #success, .touch .touch_bg .touch_middle .input_form #error {
  position: absolute;
  top: -15px;
  display: block;
  right: 0;
  left: 0;
  bottom: -15px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.touch .touch_bg .touch_middle .input_form #success p, .touch .touch_bg .touch_middle .input_form #error p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.touch .touch_bg .touch_middle .input_form #success {
  color: lawngreen;
}
.touch .touch_bg .touch_middle .input_form #success p{
  color: lawngreen;
}
.touch .touch_bg .touch_middle .input_form #error {
  color: orangered;
}
.touch .touch_bg .touch_middle .input_form #error p{
  color: orangered;
}

#mapBox {
  height: 425px;
}

#map-area {
    position: relative;
}
#map-area::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
}
#contact-google-map {
    width: 100%;
    height: 425px;
}
.touch p{
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;    
    color: #8E8D8D;
}
.touch h6{
   color: #1088cc; 
    font: 400 1.2em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    font-style: italic;
}
.touch h6 span{
    color:#de5842;
    font: 400 1.2em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
     font-style: italic;
}

/* ==============================
  28. Testimonials page styles
============================== */

.sectpad-t{
    padding: 6em 0 0;
}

.testimonial-parea{
    padding: 0 0 6em; 
}
.testimonials p{
    font: 400 14px/26px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #898989;
    padding-top: 25px;
    margin: 0;
}
.testimonial-col-p{
    padding:5em 1em 1em;
    border-bottom: 1px solid #e4e4e4;
}
.testimonial-p .media-body h3 {
     font: 400 1.2em/1em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #242424;
    margin: 0 0 0.8em;
    padding: 0;
}
.testimonial-p .media-body p {
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #898989;
    margin-bottom: 1em;
}
.testimonial-p .media-body a {
    font: 600 14px/26px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #1fb5c7;
    font-style: italic;
    text-align: left;
    display: block;
}
.testimonial-p .media-body h6{
    text-align: right;
    display: block;
}
.testimonial-p .media-left{
  padding-right: 60px;  
}
.testimonial-p .media-left a img{
  width:140px;
  height:153px;
} 

@media (max-width: 479px) {
  .testimonial-p .media-left {
    display: block;
    text-align: center;
          padding-right: 0;
  }
    .testimonial-p .media-body h3{
        padding: 1em 0 0;
    }
}

.section_header-t {
    position: relative;
    padding: 0;
}
.section_header-t h2 {
    font: bold 26px/1.2 "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0;
}
.section_header-t h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}
/* ==============================
  29. Request a quote Page styles
============================== */

.section_header-r {
    position: relative;
    padding: 0;
    margin: 0 0 1em;
}
.section_header-r h2 {
    font: bold 26px/1.2 "Alegreya", serif;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 1em;
}
.section_header-r h2:before {
    content: "";
    width: 55px;
    height: 3px;
    display: inline-block;
    background: #fab90a;
    position: absolute;
    bottom: 0;
}
.req-page-area{
    background: #f7f7f7;
    border:1px solid #eeeeee;
    overflow: hidden;
    padding: 3em 1em 0;
    position: relative;
}
.req-page span{
    display: block;
    color: #404040;
    font: 600 1em/1.2em "Open Sans", sans-serif;
    margin: 0 0 0.6em;
}

.req-page-area .img-responsive{
    display: inline-block;
}
.req-page-area form .form-control {
    margin-bottom: 20px;
    border-radius: 0;
    font: 15px/31px "Open Sans", sans-serif;
    color: #959595;
    padding: 11px 20px;
    border: 1px solid #e1e1e1;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pad-left{
    margin: 0 0 5em 10px;
    
}
.req-img {
    position:absolute;
    bottom:0;
    right: 0;
}
.req-page-area form button {
    background: #f6ba18;
    border: 1px solid #f6ba18;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 1.2em/2.1em "Open Sans", sans-serif;
    padding: 7px 22px 7px 22px;
    color: #19242a;
    margin-top: 10px;
    border-radius: 5px;
    letter-spacing: 3px;
}
.req-page-area form button:hover {
    color: #000;
    border-color: #bb793c;
     background: #f6ba18;
}

.req-page-area form .form-control:hover, .req-page-area form .form-control:focus {
  border: 1px solid #d6d6d6;
  border-color: #d6d6d6;
}
.req-page-area form .form-control:focus {
  -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
  box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
}
.req-page-area .form-control.error {
  margin-bottom: 0;
}
.req-page-area form .form-control.error + .error {
  font: 13px/24px "Open Sans", sans-serif;
  margin-bottom: 20px;
  margin-top: 5px;
  color: red;
  font-weight: normal;
}
.req-page-area form textarea.form-control {
  margin-bottom: 32px;
  resize: none;
  padding: 15px 20px;
  height: 203px;
}
.req-page-area span{
    color:#404040;
    font: 1.1em/1.1em "Open Sans", sans-serif;
    display: block;
    padding: 0 0 0.5em;
}


.req-page-area .input_form #success {
  color: lawngreen;
}
.req-page-area .input_form #error {
  color: orangered;
}
.req-page-area .input_form #success, .req-page-area .input_form #error {
  position: absolute;
  top: -15px;
  display: block;
  right: 0;
  left: 0;
  bottom: -15px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
/* ==============================
  30. Project details page styles
============================== */

.pro-det-img img{
    max-width: 100%;
}
.pro-content{
    padding: 4em 0 0;
}
.projects_hours{
    border-top:1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 2em 0;
    margin: 1.5em 0 0;
}
.projects_hours p{
   color:#242424; 
   font:600 1.3em/2em "Open Sans", sans-serif;
   margin: 0; padding: 0;
}
.projects_hours p span{
  display: block;
    color: #777;
    font: 400 1em/1.8em "Open Sans", sans-serif;
}
.project-con{
        background: #f5f5f5;
    padding: 34px 40px;
    margin: 3em 0;
}
.project-con h2{
   color:#242424; 
   font:600 1.3em/2em "Open Sans", sans-serif;
     margin: 0; padding: 0 0 1em;
}

.project-con p{
   color: #898989;
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
}
.project-scop{
    
}

.project-scop .pro-img img{
    max-width: 100%;
}

.project-scop h3{
  color:#242424; 
   font:600 1.3em/1em "Open Sans", sans-serif;
     margin: 0; padding: 0 0 1em;  
}

.project-scop p{
    margin: 0 0 1.2em;
    padding: 0;
    font: 400 1em/1.8em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #777777; 
}
.project-scop .scope-item {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 7px 0px;
}
.project-scop .scope-item li {
    list-style: none;
    font:400 1.1em/1.5em "Open Sans", sans-serif;
    color: #009bb3;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    display: block;
    padding-left: 30px;
    padding-bottom: 10px;
}
  .project-scop .scope-item li:before {
    content: "\f0a4";
    width: 30px;
    height: auto;
    font: normal normal normal 14px/24px FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    color: #009bb3;
    cursor: pointer;
    float: left;
    margin-left: -30px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}  
/*====================================================*/
.submit {
  padding: 0 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  border: none;
  line-height: 32px;
  background: #bc945e;
  color: #000;
  text-transform: uppercase;
  margin-top: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  position: relative;
  letter-spacing: 0.4px;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  z-index: 2;
}
.submit:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #009bb3;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
  z-index: -1;
}
.submit:hover, .submit:focus {
  color: #000;
  border-color: #bb793c;
}
.submit:hover:before, .submit:focus:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}


/* shop page styles */
.shop-item-wrapper {margin-left: -10px;margin-right: -10px;}
.single-shop-item {margin: 0 -5px;margin-bottom: 50px;}
.single-shop-item .img-box img {width: 100%;}
.single-shop-item .content {text-align: center;margin-top: 25px;}
.single-shop-item .content h3 {font-size: 15px;font-weight: bold;color: #242424;margin: 0;text-transform: uppercase;margin-bottom: 10px;}
.single-shop-item .content .review-box i {font-size: 13px;color: #FAB90A;}
.single-shop-item .content .price {font-family: 'Alegreya';font-size: 25px;color: #2D2D2D;font-style: italic;display: block;}
.single-shop-item .content a.thm-btn {background: #FAB90A;border-radius: 5px;color: #000000;text-transform: uppercase;line-height: 32px;display: inline-block;letter-spacing: .05em;font-family: 'Open Sans';font-weight: 600;padding: 0 18px;margin-top: 10px;}
.single-shop-item .content a.thm-btn:hover {background: #019BB2;color: #fff;}
.shop-page .page-navigation {margin-top: 0;text-align: center;}

/*popular product widget */

.single-sidebar-widget .best-seller.popular-post .content a h4 {font-size: 13px;text-transform: uppercase;font-family: 'Open Sans';color: #242424;margin: 0;}
.single-sidebar-widget .best-seller.popular-post .content p {font-size: 25px;color: #2D2D2D;font-family: 'Alegreya';font-style: italic;margin: 10px 0 15px;}
.single-sidebar-widget .best-seller.popular-post .content a.read-more {font-size: 13px;text-transform: uppercase;color: #1CBAC8;font-weight: bold;font-family: 'Raleway';letter-spacing: .03em;}


/* product details page styles */

.product-details-content {margin-bottom: 80px; }
.product-details-content .img-box,
.product-details-content .content-box {display: table-cell; vertical-align: top; }
.product-details-content .img-box {width: 306px; border: 1px solid #E2E2E2;}
.product-details-content .content-box {padding-left: 65px; }
.product-details-content .content-box .title h3 {font-size: 20px; color: #242424; text-transform: uppercase; font-weight: 800; font-family: 'Raleway'; margin: 0;}
.product-details-content .content-box p {font-size: 14px; color: #959595; line-height: 26px; }
.product-details-content .content-box .content-text {border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; margin-top: 20px; padding-top: 19px; padding-bottom: 15px; margin-bottom: 30px; }
.product-details-content .content-box .cart-btn {font-size: 15px; line-height: 54px; background: #1FB5C7; padding: 0 33px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: #fff; display: inline-block; margin-top: 28px; background: #FAB90A;font-size: 20px;font-weight: bold;font-family: 'Raleway';color: #000000;border-radius: 5px;padding: 0 49px;}
.product-details-content .content-box .cart-btn i {font-size: 25px; margin-right: 20px; }
.product-details-content .content-box .price,
.product-details-content .content-box .quantity {font-size: 16px; color: #1F1F1F; }
.product-details-content .content-box .price span {font-size: 35px; color: #292929; margin-left: 20px; font-style: italic;font-family: 'Alegreya';}
.product-details-content .content-box .quantity {margin-top: 20px; }
.product-details-content .content-box .quantity input {width: 40px; height: 35px; border: 1px solid #D9D9D9; text-align: center; line-height: 33px; padding-left: 10px; margin-left: 20px; }
.product-tab-box {margin-bottom: 80px; }
.product-tab-box .tab-title-box ul {margin: 0; padding: 0; }
.product-tab-box .tab-title-box ul li {list-style: none; display: inline-block; margin-right: 6px; }
.product-tab-box .tab-title-box ul li.active a {background: #FFFFFF; border-bottom-color: #fff; border-top: 3px solid #FAB90A; line-height: 44px; }
.product-tab-box .tab-title-box ul li a {display: block; font-size: 13px; line-height: 44px; border: 1px solid #E2E2E2; text-transform: uppercase; background: #F7F7F7; color: #242424; padding: 0 29px; }
.product-tab-box .tab-content {margin-top: -1px; border: 1px solid #E2E2E2; padding-top: 50px; padding-left: 40px; padding-right: 40px; padding-bottom: 65px; }
.product-tab-box .tab-content h3 {margin: 0; font-size: 18px; margin-bottom: 12px; }
.product-tab-box .tab-content p {color: #898989; font-size: 14px; margin-top: 15px; }
.product-tab-box .tab-content p:first-child {margin-top: 0; }



/* cart page styles */

.cart-page {padding: 80px 0px; }
.cart-page .table {margin: 0; }
.cart-page table > tbody > tr > td,
.cart-page .table > thead > tr > th {border: none; }
.cart-page .table thead {background: #F9F9F9; }
.cart-page .table > thead > tr > th {font-weight: normal; color: #000000; font-size: 13px; line-height: 60px; padding: 0 40px; font-weight: 500; border: 1px solid #EBEBEB; border-bottom: 0; text-transform: uppercase; text-align: center; }
.cart-page .table > thead > tr > th.close {color: transparent; }
.cart-page .table > tbody > tr > td.preview {padding: 25px 50px; }
.cart-page .table > tbody > tr > td {border: 1px solid #ebebeb; color: #898989; font-size: 14px; font-weight: 500; line-height: 42px; padding: 60px 25px; text-align: center;}
.cart-page .table > tbody > tr > td.price {font-size: 16px; }
.cart-page .table > tbody > tr > td.del-item {text-align: center; }
.cart-page .table > tbody > tr > td.total {font-size: 16px; }
.cart-page .table > tbody > tr > td .select-box select:focus {outline: none; }
.cart-page .table > tbody > tr > td.del-item {color: #c56e21; font-size: 18px; font-weight: normal; }
.cart-page .bottom-box {background: #f9f9f9 none repeat scroll 0 0; margin: 0 0 50px; padding: 30px 25px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.cart-page .bottom-box .cupon-box input {border: 1px solid #eeeeee; color: #8e8d8d; line-height: 36px; margin-right: 10px; outline: medium none; padding: 0 20px; width: 130px; }
.cart-page .bottom-box .cupon-box button {padding: 0 20px; color: #fff; background: #E3E3E3; text-transform: capitalize; border: none; outline: none; font-weight: normal; line-height: 36px; color: #000000; }
.cart-page .add-to-cart-wrap {text-align: right; }
.cart-page .add-to-cart-wrap a .cart-button {background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; }
.cart-page .add-to-cart-wrap a .cart-button p {color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 35px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; border-right: 1px solid #000000; }
.cart-page .add-to-cart-wrap a .cart-button i {border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 35px; padding-left: 14px; padding-right: 15px; }
.cart-page .add-to-cart-wrap a:before {background: #98BC24; }
.cart-page .cart-total-box li {border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-weight: 500; line-height: 58px; padding: 0 25px; color: #000000; font-size: 13px; text-transform: uppercase; }
.cart-page .cart-total-box li:first-child {border-top: 1px solid #EBEBEB; }
.cart-page .cart-total-box li span {color: #898989; margin-left: 50px;font-size: 16px; }
.cart-page .cart-total-box .cart-total {background: #F9F9F9; }
.cart-page .cart-total-box .proceed-to-checkout {text-align: right; border: none; }
.cart-page .cart-total-box .proceed-to-checkout a {line-height: 30px; font-size: 14px; }
.cart-page .cart-total-box .proceed-to-checkout a .cart-button {background: #252525 none repeat scroll 0 0; border-radius: 5px; display: inline-block; margin-top: 24px; }
.cart-page .cart-total-box .proceed-to-checkout a .cart-button p {border-right: 1px solid #000000; color: #ffffff; display: inline-block; float: left; font-size: 12px; line-height: 40px; margin: 0; padding-left: 21px; padding-right: 17px; text-transform: uppercase; }
.cart-page .cart-total-box .proceed-to-checkout {    padding-right: 0; padding-top: 10px; border: 1px solid #ebebeb; border-top: 0; padding-bottom: 10px; padding-right: 20px;}
 .cart-page .cart-total-box .proceed-to-checkout .cart-btn {background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 32px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px;}
.cart-page .cart-total-box .proceed-to-checkout .cart-btn i {font-size: 17px; margin-right: 7px; }
.cart-page .cart-total-box .proceed-to-checkout .cart-btn:hover {background: #1FB5C7; color: #fff; border-color: #1FB5C7; }
.cart-page .cart-total-box .proceed-to-checkout a .cart-button i {border-left: 1px solid #404040; color: #98bc24; display: inline-block; float: left; font-size: 17px; line-height: 40px; padding-left: 14px; padding-right: 15px; }
.cart-page .cart-total-box .proceed-to-checkout a:before {background: #98BC24; }
.cart-page .select-box {width: 100px; }
.cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {border-right: 1px solid #E5E5E5; }
.cart-page .select-menu + .ui-selectmenu-button {width: 100% !important; border-radius: 0; padding: 0px 40px 0 20px; border: 1px solid #E5E5E5; height: 42px; background: #fff; outline: none; color: #898989; }
.cart-page .thm-btn {font-size: 14px; padding: 7px 23px; }
.cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 42px; }
.cart-page .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 16px; height: 6px; margin-top: -3px; margin-right: 4px; }
.cart-page .bottom-box .cart-btn {background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 32px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; }
.cart-page .bottom-box .cart-btn i {font-size: 17px; margin-right: 7px; }
.cart-page .bottom-box .cart-btn:hover {background: #D6B161; color: #fff; border-color: #D6B161; }


.ui-selectmenu-menu .ui-menu {background: #fff; }
.ui-selectmenu-menu .ui-menu-item {font-size: 16px; font-family: 'PT Serif', sans-serif; font-style: italic; padding: 5px 20px; border-bottom: 1px solid #E1E1E1; text-transform: capitalize; }
.ui-selectmenu-menu .ui-menu-item.ui-state-focus {background: #00ACD9; border-color: #00ACD9; color: #fff; font-weight: normal; }



/* checkout page styles */


#checkout-content .return-customer {background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ebebeb; margin-bottom: 45px; padding: 21px 30px; }
#checkout-content .return-customer p {color: #898989; font-size: 16px; line-height: 26px; margin-bottom: 0; }
#checkout-content .return-customer a {color: #11A9E0; }
#checkout-content label,
#checkout-content input[type="text"] {display: block; }
#checkout-content label {color: #8e8d8d; font-size: 14px; font-weight: 500; line-height: 26px; margin-bottom: 4px; }
#checkout-content input[type="text"] {border: 1px solid #e2e2e2; color: #c6c6c6; font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; margin-bottom: 10px; outline: medium none; padding: 0 20px; width: 100%; }
.left-checkout .section-title2.ship-to-different {margin-bottom: 39px; margin-top: 68px; }
#checkout-content input[type="text"]:last-child {margin-bottom: 0; }
#checkout-content .left-checkout > .row {margin-bottom: 23px; }
#checkout-content .row span b {color: #8e8d8d; font-size: 14px; font-weight: 500; }
#checkout-content input[type="checkbox"] {display: inline-block; margin: 0 15px 0 0; vertical-align: middle; float: left; margin-top: 4px; }
#checkout-content textarea {width: 100%; height: 100px; border: 1px solid #E2E2E2; padding: 10px 20px; outline: none; }
#checkout-content .ship-different {margin-top: 80px; }
#checkout-content .order-box {border: 1px solid #D9D9D9; padding: 30px; }
#checkout-content .order-box ul li {color: #8e8d8d; display: block; font-size: 14px; font-weight: 400; line-height: 45px; }
#checkout-content .order-box ul li.total {border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color: #242424; }
#checkout-content .order-box ul li span {color: #898989; display: inline-block; float: right; font-size: 14px; font-family: "Open Sans", sans-serif; }
#checkout-content .order-box ul li span.bold {color: #242424; font-size: 18px; font-weight: 500; font-family: "Open Sans", sans-serif; }
#checkout-content .order-box ul li a span {color: #11A9E0; font-size: 13px; font-weight: 500; font-family: "Raleway", sans-serif; }
#checkout-content .order-box ul li.place-order-button {padding-top: 20px; line-height: 30px; }
#checkout-content .order-box ul li input[type="radio"] {margin-right: 10px; }
#checkout-content .order-box ul li .note {background: #ECECEC; padding: 25px; color: #8E8D8D; line-height: 24px; font-size: 14px; font-weight: normal; position: relative; }
#checkout-content .order-box ul li .note .fa {font-size: 35px; position: absolute; top: -22px; left: 25px; color: #ECECEC; }
#checkout-content .order-box ul li a.place-order {background: #FD9C1E; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; margin-top: 30px; }
#checkout-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text {padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 42px; color: #898989; text-transform: capitalize; }
#checkout-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 14px; height: 6px; margin-top: -3px; margin-right: 8px; }
#checkout-content .select-menu + .ui-selectmenu-button {width: 100% !important; border-radius: 0; padding: 0px 20px; border: 1px solid #E5E5E5; height: 42px; background: #fff; outline: none; color: #898989; }
#checkout-content .thm-btn {background: #FAB90A; border-radius: 5px; color: #000000; text-transform: uppercase; line-height: 42px; display: inline-block; letter-spacing: .05em; font-family: 'Open Sans'; font-weight: 600; padding: 0 18px; margin-top: 10px; float: right;}
#checkout-content .thm-btn i {font-size: 17px; margin-left: 7px; }
#checkout-content .thm-btn:hover {background: #1FB5C7; color: #fff; border-color: #1FB5C7; }



/* faq page styles */

.faq-page .sec-title h2 {margin: 0;}
.faq-page .sec-title p {margin-top: 20px; }
.faq-form {background: #F9F9F9; padding: 20px 30px; border: 1px solid #EAEAEA; margin-bottom: 50px; margin-top: 30px;}
.faq-form input {height: 44px; border: 1px solid #E9E9E9; outline: none; padding-left: 25px; width: 79%; position: relative; top: 1px; }
.faq-form .thm-btn {padding: 0px 41px; line-height: 44px; border-radius: 0; margin-left: -4px; border: none; position: relative; top: 1px; background: #1FB5C7;}
.faq-page .accrodion .accrodion-title h4 {text-transform: none; font-weight: normal; color: #8E8D8D; }
.faq-page .accrodion.active .accrodion-title {background: #1FB5C7; }
.faq-page .accrodion.active .accrodion-title h4 {color: #fff; }
.faq-page .accrodion.active .accrodion-title h4 {color: #fff; }
.faq-page .accrodion.active .accrodion-title:after {border-color: #fff; color: #fff; }
.faq-question-one .single-faq {margin-bottom: 28px; }
.faq-question-one .single-faq:last-child {margin-bottom: 0; }
.faq-question-one .single-faq h3 {font-size: 16px; line-height: 33px; font-weight: bold; color: #242424; font-family: 'Open Sans', sans-serif; }
.faq-question-one .single-faq p {color: #898989; margin-top: 4px; }

.language{

}
.language li{
  display: inline-block;
}
.language li a{
    display: inline-block;
	margin-right: 7px;
}
.language li a:hover{
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.language li a img{
	width: 20px;
	display: inline-block;
	margin-right: 5px;
	margin-top: -4px;
	height: 14px;
}
.language li a span{
	color: #000;
	font-size: 15px !important;
}
.language li a#lang-current{
	font-weight: 700;
	opacity: 1;
	transition: all 0.3s ease 0s;
	pointer-events: none;
	font-weight:bold;
}
.social-header{

}
.social-header a{
	color: #000;
	background: #ffffff;
	padding: 5px 8px;
}
.social-header a:hover{
  background: #fbb12f;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li.haschild{
  position:relative;
}

@media(min-width:981px){
  .nav-holder .nav-footer ul.nav > li ul.submenu li.haschild ul{
    position: absolute;
    width: 275px;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    left: 100%;
    top: 0;
  }
  .nav-holder .nav-footer ul.nav > li ul.submenu li.haschild:hover ul{
    visibility: visible;
    opacity: 1;
  }
}
.textslider{
	color: #fff;
	padding: 0 80px;
	z-index: 1;
	background: none;
	box-shadow: none;
	text-shadow: none;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition-timing-function: ease-out;
	transition-property: opacity,transform,filter;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition-duration: .4s;
	opacity:0;
}
.textslider>div{
	display: block;
	width: 50%;
}
.textslider>div>h3{
	display: block;
	text-shadow: 0 2px 4px rgba(0,0,0,.2);
	text-align: right;
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.textslider>div>p{
	text-align: right;
	text-shadow: 0 2px 4px rgba(0,0,0,.2);
	font-size: 16px;
	color: #fff;
	font-size: 20px;
	font-style: italic;
	color: #fff;
	line-height: 28px;
}
.btn-slider{
	-webkit-appearance: none;
	overflow: visible;
	font: inherit;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	float: right;
	font-family: 'Fjalla One', sans-serif;
	background: #F7BE3D;
	color: #000;
	border: 2px solid #F7BE3D;
	line-height: 20px;
	border-width: 2px;
	margin: 0px;
	padding: 7px 27px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 14px;
}
.btn-slider:hover{
	color: #fff;
	background: #009bb3;
	border-color: #009bb3;
}
.active-revslide  .textslider{
	opacity:1;
}
.modal-backdrop{
	z-index: 10000;
}
.modal{
  z-index: 100000;
}
.servicepop .modal-header{
	background: #fbb12f;
	color: #010101;
	text-align: center;
}
.keunggulanpop .modal-header{
	background: #06aac3;
	color: #fff;
	text-align: center;
}
.servicepop .modal-footer,
.keunggulanpop .modal-footer{
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	padding: 10px 15px;
}
.servicepop .modal-body,
.keunggulanpop .modal-body{
  text-align:center;
}
.servicepop .modal-body img,
.keunggulanpop .modal-body img{
  margin-bottom:20px;
}
.servicepop .modal-body p,
.keunggulanpop .modal-body p{
  text-align:left;
}
.keunggulanpop .modal-header .close{
	color:#fff;
	opacity:1;
}
.readmore{
	background: #ffa10d;
	text-align: left;
	padding: 1em 2em;
	display: inline-block;
	color: #000;
	font: 600 1.3em/1em "Raleway", sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
}
.readmore:hover{
	background: #1FB5C7;
	color: #fff;
}
.service-content .section_header h2{
  text-align: center;
}
.service-content .section_header h2:before{
  margin: 0 auto;
  left: 48%;
}
.testiimg{
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.testiimg img{
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.readmore-testi{
	border: 2px solid #FBB12F;
	padding: 5px 10px;
	display: inline-block;
	color: #1FB5C7;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
}
.readmore-testi:hover{
	color:#fff;
	background:#1FB5C7;
}
.testiname{
	display: block;
	color: #ddd;
	margin-bottom: 20px;
}
.bbm{
	float: left;
	font-size: 25px;
	color: #009bb3;
	width: 34px;
	padding-top: 13px;
	line-height: 18px;
}
.bbm img{width: 21px;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe{
  width:100% !important;
}
.videocontent iframe{
	width:100%;
}
@media(max-width:980px){
	.touch_top .media-body{
		width: auto;
	}
	.touch_top .media-left{
		display: block;
		float: left;
	}
	.touch_top .nav{
		width: 100%;
	}
	.nav-holder .nav-footer ul.nav > li ul.submenu li.haschild ul{
      position: initial;
      width: 100%;
      display: none;
      opacity: 1;
	}
	.nav-holder .nav-footer ul.nav > li ul.submenu li.haschild>a:before{
        content:"\f078";
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
	}
	.main-menu-wrapper{
	   margin-bottom:0;
	}
	.modal-dialog{
		width: 98% !important;
		max-width: 98% !important;
		margin-top: 30px;
	}
}
@media(max-width:767px){
	.textslider>div>h3{
     font-size: 15px;
     line-height: normal;
	}
	.textslider>div>p{
     font-size:10px;
     line-height: normal;
	}
	.btn-slider{
     font-size: 12px;
     line-height: normal;
     padding: 5px 10px;
	}
	.textslider>div{
        width:100%;
	}
	.testimonial-sec{
	   padding: 2em 0em;
	}

}
@media(max-width:500px){
 
}
@media(max-width:400px){
	.touch_top{
		display: none !important;
	}
	.textslider>div>p{
		display:none;
	}
}
@media(max-width:767px){
	.postiframe iframe{
		width:100%;
	}
}
.single-blog-post,.share-box{
	float:left;
	width:100%;
}
.postiframe img{
	max-width:100%;
	height: auto !important;
}
.hiddentitleheader{
	opacity:0;
  position:fixed;
  font-size: 12px;
}
.colorwhite{
	color: #fff !important;
}
.copyright{
	text-align:center;margin:0;
}
.modal{
	z-index: 1000000 !important;
}
.width100{
	width:100% !important;
}
.top-4{
	top: -4px;
}
.maxw100{
	max-width:100% !important;
}
.maxw600{
	max-width:600px;
}
.noradius{
	border-radius: 0px !important;
}
.nopadding{
	padding:0 !important;
}
.fontcolor{
	color: #19242a;
}
.chatwithus{
	position: fixed;
    bottom: 50%;
    right: -55px;
    z-index: 1000000000;
    text-decoration: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chatwithus img{
	width: 160px;
}
.stButton .stArrow{
	display:none !important;
}
@media(min-width:981px){
	.nav-holder .nav-footer ul.nav > li ul.submenu li.haschild ul.childmenuright{
		left:-100%;
	}
}
.wawidget{
  position: fixed;z-index: 1000;right: 15px;bottom: 45px;
}