/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-Feb-2018, 9:14:15 PM
    Author     : ankit
*/

body{
   font-size: 16px;
}
h1{
   font-weight: 700;
}
h2{
   color:#0075a2;
   font-weight: bold;
}
h2 {
   font-weight: 700;
   display: inline-block;
   padding-bottom: 10px;
   position: relative;
   margin-bottom: 25px;
}
h2:before{
   content: "";
   position: absolute;
   width: 50%;
   height: 2px;
   bottom: 0;
   border-bottom:3px solid rgb(97, 101, 104);
}
.no-bot-line{
   color:#FFFFFF;
   font-weight: normal;
}
.no-bot-line:before{
   content:none;
   position: absolute;
}
h3{
   font-size:20px;
}
.section-2{
   -webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.14);
   -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.14);
   box-shadow: 50px 50px 250px 50px rgba(99, 100, 104, 0.1);
}
.section-4  h3{
   font-size: 30px;
}
.section-4 h1{
   font-size: 36px;
   font-weight: normal;
}
.padtop5{
   padding-top: 5%;
}
.padbot5{
   padding-bottom: 5%;
}
.mrgbot2{
   margin-bottom: 2%;
}
.header-top{
   background-color:#417896;
   padding-top: 5px;
   padding-bottom: 5px;
}
.header-top a,.header-top a:hover,.header-top a:focus{
   color: #FFFFFF;
}
.header-top .btn-default{
   background: transparent;
   border: 2px solid #FFF;
   font-weight: bold;
   padding: 5px 10px 5px 10px;
}
.header-top .fa-lg{
   padding-top: 8px;
   padding-left: 5px;
}
.footer-copy{
   font-size: 14px;
   padding-top: 30px;
   padding-bottom: 15px;
}
.btn-default{
   background: transparent;
   border: 1px solid #909090;
   padding: 10px 25px 10px 25px;
}
.btn-default:hover{
   background-color: #0075a2;
   color: #FFFFFF;
   transition: .60s all ease;
}
.navbar-default{
   background-color: #FFFFFF;
   border-color:#FFFFFF;
}
.navbar-right .dropdown-menu{
   right: auto;
}
.navbar-default .navbar-toggle .icon-bar {
   background-color: #2a6c90;
}
.navbar-default .navbar-toggle{
   margin-top: 35px;
   margin-bottom: 35px;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
   background-color:transparent;
}
.navbar-default .navbar-toggle,.navbar-default .navbar-collapse, .navbar-default .navbar-form{
   border-color: #2a6c90;
}
.nav>li>a {
   padding: 15px 15px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   color: #2a6c90;
   background-color:transparent; 
}
.dropdown-menu{
   padding-top: 15px !important;
   font-size: 16px;
}
.dropdown-menu>li>a {
   padding: 0px 10px;
}
hr{
   border-top: 5px solid rgba(97, 101, 104, 0.8);
   margin-top:0px; 
   margin-bottom: 0px; 
}
.footercontent{
   background: url('../img/layout/footer/footer-background.jpg');
   font-size: 16px;
   padding-top: 3%;
}
.section-4{
   background: url('../img/content/home/bottom-banner.jpg');
   color: #FFFFFF;
}
.top-banner-about{
   background: url('../img/content/about/about-us-top-banner.jpg');
}
.top-banner-community-involvement{
   background: url('../img/content/community_involvement/community-involvement-top-banner.jpg');
}
.top-banner-hse{
   background: url('../img/content/hse/hse-top-banner.jpg');
}
.top-banner-frac-fluid{
   background: url('../img/content/services/Frac-Fluid-Heater-top-banner.jpg');
}
.top-banner-access-matting{
   background: url('../img/content/services/access-matting-manufacturing-top-banner.jpg');
}
.top-banner-surface-drilling{
   background: url('../img/content/services/surface-drilling-support-rentals-top-banner.jpg');
}
.top-banner-fire-suppression{
   background: url('../img/content/services/fire-suppression-banner.jpg');
}
.top-banner-horizontal-directional-drilling{
   background: url('../img/content/services/horizontal-directional-drilling.jpg');
}
.top-banner-team{
   background: url('../img/content/team/team-top-banner.jpg');
}
.top-banner-contact{
   background: url('../img/content/contact/contact-us-top-banner.jpg');
}
.top-banner-about,.top-banner-community-involvement,.top-banner-contact,.top-banner-hse,.top-banner-team,.top-banner-frac-fluid,.top-banner-access-matting,.top-banner-fire-suppression,.top-banner-surface-drilling,.top-banner-horizontal-directional-drilling{
   color: #FFFFFF;
   padding-top: 7%;
   padding-bottom: 7%;
}
.footercontent,.section-4,.top-banner-about,.top-banner-community-involvement,.top-banner-contact,.top-banner-hse,.top-banner-team,.top-banner-frac-fluid,.top-banner-access-matting,.top-banner-fire-suppression,.top-banner-surface-drilling,.top-banner-horizontal-directional-drilling{
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.contact-employee p{
   font-size: 15px;
}
.thumbnail{
   border: none;
}
/*Slider*/
.carousel-inner .imgOverlay {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(6, 28, 38, 0.4);
}
.carousel-inner img {
   width: 100%;
}

/*CONTROL*/
.carousel-control {
   width: auto;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
   position: absolute;
   top: 47%;
   right: 0;
   z-index: 5;
   display: inline-block;
   background-color: #000;
   width: 38px;
   height: 38px;
   line-height: 40px;
   font-size: 14px;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
   left: 0;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left,
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
   border-radius: 50px;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
   left: 30px;
}
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
   right: 30px;
}
/*
service-accordian
*/
#service-accordian .panel{
   border: none;
   box-shadow: none;
   border-radius: 0;
   margin-bottom: 15px;
}
#service-accordian .panel-heading{
   padding: 0;
   border-radius:0;
   border: none;
}
#service-accordian .panel-title a{
   display: block;
   padding: 14px 30px 14px 70px;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   background: #2a6c90;
   position: relative;
   overflow: hidden;
   transition: all 0.5s ease 0s;
}
#service-accordian .panel-title a.collapsed{
   background: #f8f8f8;
   color: #1e4276;
}
#service-accordian .panel-title a.collapsed:hover{
   color: #2a6c90;
}
#service-accordian .panel-title a:before{
   content: "";
   width: 55px;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.1);
   position: absolute;
   top: 0;
   left: -13px;
   transform: skewX(-25deg);
   transition: all 0.5s ease 0s;
}
#service-accordian .panel-title a.collapsed:hover:before{
   background: #2a6c90;
}
#service-accordian .panel-title a:after{
   font-family: FontAwesome;
   content: "\f078";
   position: absolute;
   left: 10px;
   top: 50%;
   color: #fff;
   transform: translateY(-50%);
}
#service-accordian .panel-title a.collapsed:after{
   color: #2a6c90;
}
#service-accordian .panel-title a.collapsed:hover:after{
   color: #fff;
}
#service-accordian .panel-body{
   line-height: 25px;
   padding: 20px 15px 20px 40px;
   position: relative;
   border: none;
   transition: all 0.5s ease 0s;
}
#service-accordian .panel-body p{
   margin-bottom: 0;
}
/*
End
*/
/*home services*/
.is-table-row .box {
   background: none;
   position: static;
}
.is-table-row [class*="col-"] {
   background: #fff;
}
.is-table-row [class*="col-"] { padding-top: 10px; padding-bottom: 25px; background: rgb(249, 249, 249); margin:5px; box-shadow: 20px 25px 50px -25px #144759;}
.box {
   padding:10px 5px 15px 5px;
   margin-bottom: 5px;
}
.box h2 {
   font-weight: 300;
   letter-spacing: -0.05em;
   margin-bottom: 15px;
}
.box a {
   display: block;
   position: absolute;
   bottom: 20px;
}
.box p {
   padding-bottom: 30px;
}
.box h3{
   color: #616568;
}

@media only screen and (min-width : 320px) { 
   .navbar ul {
      padding-top: 0px;
   }
   .navbar{
      margin-bottom: 0px;
   }
   .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
      color:#0075a2;
      background-color: transparent;
   }
   .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
      color: #0075a2;
      text-decoration: none;
      background-color: #FFF;
      outline: 0;
      font-weight: bold;
   }
   .dropdown-menu ul li a, .navbar ul li a{
      font-weight: bold;
      color: #777;
   }
   .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, 
   .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
      color: #0075a2;
      background-color: transparent;
   }
   /*home page services*/
   .is-table-row {
      display: block;
   }
   .is-table-row [class*="col-"] {
      float: none;
      display: flex;
      vertical-align: top;
      margin-bottom:15px;
   }

}
@media only screen and (min-width : 480px) {

}
@media  (min-width : 520px)  and (max-width:630px){

}
@media  (min-width : 630px)  and (max-width:768px){

}
@media only screen and (min-width : 768px) {
   .navbar{
      margin-bottom: 20px;
   }
   .nav>li>a {
      padding: 15px 15px;
   }
   .navbar ul{
      padding-top: 30px;
   }
   /*home page Services*/
   .is-table-row {
      display: block;
   }
   .is-table-row [class*="col-"] {
      float: none;
      display: flex;
      vertical-align: top;
      margin-bottom:15px;
   }
}
@media only screen and (min-width : 992px) {
   .nav>li>a {
      padding: 15px 15px;
   }
   /*home page services*/
   .is-table-row {
      display: flex;
   }
   .is-table-row [class*="col-"] {
      float: none;
      display: table-cell;
      vertical-align: top;
   }
}
@media only screen and (min-width : 1199px) {

}
@media only screen and (min-width : 1399px) {

}

@media only screen and (min-width : 1899px) {

}
@media only screen and (min-width : 2899px) {

}