/* Main Stylesheet of Turin Logistics */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Header




**********************************************/


/*==============================================
Fonts
================================================
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);
@import url(hover.css);
@import url(font-awesome.css);
@import url(animate.css);
@import url(flaticon.css);
@import url(owl.css);
@import url(jquery.datepick.css);
@import url(jquery.fancybox.css);
@import url(nouislider.css);
@import url(jquery.bootstrap-touchspin.css);
@import url(common.css);

/*

====================================================================
Header
====================================================================

*/

@keyframes menu_sticky {
   0% {
      margin-top: -100px;
   }
   50% {
      margin-top: -90px;
   }
   100% {
      margin-top: 0;
   }
}



.popover{
   width:150px;
   /* height:100px; */
}
.dAddbutton{
   max-width: none !important;
}

.drag-wrapper.content {
   display:none;
}
.messenger-icon{
   width: 50px !important;
   height: 50px !important;
   margin-top: 0px !important;
}

.stricky.stricky-fixed {
   margin: 0;
   padding: 0;
   position: fixed;
   /* background: rgba(0, 0, 0, 0.9); */
   background-color: #FFFFFFE6;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99999;
   animation-name: menu_sticky;
   animation-duration: 0.60s;
   animation-timing-function: ease-out;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(93, 73, 73, 0.12);
}

.stricky-fixed.fadeInDown.nav-itm-wrapper>ul>li>a{
  color :white !important;
}
.stricky.stricky-fixed.fadeInDown.nav-itm-wrapper>ul>li>a.hovercolor{
    color:white !important;
}
.head_main {
    width: 100% !important;
}

.section-head>p.header {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    color: #aaaaaa;
    /* text-transform: uppercase; */
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 11px;
    padding-top: 13px;
    padding-bottom: 50px;
}
.fz-25 {
    font-size: 25px;
}


.section-head>h1.header-text {
   font-family: 'KabelBookBT' !important;
   font-weight: bold;
   color: inherit;
   text-transform: uppercase;
   letter-spacing: .15px;
    /* font-size: 45px;
    letter-spacing: .25px; */
    line-height: 24px;
    padding-bottom: 20px;
    font-size: 22px !important;
   }



.section-sub-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: .15px;
   line-height: 11px;
   text-transform: uppercase;
}
.color{
   background: url('../img/bnr-.png') !important;
   height: 23px;
}
.newsletter-sub{
  font-size: 15px;
}
.img-ml-40{
   margin-left: 40px;
}
.month-yr{
   float: right;
   font-size: 24px !important;
   margin-top: 38px;
   font-family: 'kabelbookBT';
   color: black;
}
.emaildelete{
    position: absolute;
    bottom: 24px;
}
.font-features{
   font-size: 27px;
   font-weight: 900;
   color: black;
   font-family: 'kabelbookBT' !important;
   float: left;
   padding-top: 46px !important;
}
.news-section1{
   margin-top: 103px;
   position: relative;
}
.subhead-bottom{
   bottom: 30px;
}
.subhead-newsblk{
   font-size: 26px !important;
   font-weight: bold !important;
   color: black !important;
}
.section1-padding{
   margin-left: 127px;
   position: relative;
   bottom: 115px;
}
.news-img{
   position: relative;
   top: 10px;
}
.line-img{
   position: relative;
   top: 71px;
   right: 149px;
}
.section2-padding{
   margin-left: 190px;
   position: relative;
   bottom: 115px;
}
.section1-text{
   font-size: 20px !important;
   font-family: 'kabelbookBT' !important;
   color: black !important;
}
.newsletter-box{
    width: 100%;
    background: #fafafa;
    border: 1px solid black;
    margin-bottom: 19px;
    height: 250px;
    padding-left: 24px;
    padding-right: 22px;
    background-color:white;
    padding-top: 24px;
    margin-top: 10px;
}
.news-button{
   float: right;
   height: 37px;
   width: 145px;
   font-family: 'kabelbookBT';
   font-weight: 999;
   font-size: 19px !important;
   padding-left: 19px;
   background-color: silver;
}
.ht-320{
   height: 320px;
}
.ht-210{
   height: 210px
}
.section3-padding{
   margin-left: 127px;
   position: relative;
   bottom: 112px;
}
.section4-padding{
   margin-left: 190px;
   position: relative;
   bottom: 134px;
}
.ht-200{
   height: 200px;
}
.news-pt-50{
   padding-top: 50px;
}
.news-padding-20{
   padding-top:20px;
}

/***

====================================================================
Main nav style
====================================================================

***/

.nav-1 {
   border-bottom: 1px solid rgba(255, 255, 255, 0.25);
   z-index: 1000;
}
.head_main{
   background-color:white;
   height: 115px !important;
   width:100%;
}
.style-mt{
   margin-top:161px;
}
.contact{
   margin-right: 100px;
   padding-top: 11px;
}
.pt-2-padding{
    padding-top:21px;
}
.flr-right{
    float:right;
}
.contact-color{
   color: 	inher !important;
}
.map_border{
   border:1px solid black;
}
.message-pos{
   position: relative;
   bottom: 350px;
   height: 1px;
}
.message_box{
   margin-bottom: 10px;
   font-family: 'kabelBookBT';
}
.mes_height{
   height: 84px !important;
}
.pl_box{
   padding-left: 1px !important;
}
.ft-color{
   color:#666;
}
.select_box-color{
   color:#555 !important;
}
.disc{
   list-style: disc !important;
}
.contact_associates{
   font-weight: bold;
   text-transform: uppercase;
   font-size: 20px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
   .laptop-headerimg{
      background: url('../img/bg2-1.png') !important;
   }
   .EmaildelBtn{
      right: 236px !important;
   }
}
.quoteImg
{
/* position: relative !important; */
/* left: 275px; */
top: 36px !important;
}
@media only screen and (min-width: 1440px) {
   /* .trackbox-lap{
      height: 2778px !important;
   } */
   .trackingSessionImg{
      padding-left: 128px !important;
   }
   /* .quoteImg
   {
   position: relative;
   left: 275px;
   top: 36px;
   } */
   .tracklap_ht-3550{
      height: 3550px !important;
   }
   .lap-shipperimg{
      position: relative !important;
      right: 75px !important;
   }
   .lap-ex_haulageimg{
      position: relative !important;
      right: 46px !important;
   }
   .lap-org_warehouse{
      position: relative !important;
      right: 23px !important;
   }
   .lap-org_handling{
      position: relative !important;
      right: 19px !important;
   }
   .lap-circle2{
      left: 180px !important;
   }
   .lap-circle3{
      left: 281px !important;
   }
   .lap-circle4{
      left: 370px !important;
   }
   .lap-circle5{
      left: 448px !important;
   }
   .lap-consigneeimg{
      position: relative;
      left: 87px;
   }
   .lap-imp_haulage{
      position: relative;
      left: 47px;
   }
   .lap-dest_warehouse{
      position: relative;
      left: 27px;
   }
   .lap-dest_handling{
      position: relative;
      left:18px;
   }
   .lap-circle10{
      left: 1016px !important;
   }
   .lap-circle9{
      left: 914px !important;
   }
   .lap-circle8{
      left: 814px !important;
   }
   .lap-circle7{
      left: 728px !important;
   }
   .lap-circle6{
      left: 646px !important;
   }
}

@media only screen and (max-width: 999px) {
  /* For mobile phones: */


  .quoteMob_img{
   left: 1px !important;
   top: -63px !important;
   right: 2px ;
   bottom: 62px ;
  }
  .quoteMob_session{
   min-height: 1595px !important;
  }
  .destwarehouse-release{
     font-size: 16px;
     font-family: 'kabelbookBT';
     position: relative;
     right: 10px;
     text-align: left;
  }
  .text_box {

   height: 40px !important;
   border-radius: 0px;
   font-family: 'kabelBookBT';
   font-size: 15px !important;
  }
  .sailing-right{
     /* right: 54px; */
     right: 27px;
}
  .searchTrackingHeading{
   padding-right: 71px;
   padding-top: 106px;
   position: absolute;
  }
  .searchTrackingHeading-mob{
   padding-right:0px !important;
   padding-top: 0px !important;
   position: relative !important;
  }
  .searchTrackingFormMob{
   position: relative;
   bottom: 0px !important;
   width: 100% !important;
   font-size: 15px !important;
  }
  .searchTrackingForm{
   position: relative;
   bottom: 160px;
   width: 65%;
   font-size: 15px !important;
  }
  .searchTrackingImg{
   padding-left: 28px !important;
   float: left;
  }
  .searchTrackingBtn{
   width: 120px;
   bottom: 66px;
  }
  .quoteMobBtn{
      float: right;
      position: relative;
      left: 43px;
      width: 172px;
      bottom: 0px;
  }
  .emailaddMobBtn{
   top: 3px !important;
   left: 287px !important;
  }
  .searchTracking{
   top: 238px !important;
  }
  .mobsailing-right{
     right: 50px;
  }
  .DH-left-50{
     left: 50px;
  }
  .importmobpos{
     position: relative;
     left: 28px;
  }
  .mt-63{
   margin-top: -63px;
  }
  .org-handling-pos{
   left: 20px !important;
}
  .export_departure{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   position: relative;
   right: 51px;
  }
  .export_carrier{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 49px;
      text-align: left;
}
  .import_from{
      font-size: 16px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      position: relative;
      right: 35px;
      text-align: left;
  }
  .tracktablepadding tr{
     height: 27px !important;
  }
  .haulage-pt-20{
     padding-top: 20px;
  }
  .verticalline{
         border-left: 6px dotted #1d7863;
         position: absolute;
         height: 115px;
         left: 49px;
  }
  .verticalline1{
   border-left: 6px dotted #1d7863;
   position: absolute;
   height: 69px;
   left: 49px;
}
.verticalline2{
   border-left: 6px dotted #1d7863;
   position: absolute;
   height: 220px;
   left: 49px;
}
.verticalline3{
   border-left: 6px dotted #1d7863;
   position: absolute;
   left: 49px;
   /* top: 1617px; */
   height: 119px;
}
.verticalline4{
   border-left: 6px dotted #1d7863;
   position: absolute;
   left: 49px;
   height: 98px;
}
.verticalline5{
   border-left: 6px dotted #1d7863;
   position: absolute;
   left: 49px;
   /* top: 1735px; */
   height: 98px;
}
.noofcontainers{
   background-color: white;
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
}
  .endtable-position{
      position: relative;
      bottom: 0px;
  }
  .import-position{
   position: relative;
   right: 32px;
  }
  .destination-position{
   position: relative;
   right: 32px;
  }
  .dest-warehouse-place{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 3px;
      text-align: left;

  }
  .dest-warehouse-date{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 29px;
  }
  .dest-warehouse-entry{
   font-size: 16px;
   font-family: 'kabelbookBT';
   position: relative;
   right: 9px;
   text-align: left;
}
  .dest-warehouse-from{
   position: relative;
   right: 8px;
   font-size: 16px;
   font-family: 'kabelbookBT';
   text-align: left;
}
  .dest-custom-date{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   position: relative;
   right: 42px;

}
.dest-place{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   position: relative;
   right: 30px;
   text-align: left;
}
.dest-custom-place{
   font-size: 16px;
   font-family: kabelbookBT;
   position: relative;
   right: 57px;
   text-align: left;
   width: 62px;
}
.dest-custom-head{
   font-size: 20px;
   font-weight: 900;
   font-family: 'kabelbookBT';
   color: #1d7863;
   position: relative;
   right: 53px;
}
  .discharge_place{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   position: relative;
   right: 5px;
   text-align: left;
}
  .discharge-date{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 31px;
}
  .discharge-release{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 1px;
      text-align: left;
}
.discharge-place{
   font-size: 16px;
   font-family: 'kabelbookBT';
   position: relative;
   right: 0px;
   text-align: left;
}
.discharge-head{
   font-size: 20px;
   font-weight: 900;
   font-family: 'kabelbookBT';
   color: #1d7863;
   position: relative;
   right: 6px;
}
  .port-position{
      position: relative;
      right: 32px;
  }
  .handling-position{
   position: relative;
   right: 32px;
}
  .leg1-arrival{
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
  .leg1_arrival{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      text-align: left;
  }
  .leg1_departure{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      text-align: left;
  }
  .leg1-departure{
      right: 28px;
      font-size: 16px;
      text-align: left;
      font-family: 'kabelbookBT'
  }
  .leg1-voy{
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
  .leg1_voy{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      text-align: left;
  }
  .leg1-vessal{
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
  .leg1_vessal{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      text-align: left;
  }
  .leg1_carrier{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   text-align: left;
  }
  .leg1-carrier{
   font-size: 16px;
   font-family: 'kabelbookBT';
   text-align: left;
  }
  .leg1_to{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   text-align: left;
  }
  .leg1-to{
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
  .leg1_from{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   text-align: left;
  }
  .leg1-from{
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
   .leg1{
      font-weight: 900;
      font-family: 'kabelbookBT';
      color: #1d7863;
      font-size: 20px;
   }
  .entry-date{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 48px;
  }
  .entry-date{
   font-size: 16px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   position: relative;
   right: 48px;
}
  .loading-release{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 20px;
      text-align: left;
  }
  .loading-place{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 20px;
      text-align: left;
  }
  .load-place{
   font-size: 16px;
   font-family: 'kabelbookBT';
   position: relative;
   right: 18px;
   font-weight: 900;
   text-align: left;
}
  .loading-head{
      font-size: 20px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      color: #1d7863;
      position: relative;
      right: 20px;
  }
  .custom-date{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 58px;

  }
  .place{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 56px;
      text-align: left;
  }
  .custom-place{
      font-size: 16px;
      font-family: kabelbookBT;
      position: relative;
      right: 125px;
      text-align: left;
      width: 69px;
  }
  .custom-head{
      font-size: 20px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      color: #1d7863;
      position: relative;
      right: 125px;
  }
  .entry{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 56px;
      text-align: left;
  }
  .warehouse-head{
      font-size: 20px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      color: #1d7863;
      position: relative;
      right: 56px;
 }
  .carrier{
      font-size: 16px;
      font-family: 'kabelbookBT';
      font-weight: 900;
      position: relative;
      right: 36px;
      text-align: left;
  }
  .export-arrival{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 65px;
  }
  .import-arrival{
   font-size: 16px;
   font-family: 'kabelbookBT';
   position: relative;
   right: 51px;
  }
  .export-carrier{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 55px;
      text-align: left;

  }
  .import-carrier{
   font-size: 16px;
   font-family: 'kabelbookBT';
   position: relative;
   right: 33px;
   text-align: left;
}
  .export-to{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 74px;
  }
  .import-to{
      font-size: 16px;
      font-family: 'kabelbookBT';
      position: relative;
      right: 33px;
      text-align: left;
}
  .departure{
      font-size: 16px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      position: relative;
      right: 41px;
  }
  .track-mobtext{
      font-size: 16px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      position: relative;
      right: 45px;
      text-align: left;
  }
  .export-from{
      position: relative;
      right: 53px;
      font-size: 16px;
      font-family: 'kabelbookBT';
      text-align: left;
  }
  .import-from{
   position: relative;
   right: 33px;
   font-size: 16px;
   font-family: 'kabelbookBT';
   text-align: left;
}
  .export-departure{
      position: relative;
      right: 56px;
      font-size: 16px;
      font-family: 'kabelbookBT';
  }
  .import-departure{
   position: relative;
   right: 33px;
   font-size: 16px;
   font-family: 'kabelbookBT';
   text-align: left;
}
  .export-head{
      font-size: 20px;
      font-weight: 900;
      font-family: 'kabelbookBT';
      color: #1d7863;
      position: relative;
      right: 55px;
  }
  .import-head{
   font-size: 20px;
   font-weight: 900;
   font-family: 'kabelbookBT';
   color: #1d7863;
   position: relative;
   right: 33px;
}
  .export-haulage{
      float: right;
      position: relative;
      bottom: 69px;
  }
  .track-mobbody{
      background-color: #e6ecea;
      margin-top: 15px;
      height: auto;
      overflow: hidden;
  }
  .track-mobsubtext{
      text-align: left;
      font-size: 13px;
      font-family: 'kabelbookBT';
      font-weight: 700;
      background-color: white;
  }
  .track-mobsubhead{
      font-family: 'kabelbookBT';
      font-weight: bold;
      font-size: 16px;
  }
  .border-collapse{
     border-collapse: collapse;
  }
  .tracking-outercontent{
   text-align: left;
   font-size: 13px;
   font-family: 'kabelbookBT' !important;
   background-color: white;
   font-weight: 700;
  }
.tracking-mobheader{
   height: 86px;
   background-color: #1d7863;
}
.mob-headertext{
   font-size: 24px;
   font-weight: 900;
   color: white;
   text-align: center;
   padding-top: 52px;
}
  .mob-bt-25{
   position:relative;
   bottom: 25px;
}
.mob-pt-20{
   padding-top: 20px !important;
}
  .mob-ml-0{
   margin-left: 0px !important;
}
.mob-margintop-31{
   margin-top:31px !important;
}
  .mob-line-img{
   position: relative;
   left: 4px !important;
   top: 25px !important;
}
.mob-news-img{
  max-width: 50% !important;
}
.mob-month-position{
position: relative;
top: 12px !important;
font-size: 21px !important;
}
.mob-pos-readmore{
position: relative;
bottom: 33px !important;
}
.mob-ht-400{
  height: 400px !important;
}
.mob-section4-padding{
   margin-left: 91px !important;
   bottom: 99px !important;
   width: 200px !important;
}
.mob-bt-40{
  bottom: 81px !important;
}
.mob-section3-padding{
width: 200px !important;
margin-left: 90px !important;
bottom: 80px !important;
}
.support-imgwidth{
  max-width:32% !important;
}
.mob-newsletter_text{
  font-size: 18px !important;
  position: relative;
  bottom: 22px !important;
}
.mob-newsection2{
bottom: 162px !important;
max-width: 38% !important;
right: 13px !important;
}
.mob-section1-padding{
margin-left: 92px !important;
bottom: 94px !important;
width: 200px !important;
}
.mob-section2-padding{
margin-left: 108px !important;
bottom: 69px !important;
width: 200px !important;
}
.mob-ht-395{
   height: 395px !important;
}
.mob-subhead-newsblk{
  font-size: 20px !important;
}
.mob-section1-text{
  font-size:17px !important;
}
.mob-featureimge1{
  max-width: 34% !important;
}
.mob-mt-0{
  margin-top: 0px !important;
}
.mob-news-button{
width: 39% !important;
font-size: 17px !important;
padding-left: 0px !important;
height: 27px !important;
}
.mob-pt-0{
  padding-top: 0px !important;
}
.mob-btn-padding{
  font-size: 20px !important;
  width:100% !important;
}
.mob-newsletter-box{
width: 100%;
background-color: rgb(250, 250, 250) !important;
border: 1px solid #7c7373 !important;
margin-bottom: 19px;
height: 250px !important;
padding-left: 24px;
padding-right: 22px;
padding-top: 24px;
margin-top: 10px;

}
  .mob-associate-pos{
   position: absolute !important;
   top: 54pc !important;
   padding-right: 35px !important;
   padding-left: 0px !important;
  }

  .mob-message-pos{
   position: absolute;
   top: 71pc;
  }
  .mob-section-ht{
   height: 105pc !important;
  }
  .mob-width{
   width: 100%;
  }
  .mob-padding{
   padding-left: 4px;
   width: 99%;
  }
.mob-pl-0{
   padding-left: 0px !important;
}
.mob-pt-0{
   padding-top: 0px !important;

}
  .message-mob_position{
   position: relative;
   bottom: 30px;
  }
  .email-mob_position{
   position: relative;
   bottom: 70px;
  }
  .txtarea-mob_pos{
   position: relative;
   bottom: 100px;
  }
  .select-mob_pos{
   position: relative;
   bottom: 170px;
  }
  .mob-sendbtn{
   bottom: 10pc;
  }
  .mob-cont_address{
   bottom: 164px;
  }
  .mob_banner{
   margin-top: 106px !important;
   height: 200px !important;
}
.mob-fz-20{
   font-size: 20px !important;
}
.mob-fz-18{
   font-size: 18px !important;
}
    .headerLogoMobile{
        width: 75% !important;
        padding-top: 8%;
    }
    .color-contact{
        color:#696464;
    }
    .desk{
        display:none !important;
    }
    .mobile-contact-width{
        width:104% !important;
    }
    .mob{
        display:block !important;
    }

    .nav-1 {
        border-bottom: 0px solid rgba(255, 255, 255, 0.25);
        z-index: 1000;
        margin-top: -15px;
    }
    .popover{
      width:100px;
      height:100px;
   }

    .circle {
      top : -155px !important;
     }


    .logo-wrapper{
        width:60% !important;
    }

    .section-head>h1.header-text {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 900;
        color: #222222;
        text-transform: uppercase;
        font-size: 30px;
        letter-spacing: .25px;
        line-height: 24px;
        padding-bottom: 27px;
    }
    hr{
        display:none;
    }
    .footer-1-middle-column hr{
        display:block !important;
    }
    .footerApp{
        padding-bottom: 5px !important;
    }

    .separator {
    background: #ffffff30;
    height: 1px !important;
    width: 100%;
     margin-top: 40px;
    }
    .margin-mobile{
      margin-bottom: 10px;
      margin-top: 15px;
    }
    .mob-margin{
      margin-top: 61px !important;
    }
    .mt-mobile{
        margin-top:-50px;
    }
    .margin-mobile1{
       margin-top: 340px;
    }
    .header-mobile{
        margin-top:-20px;
    }
    .our-features-mobile{
        margin-top: 20px;
    }
    .newsletter-mobile{
         margin-top: -60px;
    }
    .certification-mobile{
        margin-top:-25px;
    }
    .about-mobile{
        margin-top: -70px;
    }
    .image-mobile{
       position: relative;
       right: 0px !important;
       padding-bottom: 30px !important;
    }
    .img-margin-mobile{
        margin-left: -18px;
        margin-top: -9px;
    }
    .services-mobile{
        margin-top: -40px;
    }
    .certification-margin-mobile{
        margin-top: -60px;
    }
    .mt-mobile-20{
        margin-top: 20px;
    }
    .mt-mobile-30{
        margin-top: 30px;
    }
    .aboutus-heading{
        text-align:center !important;
        padding-top: 0px !important;
        padding-bottom: 15px !important;

    }
    .mobile-about-img-heading{
      padding-left: 0px!important;
        text-align: center;
        padding-right: 8px !important;
        font-size: 32px !important;
    }
    .mobile-about-img-heading-sub{
      padding-left: 0px !important;
      font-size: 21px !important;
    }
    .mobile-content-width{
        width:100%!important;
        margin-top: -187px;
        padding-left: 16px;
        padding-right: 30px;
    }
    .mob_pos-tl{
       position: inherit !important;
    }
    .mob_head{
       /* height: 132px !important; */
       height: 162px !important;

    }
    .mob_ml{
      /* margin-left: -20px; */
      margin-left: 5px;
    }
    .mobile_pl-10{
      padding-left: 10px !important;
    }
    .mob_contact{
      /* /* margin-right: -10px !important; */
      margin-top: 77px !important;
      margin-right: 6px !important;
      margin-top: -28px !important;
      padding-left: 15px !important;
    }
    .mob_font-10{
      font-size: 13px !important;
    }
    .mob_font-15{
      font-size: 17px !important;
      padding-top: 0px !important;
      /* margin-top: -8px !important; */
      margin-top: 0px !important;
    }
      .width_content_mobile{
         padding-left: 15px !important;


    }
    .pt-2-padding{
        margin-top:-2px !important;
    }
    .pt-10-padding{
        margin-top:-10px !important;
    }
    .color-white {
        color: #fff !important;
    }
    .headerColor {
        background-color: black;
        border-top: 2px solid red;
        border-bottom: 1px solid red;
     }
    .mob-wd{
      width: 256px !important;
    }
    .newsletter-box {
    width: 100%;
    background: #fafafa;
        background-color: rgb(250, 250, 250);
    border: 1px solid #e0e0e0;
    margin-bottom: 19px;
    height: 250px !important;
    padding-left: 24px;
    padding-right: 22px;
    background-color: #e0e0e0;
    padding-top: 24px;
    margin-top: 10px;
    }
    .news-1 .news-1-item a.image {
        float: left;
        margin-right: 14px !important;
        vertical-align: text-top;
    }
    .mob-top{
      margin-top: -98px !important;
      padding-top: 160px !important;
    }
    .flr-right{
    float:left !important;
    }
    .mob_top{
       margin-top: -102px !important;
    }
    .mob_top_about{
        margin-top: 4px !important;
    }
    .color-padding{
        padding-top: 20px !important;
    }
     /* .mobile-content-width{
        width:50%!important;
    } */
    .pb-200-service{
    padding-top:0px !important;
    }

    .service-p-sub{
        position: relative;
        margin-bottom: 0px;
        bottom: 93px !important;
        color: white;
        text-transform: uppercase;
        font-size: x-large;
        text-align: right;
        right: 140px !important;
        font-size: medium;
        font-size-adjust: inherit;
        letter-spacing: 1px;
        line-height: 25px;

       }
    .pl-0-mobile{
        padding-left: 0px !important;
     }
    .art {
    position: relative;
    text-align: center;
    left: 60px !important;
    top: 60px !important;
    font-size: 40px !important;
    color: #5b5d5c;
    }
    .airmobile{
     height: auto !important;
    }
    .movermobile{
     height: auto !important;
    }
    .projectsmobile{
     height: auto !important;
    }
    .criticalmobile{
     height: auto !important;
    }
    .seamobile{
     height: auto !important;
    }
    .hazmobile{
     height: auto !important;
    }
    .d2dmobile{
     height: auto !important;
    }
    .coldmobile{

    }
    .artImage{
        position: relative;
        bottom: 80px !important;
    }


    .padding-banner-157{
        padding-top: 0px !important;
    }
    .margintop-mobile{
        margin-top:-15px !important;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 23px;
    }
    /* .margintop-40{
        margin-top:30px !important;
    } */
    .padding-20{
    padding-top:80px !important;
    }
    .padding-features{
    margin-top: -23px !important;
    padding-bottom: -37px !important;
    }
    .serviceParagraph{
    padding-bottom: 20px !important;
    }
    .serviceTitleDiv{
        height:135px !important;
    }
    .mob-p-t-0 {
        padding-top: 0px !important;
    }

    #commentTableModal {
        margin-top: 80px !important;
    }
    /* .mobile-padding-about{
        padding-top:0px !important;
    } */

    .applyNowParDiv {
        padding-left: 0px !important;
        padding-top: 40px;
    }
}
.mob{
        display:none ;
    }
    .desk{
        display:block ;
    }
.pb-200-service{
    padding-top:200px;
}
.padding-banner-157{
        padding-top: 40px;
    }
.margintop1-50{
   margin-top:29px;
   font-family: 'kabelbookBT';
   font-weight: 500;
   font-size: 20px;
        line-height: 23px;
    }
.margintop-40{
        margin-top:65px;
}
.color-padding{
        padding-top: 62px;
    }
.padding-20{
    padding-top:20px;
}
.padding-features{
    margin-top: -23px;
   padding-bottom: 30px !important;
   font-family: 'Source Sans Pro', sans-serif !important;

}
.aboutusimg{
/* width: 834px; */
/* height: 427px; */
/* margin-top: -432px; */
float: left;
margin-top: -80px;
margin-left: -479px;
/* margin-left: -104px; */
margin-left: -476px;
}
.img-aboutus{
     position: relative;
     /* right: 65px; */
     right: 18px;
    }

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .nav-1 .nav-itm-wrapper > ul > li > a {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation : portrait){

    .ipad-orghand-date{
        position: relative;
        right: 128px;
        font-size: 16px;
        font-family: 'kabelBookBT';
        font-weight: 900;
    }
   .ipad-orghandling{
      /* left: 3px !important; */
      left:50px !important;
   }
   .ipad-sailing{
      float: unset !important;
      left: 91px !important;
   }
   .ipad-txtalign-left{
      text-align: left;
   }
   .ipad-trackht{
      height: unset !important;
      overflow-x: unset !important;
   }
   .ipad-importhaulage{
      position: relative;
      right: 26px;
   }
   .ipad-pod{
      position: relative;
      right: 65px;
   }
   .ipad-destwarehouse{
      left: -68px !important;
   }
   .ipad-org_handling{
      position: relative;
      left: -339px !important;
   }
   .ipad-leg1vessel{
      right: 45px !important;
   }
   .ipad-leg1carrier{
      right: 31px !important;
   }
   .ipad-departure{
      right: 41px !important;
   }
   .ipad-import-carrier{
      right: 49px !important;
   }
  .ipad-DHCC-left{
     left: -12px;
  }
  .ipad-IH-left{
     left:-29px;
  }
   .ipad-vert_line{
      height: 69px !important;
   }
   .ipad-verticalline{
      height: 113px !important;
   }
   .ipad-verticalline1{
      height: 58px !important;
   }
   .ipad-bottom-0{
      bottom: 0px !important;
   }
   .ipad-pt-149{
      padding-top: 149px !important;
   }
   .ipad-desthandling{
      position: relative;
      right: 68px;
   }
   .ipad-pt-145{
      padding-top: 145px !important
   }
   .ipad-pt-250{
      padding-top: 250px !important;
   }
   .ipad-trans1pos{
      position: relative;
      right: 103px;
   }
   .ipad-pt-242{
      padding-top: 242px !important;
   }
   .ipad-trackpos{
      position: relative;
      right: 358px;
   }
   .ipad-mr-5{
      margin-right: 5px !important;
   }
   .ipad-pt-3{
      padding-top: 3px !important;
   }
   .ipad-pt-11{
      padding-top: 11px !important;
   }
   .ipad-pt-17{
      padding-top: 17px !important;
   }
   .ipad-pt-8{
      padding-top: 8px !important;
   }
   .ipad-pt-16{
      padding-top: 16px !important;
   }
   .ipad-pt-9{
      padding-top: 9px !important;
   }
   .ipad-pt-1{
      padding-top: 1px !important;
   }
   .ipad-ml-266{
      margin-left: -266px;
   }
   .ipad-nav-font{
      font-size: 13px !important;
   }
   .ipad-ht-210{
      height: 210px !important;
   }
   .ipad-ht-320{
      height: 320px !important;
   }
   .ipad-line-img{
      position: relative;
      top: 39px !important;
      margin-right: 44px !important;
   }
   .ipad-section4-padding{
      bottom: 139px !important;
      margin-left: 151px !important;
   }
   .ipad-margins{
      margin-left: 85px !important;
      margin-top: 79px !important;
   }
   .ipad-section3-padding{
      bottom: 115px !important;
   }
   .ipad-section1-padding{
      bottom: 119px !important;
   }
   .ipad-img1-position{
      position: relative;
      right: 35px;
   }
   .ipad-newsection2{
      bottom: 0px !important;
      left: 34px !important;
   }
   .ipad-section2-padding{
      margin-left: 192px !important;
      bottom: 122px !important;
   }
   .ipad-padding{
      padding-left: 0px !important;
      width: 100% !important;
      position: relative !important;
      bottom: 350px !important;
      top: unset;
   }
   .ipad-ht-unset{
      height: unset !important;
   }
   .ipad-width{
      width: 50% !important;
   }
   .ipad-cont_subhead{
      width: 160px !important;
   }
   .ipad-nav_tabs > li {
      margin-bottom: 15px !important;
  }
  .ipad-fz-18{
     font-size: 18px !important;
  }
  .ipad-mt-40{
     margin-top: 40px !important;
  }
  .ipad-phn-pos{
   margin-top: 28px;
   position: relative;
   right: 1px;
   margin-bottom: 23px !important;
  }
  .ipad-pb-5{
     padding-bottom: 5 !important;
  }
  .ipad-email-pos{
   margin-top: 65px;
   right: 361px;
   margin-bottom: 27px;
  }
  .ipad-pb-76{
   margin-bottom: 76px;
  }
  .ipad-ht{
     height: 56px !important;
  }
  .ipad-fz-14{
     font-size: 14px  !important;
  }
  .ipad-address{
   position: relative;
   bottom: 224px;
  }
     .mt-ipad{
         margin-top: 25px;
     }
     .flr-right{
         float:right !important;
     }
     .margin-ipad{
         margin-left: 145px;
     }
     .index-ipad{
         margin-top:-50px;
     }
     .index-ipad > ul > li > a::after{
         top: 80%;
     }
     .ipad-mt{
         margin-top: -60px;
     }
     .ipad-ml{
        margin-left: -243px !important;
     }
     .ipad-mt{
        margin-top: -45px !important;
        padding-left:200px !important;
     }
     .ipad-contact{
         margin-right: 30px !important;
         margin-top: 15px !important;
     }
     .ipad_mt-0{
        margin-top:0px !important;
     }
     .margintop-mobile{
         margin-top: 70px !important;
     }
     .ipad-ourfeatures{
         height: 190px !important;
     }
     .ipad-ourfeatures1{
         height: 207px !important;
     }

     .nav-1 .nav-itm-wrapper > ul > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .nav-1 .nav-itm-wrapper > ul > li {
        letter-spacing: 0.8px !important;
    }
    .activebtn {
        padding-left: 67px !important;
    }
    .career_banner {
        margin-top: 0px !important;
    }
}
.img-height{
 height:124px;
}
.font-30{
    font-size: 30px !important;
}


.nav-1 .logo-wrapper {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   height: 96px;
   padding-top: 16px;
   padding-left: 68px;
}

.nav-1 .nav-itm-wrapper>ul>li {
   padding-right: 0px;
   padding-left: 0px;
   line-height: 10px;
   letter-spacing: 1.15px;
   font-size: 14px;
   color: white !important;
   font-size: 18px;
   text-transform: none;
   font-weight: 700;
   position: relative;
}

.nav-1 .nav-itm-wrapper>ul>li:last-child {
   padding-right: 0;
}

.nav-1 .nav-itm-wrapper>ul>li>a {
   padding-top: 18px;
   padding-bottom: 18px;
   /* color: inherit; */
   position: relative;
   transition: color .15s linear;
   transition-delay: .3s;
   padding-left: 12px;
   padding-right: 12px;
   /* color: #fff!important; */
}
/* .nav-1.stricky-fixed.fadeInDown.nav-itm-wrapper>ul>li>a{
    color:#B4B4AF !important;
} */

/* .nav-1 .nav-itm-wrapper > ul > li > a.hovercolor:hover{
    color: #01795d !important;
} */
.default-btn{
    color: white !important;
    width: 72%;
    background: #1d7863 !important;
}
.btn-padding{
   font-size: 23px;
   font-weight: bold !important;
   font-family: 'kabelbookBT';
   padding: 14px !important;
   border-radius: 0px !important;
}
.ft-rt{
   float:right !important;}
.send-but{
   color:white !important;
    width:72% !important;
    background:#01795d !important;
    border-radius: 5px;
    height: 32px;
    font-size: 20px;
    font-family: 'KabelBookBT';
    font-weight: bold;
}
.c-green{
    color:#01795d !important;
}

.nav-1 .nav-itm-wrapper>ul>li>a:hover {
   transition: color .15s linear;
   transition-delay: 0;
   color:white;
}

.nav-1 .nav-itm-wrapper>ul>li>a:after {}

.nav-1 .nav-itm-wrapper>ul>li>a.active:after {
   visibility: visible;
   width: 100%;
}

.nav-1 .nav-itm-wrapper>ul>li>a:hover:after {
   width: 100%;
   transition: width .15s linear;
   transition-delay: .3s;
}

.nav-1 .nav-itm-wrapper>ul>li>ul {
   position: absolute;
   top: calc(100% + 1px);
   left: 0;
   width: 220px;
   opacity: 0;
   padding: 10px 20px;
   visibility: hidden;
   border-top: 2px solid #01795d;
   transition: all .7s ease-out;
   transform-origin: top;
   background: #222;
}

.nav-1 .nav-itm-wrapper>ul>li:hover>ul {
   transform: scaleY(1);
   opacity: 1;
   visibility: visible;
   transition: .7s ease;
}

.nav-1 .nav-itm-wrapper>ul>li>ul>li>a {
   padding-top: 12px;
   padding-bottom: 12px;
   color:white !important;
   position: relative;
   transition: all .15s linear;
   font-size: 16px;
   text-transform: capitalize;
}

.nav-1 .nav-itm-wrapper>ul>li>ul>li>a:hover {
   color: #01795d;
}

.hidden-bar-opener {
   font-size: 24px;
   padding: 38px 15px 38px 229px;
   line-height: 20px;
   cursor: pointer;
   transition: all .25s linear;
   color: #000;
   display: none;
}

.hidden-bar-opener:hover {
   color: #01795d;
}


/***
====================================================================
Main Slider style
====================================================================

***/

.slotholder:after {
   background:none !important;
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   pointer-events: none;
}

#slider1 .main-slider-1-nav,
#slider3 .main-slider-1-nav {
   height: 52px;
   width: 42px;
   text-align: center;
   font-size: 14px;
   font-weight: normal;
   line-height: 52px !important;
   background: rgba(0, 0, 0, .4);
   -webkit-transition: all .3s linear;
   transition: all .3s linear;
}

#slider1 .tparrows:before,
#slider3 .tparrows:before {
   line-height: 53px;
   color: #fff;
   -webkit-transition: 1s all .3s ease;
   transition: 1s all .3s ease;
}

#slider1 .tparrows:hover:before,
#slider3 .tparrows:hover:before {
   color: #01795d;
   transition: .7s ease;
}

#slider1 .main-slider-1-nav:hover,
#slider3 .main-slider-1-nav:hover {
   color: #333333;
}


/***

====================================================================
About-1 Section
====================================================================

***/

.about-1-left-img {
   /* position: relative; */
   left: 16px;
   top: 15px;
   /* z-index: 1; */
}

.about-1-left-img img {
   width: 100%;
   object-fit: cover;
}

.about-1-left-img:before {
   content: "";
   height: 100%;
   width: 100%;
   background: #f7f7f7;
   position: absolute;
   top: -15px;
   left: -16px;
   z-index: -1;
   transition: background .25s linear;
}

.about-1-left-img:hover:before {
   background: #01795d;
}

.about-1-left-read-more {
   padding-top: 32px;
   transition: all .25s linear;
   transition-delay: .5s;
}

.about-1-left-read-more i {
   padding-left: 7px;
   transition: all .25s linear;
   transition-delay: 0s;
}

.about-1-left-read-more:hover {
   color: #01795d !important;
}

.about-1-left-read-more:hover i {
   padding-left: 15px;
   transition-delay: .5s;
   transition: all .25s linear;
}

.about-1-right-content .section-sub-head {
   padding-bottom: 42px;
   position: relative;
   transition: all .25s linear;
   transition-delay: .5s;
}

.about-1-right-content .section-sub-head:after {
   content: "";
   height: 1px;
   width: 53px;
   background: #01795d;
   position: absolute;
   left: -15px;
   top: 31px;
   transition: all .25s linear;
   transition-delay: 0s;
}

.about-1-right-content-item {
   position: relative;
}

.about-1-right-content-item i {
   color: #e5e5e5;
   font-size: 30px;
   position: absolute;
   top: 0;
   left: -60px;
   transition: all .25s linear;
   transition-delay: .5s;
}

.about-1-right-content p.text {
   padding-bottom: 43px;
   text-align: justify;
   font-family: 'KabelBookBT';
   src: url(fonts/KabelBookBT.ttf);
   line-height: 22px;
}
.about-content{
   padding-bottom: 0px;
   text-align: justify !important;
   font-family: 'KabelBookBT' !important;
   src: url(fonts/KabelBookBT.ttf) !important;
   /* line-height: 22px !important; */
   color: #000000;
}

.about-1-right-content-item:hover .section-sub-head {
   color: #01795d;
   transition: all .25s linear;
   transition-delay: 0s;
}

.about-1-right-content-item:hover .section-sub-head:after {
   left: 0;
   transition: all .25s linear;
   transition-delay: .5s;
}

.about-1-right-content-item:hover i {
   color: #01795d;
   transition: all .25s linear;
   transition-delay: 0s;
}
.about-1 .section-head .header-text{
    color: #696464;
    font-family: 'kabeld';
    src: url(fonts/kabeld.ttf);
    /* font-family: 'BlissMedium';
    src: url(fonts/BlissMedium.ttf); */
}
.clients-1 .section-head .header-text{
    color: #696464;
    font-family: 'kabeld';
    src: url(fonts/kabeld.ttf);
    /* font-family: 'BlissMedium';
    src: url(fonts/BlissMedium.ttf); */
}
.about-1 .about-1-left-content .header-text{
     color: #696464;
     font-family: 'kabeld';
    src: url(fonts/kabeld.ttf);
}
 .image-content{
     color: #696464 !important;
     font-family: 'kabeld' !important;
    src: url(fonts/kabeld.ttf) !important;
 }
 .image-content-sub{
     font-family: 'KabelBookBT' !important;
     src: url(fonts/KabelBookBT.ttf) !important;
     /* font-size: 20px !important; */
     color: black;
 }
.about-1 .about-1-left-content p.text{
     font-family: 'KabelBookBT';
     src: url(fonts/KabelBookBT.ttf);
}
.margin-heading{
    padding-left: 112px;
    padding-top: 18px;
    line-height: 42px;
    word-spacing: 2px;
    font-size: 37px;
}
.margin-heading-sub{
   /* padding-right: 34px; */
   padding-left: 0px;
   font-size: 25px;
   padding-top: 8px;
}
.about-heading{
    text-align:center;
    font-family: 'KabelBookBT';
   src: url(fonts/KabelBookBT.ttf);
   /* margin-bottom: 33px; */
   margin-bottom: 45px;
   /* line-height: 36px; */
   margin-top: 10px;
}
.width_content{
   padding-left: 36px;
}
.about-content-width{
    width:32%;
    left: 68.667%;
}
.about-pt-245{
    /* padding-top: 245px; */
     padding-top:315px;
}
/***

====================================================================
Calculate-1 Section
====================================================================

***/

.calculate-1 .calculate-1-form-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   padding-top: 40px;
   padding-bottom: 20px;
   font-size: 14px;
   letter-spacing: .15px;
   color: #888888;
   line-height: 10px;
   text-transform: capitalize;
}

.calculate-1 #calculate-1-distance,
.calculate-1 #calculate-1-weight,
.calculate-1 #calculate-1-height,
.calculate-1 #calculate-1-width,
.calculate-1 #calculate-1-length,
.calculate-1 #calculate-1-total {
   width: 100%;
   height: 50px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #eeeeee;
   padding-left: 15px;
   padding-right: 10px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 14px;
   letter-spacing: .15px;
}

.calculate-1 #calculate-1-total {
   background: #f7f7f7;
}

.calculate-1-label {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 14px;
   letter-spacing: .15px;
   color: #888888;
   text-transform: capitalize;
   line-height: 10px;
   margin: 0;
}

.calculate-1 input[type="checkbox"] {
   margin: 0;
   height: 19px;
   width: 19px;
   border-radius: 1px;
   margin-right: 20px;
   margin-bottom: 19px;
   vertical-align: text-top;
}

.calculate-1 input[type="radio"] {
   margin: 0;
   margin-right: 20px;
   margin-bottom: 19px;
   vertical-align: text-top;
   -webkit-appearance: none;
   width: 14px;
   height: 14px;
   border: 1px solid #e8e8e8;
   border-radius: 50%;
   outline: none;
}

.calculate-1 input[type='radio']:active,
.calculate-1 input[type='radio']:focus {
   outline: none
}

.calculate-1 input[type='radio']:before {
   content: '';
   display: block;
   width: 8px;
   height: 8px;
   margin: 20% auto;
   border-radius: 50%;
}

.calculate-1 input[type='radio']:checked {
   border-radius: 50%;
}

.calculate-1 input[type='radio']:checked:before {
   background: #1b2936;
}

.calculate-1-right {
   box-sizing: content-box;
}

.calculate-1-right-abs {
   position: absolute;
   left: 0;
   top: -117px;
}

.calculate-1-right-abs img {
   height: auto;
   width: auto;
   max-width: none;
}


/***

====================================================================
Services Section
====================================================================

***/

.services-1 {
   background: url(img/background/bg-1.png);
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   background-size: cover;

}

.services-1-content .services-1-content-1st-col {
   border: 1px solid #eeeeee;
   margin-left: 48px;
   margin-right: 25px;
   background: white;
   height:200px !important;
}

.services-1-content .services-1-content-2nd-col {
   border: 1px solid #eeeeee;
   margin-left: 61px;
   margin-right: 12px;
   background: white;
   height:200px !important;
}

.services-1-content .services-1-content-3rd-col {
   border: 1px solid #eeeeee;
   margin-left: 73px;
   margin-right: 0;
   background: white;
   height:200px !important;
}

.services-1-content .section-sub-head {
   padding-top: 36px;
   padding-bottom: 34px;
   position: relative;
}

.services-1-content p.text {
   padding-bottom: 28px;
}

.services-1-content i {
   height: 98px;
   width: 98px;
   line-height: 98px;
   text-align: center;
   background: #1b2936;
   border-right: 1px solid #a4a9af;
   border-bottom: 1px solid #a4a9af;
   color: #fff;
   font-size: 42px;
   position: absolute;
   left: 0;
   top: 31px;
   transform: translateX(-49%);
   transition: all .25s linear;
   transition-delay: 0s;
}

.services-1-content .section-sub-head:after {
   content: "";
   height: 1px;
   width: 60px;
   background: #01795d;
   position: absolute;
   left: -45px;
   top: 67px;
   z-index: 1;
   transition: all .25s linear;
   transition-delay: .75s;
}

.services-1-content-item {
   perspective: 5000px;
   perspective-origin: top center;
}

.services-1-content-1st-col,
.services-1-content-2nd-col,
.services-1-content-3rd-col {
   transition: all .25s linear;
   transition-delay: .5s;
   transform-origin: top;
   transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
}

.services-1-content-1st-col:hover,
.services-1-content-2nd-col:hover,
.services-1-content-3rd-col:hover {
   transition: all.25s linear;
   transition-delay: .5s;
   transform: rotateX(10deg);
   box-shadow: 0 10px 15px #00000060;

}

.services-1-content-item:hover .section-sub-head:after {
   left: 0;
   transition: all .25s linear;
   transition-delay: 0s;
}
tr:nth-child(odd){
    border:1px solid #DAE0DD;
    border-top-width: 2px;
    background-color:#F2F2F2;;
    border-right-color: white;
    border-left-color: white;
}
tr{
    text-align:center;
    height: 35px;
}
.t-a-r{
    text-align:right !important;
}
.art{
    position: relative;
    text-align: center;
    left: 120px;
    top: 130px;
    font-size: 50px;
    color:#5b5d5c;
}
.artImage{
    position: relative;
    bottom: 80px
}

.rightAirDiv{
  background: url(img/service/RIGHT-Air.png);

}
.service-p-sub{
    position: relative;
    margin-bottom: 0px;
    bottom: 82px;
    color: white;
    text-transform: uppercase;
    font-size: x-large;
    text-align: right;
    right: 130px;
    /* font-size: medium; */
    font-size-adjust: inherit;
    letter-spacing: 1px;
    line-height: 25px;
}
.service-p-main{
    position: relative;
    margin-bottom: 0px;
    bottom: 80px;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: x-large;
    text-align: right;
    right: 130px;
}
.strongService{
    font-weight: 700;
    font-family: arialbd;
    letter-spacing: 0px !important;
}

/* .services-1-content-item:hover i {
   background: #01795d;
   transition: all .25s linear;
   transition-delay: .75s;
   border-right: 1px solid #fde7a0;
   border-bottom: 1px solid #fde7a0;
} */


/***

====================================================================
Testimonials Section
====================================================================

***/

.testimonial-1 .testimonial-slider-item i {
   color: white;
   font-size: 40px;
   line-height: 32px;
   text-align: center;
   display: block;
}

.testimonial-1 .testimonial-slider-item p.text {
   padding-top: 32px;
   color:white;
}

.testimonial-1 .testimonial-name {
   padding-top: 44px;
}

.testimonial-1 .owl-dots-wrapper {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: center;
}

.testimonial-1 .owl-dots-wrapper #owl-dots {
   margin-top: 53px;
}

.testimonial-1 .owl-dots-wrapper #owl-dots .owl-dot {
   height: 5px;
   width: 5px;
   background: #fff;
   margin-left: 6.5px;
   margin-right: 6.5px;
   float: left;
   cursor: pointer;
   margin-top: 0;
   margin-bottom: 0;
}

.testimonial-1 .owl-dots-wrapper #owl-dots .owl-dot.active {
   position: relative;
   background: #01795d;
}

.testimonial-1 .owl-dots-wrapper #owl-dots .owl-dot.active:after {
   content: "";
   height: 9px;
   width: 9px;
   background: transparent;
   border: 1px solid #01795d;
   position: absolute;
   top: -2px;
   left: -2px;
}

.testimonial-1 .owl-controls {
   margin-top: 0;
}


/***

====================================================================
News-1 Section
====================================================================

***/

.news-1 .news-1-item a.image {
   float: left;
   /* margin-right: 40px; */
   margin-right: 15px;
   vertical-align: text-top;
}

.news-1 .news-1-item-content {
   vertical-align: top;
   display: block;
}

.news-1 .news-1-item .news-1-date {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 700;
   font-size: 36px;
   line-height: 23px;
   padding-top: 22px;
   padding-bottom: 23px;
   display: block;
}

.news-1 .news-1-item p.text {
   padding-bottom: 23px;
}

.news-1 .news-1-item .news-1-date span {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 10px;
}

.news-1 .news-1-item .news-1-item-cont {
   transition: all .25s linear;
   transition-delay: 0s;
}

.news-1 .news-1-item .news-1-item-cont:hover {
   color: #01795d !important;
   transition: all .25s linear;
   transition-delay: .5s;
}

.news-1 .news-1-item .news-1-item-cont i {
   padding-left: 7px;
   transition: all .25s linear;
   transition-delay: .5s;
}

.news-1 .news-1-item .news-1-item-cont:hover i {
   padding-left: 15px;
   transition: all .25s linear;
   transition-delay: 0s;
}

.news-1-right.quick-quote {
   box-shadow: 0 0 15px #aaaaaa;
}

.news-1-right .quick-quote-head {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 700;
   font-size: 24px;
   line-height: 16px;
   color: #01795d;
   text-transform: uppercase;
}

.news-1-right p.text {
   padding-top: 33px;
   padding-bottom: 33px;
}

.quick-quote-form .quick-quote-name,
.quick-quote-form .quick-quote-sub,
.quick-quote-form .quick-quote-mail,
.quick-quote-form .quick-quote-select {
   width: 100%;
   background: #fafafa;
   border: 1px solid #eeeeee;
   margin-bottom: 19px;
   height: 50px;
   padding-left: 22px;
   padding-right: 22px;
}

.quick-quote-form .quick-quote-select {
   margin: 0 !important;
   -webkit-appearance: none;
   position: relative;
}

.quick-quote-form+.quick-quote-select-label {
   position: relative;
}

label {
   margin: 0;
   font-weight: 400;
   display: block;
}

.quick-quote-form select+.quick-quote-select-label:after {
   content: "\f078";
   font-family: 'FontAwesome';
   font-size: 10px;
   color: #222222;
   position: absolute;
   right: 15px;
   top: 22px;
}

.quick-quote-form .quick-quote-message {
   width: 100%;
   background: #fafafa;
   border: 1px solid #eeeeee;
   height: 119px;
   padding-left: 22px;
   padding-right: 22px;
   padding-top: 19px;
   resize: none;
}

.quick-quote-form .quick-quote-package-option {
   -webkit-appearance: none;
}


/***

====================================================================
Clients-1 Section
====================================================================

***/

.clients-1 .clients-1-carousel img.clients1 {
   max-width: 137px;
   max-height: 128px;

}
.clients-1 .clients-1-carousel img.clients2 {
   max-width: 126px;
   max-height: 126px;

}
.clients-1 .clients-1-carousel img.clients3 {
   max-width: 162px;
   max-height: 104px !important;

}
.clients-1 .clients-1-carousel img.clients4 {
   max-width: 119px;
   max-height: 60px;

}
.clients-1 .clients-1-carousel .owl-controls {
   margin: 0 !important;
}


/***

====================================================================
Footer Section
====================================================================

***/

footer.footer-1,
footer.footer-2 {
   position: relative;
}
.wh100{
    width: 100%;
    height: 100%;
}
.ht35{
    height: 35px !important;
}
.btn-default-footer{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900 !important;
letter-spacing: .15px !important;
color: #fff;
padding: 14px 15px 15px 15px;
background: #00a68c;
line-height: 10px;
text-transform: uppercase;
border-radius: 7px;
display: inline-block;
border: 1px solid #01795d;
transition: .7s ease !important;
width: 100%;

}
footer.footer-1:before,
footer.footer-2:before {
   content: "";
   height: 100%;
   width: 100%;
   /* background: url(img/background/bg-1.png); */
   background-color: #2a2a2a;
   background-size: cover;
   background-attachment: fixed;
   background-position: top center;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -3;
}

footer.footer-1:after,
footer.footer-2:after {
   content: "";
   height: 100%;
   width: 100%;
   /* background: rgba(31, 47, 60, .95); */
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -2;
}

.footer-1 .section-sub-head:after {
   content: "";
   height: 2px;
   width: 100%;
   background: #00a68c;
   position: absolute;
   top: 31px;
   left: 0px;
}
.footerlinks{
    border-top: 1px solid #797979;
}
.fz-15{
    font-size: 15px;
  }
.fontJustify{
     text-align: justify;
}
.serviceParagraph{
    text-align: justify;

}
.serviceTitleDiv{
    height:120px;
}
.pt-200{
    padding-top:200px !important;
}
.height240{
    height:260px;
}
.height220{
    height:225px;
}
.height310{
    height:300px;
}
.width100{
    width:100% !important;
}

.footer-1-middle-column ul li a {
   transition: all .25s linear;
}

.footer-1-middle-column ul li a:hover {
   color: #00a68c !important;
}

.footer-1-news-mail {
   height: 50px;
   width: 100%;
   background: #fff;
   font-size: 14px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 300;
   padding-left: 20px;
   padding-right: 60px;
   letter-spacing: .15px;
}

.footer-1-news-submit {
   height: 44px;
   width: 54px;
   background: #01795d;
   font-size: 14px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 900;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   position: absolute;
   right: 3px;
   top: 3px;
}

ul.footer-1-social li a {
   height: 40px;
   width: 40px;
   background: rgba(27, 41, 54, .95);
   text-align: center;
   line-height: 40px;
   display: block;
   color: #aaaaaa;
   transition: all .25s linear;
}

ul.footer-1-social li a:hover {
   color: #01795d;
}

.separator {
   background: #ffffff30;
    height: 1px;
    width: 100%;

}


/*======== hidden bar Styles ===========*/

.hidden-bar {
   position: absolute;
   top: 0;
   right: -150%;
   width: 350px;
   max-width: 90vw;
   height: 100%;
   background: #212121;
   z-index: 99999;
   -webkit-transition: all .4s linear;
   transition: all .8s ease-in-out;
   letter-spacing: .50px;
}

.hidden-bar .hidden-bar-closer {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
   border-radius: 50%;
   text-align: center;
   line-height: 36px;
   -webkit-transition: all .3s linear;
   transition: all .3s linear;
   z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
   background: #000000;
}

.hidden-bar .hidden-bar-closer:hover .btn {
   color: #fff;
}

.hidden-bar .hidden-bar-closer .btn {
   background-color: transparent;
   border: none;
   outline: none;
   font-size: 17px;
   padding: 1px 1px;
}

.hidden-bar .hidden-bar-closer .btn i {
   line-height: 0px;
}

.hidden-bar-wrapper {
   height: 100%;
}

.hidden-bar .logo {
   padding: 75px 0 105px;
}

.hidden-bar .main-menu {
   background-color: transparent;
   padding: 0;
}

.hidden-bar .main-menu ul li ul a {
   background: #161616;
}

.hidden-bar .main-menu ul li ul li ul li a {
   background: #1C1C1C;
}

.hidden-bar .main-menu a.current {
   color: #01795d;
}

.hidden-bar .main-menu li.current>a {
   color: #01795d;
}

.hidden-bar .main-menu ul li a {
   background: #212121;
   color: #fff;
   text-align: left;
   display: block;
   font-weight: 600;
   text-transform: uppercase;
   border-top: 1px solid #2B2B2B;
   border-bottom: 1px solid #2B2B2B;
   padding: 18px 30px;
   position: relative;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.hidden-bar .main-menu ul li a:hover {
   background: #1C1C1C;
   color: #01795d;
}

.hidden-bar .main-menu ul li a .btn.expander {
   background: #161616;
   color: #fff;
   border: 1px solid #2B2B2B;
   padding: 10px 15px;
   font-size: 10px;
   border-radius: 7px;
   position: absolute;
   top: 6px;
   right: 35px;
   outline: none;
}


/***

====================================================================
Search Popup
====================================================================

***/

.search-popup {
   position: fixed;
   left: 0px;
   top: -100%;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.80);
   z-index: 9999;
   visibility: hidden;
   opacity: 0;
   overflow: auto;
   transition: all 700ms ease;
   -moz-transition: all 700ms ease;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
   top: 0;
   visibility: visible;
   opacity: 1;
}

.search-popup .close-search {
   position: absolute;
   right: 25px;
   top: 25px;
   font-size: 20px;
   color: #ffffff;
   cursor: pointer;
   z-index: 5;
}

.search-popup .close-search:hover {
   opacity: 0.70;
}

.search-popup .search-form {
   position: relative;
   padding: 0px 15px 50px;
   padding-top: 200px;
   max-width: 1024px;
   margin: 0 auto;
}

.search-popup .search-form fieldset {
   position: relative;
   border: 5px solid rgba(255, 255, 255, 0.80);
   border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input.form-control {
   position: relative;
   height: 70px;
   padding: 20px 220px 20px 30px;
   background: #ffffff;
   line-height: 30px;
   font-size: 24px;
   color: #233145;
   border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
   position: absolute;
   display: block;
   right: 0px;
   top: 0px;
   text-align: center;
   width: 220px;
   padding: 20px 10px 20px 10px;
   color: #ffffff;
   background: #01795d;
   line-height: 30px;
   height: 70px;
   font-size: 20px;
   text-transform: uppercase;
   border-radius: 0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover {
   background: #1b2936;
   color: #ffffff;
}

.search-popup h3 {
   font-size: 28px;
   color: #ffffff;
   margin-bottom: 30px;
   text-align: center;
   letter-spacing: 1px;
}

.search-popup .recent-searches {
   font-size: 14px;
   color: #ffffff;
   text-align: center;
}

.search-popup .recent-searches li {
   display: inline-block;
   margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
   display: block;
   line-height: 24px;
   border: 1px solid #ffffff;
   padding: 8px 20px;
   font-size: 15px;
   color: #ffffff;
   border-radius: 3px;
}

.search-popup .recent-searches li a:hover {
   color: #01795d;
   border-color: #01795d;
}


/***

====================================================================
Index-2 Style
====================================================================

***/


/***

====================================================================
Header-2 style
====================================================================

***/

.header-2 {
   background: #222222;
   z-index: 1000;
}

.header-2-left .header-2-social li a {
   padding-top: 14px;
   padding-bottom: 14px;
   line-height: 15px;
   color: #cccccc;
   display: block;
   cursor: pointer;
   transition: all .25s linear;
}

.header-2-left .header-2-social li a:hover {
   color: #fff;
}

.header-2-left .header-2-social li a i {
   line-height: 15px;
}

.header-2-right .header-2-info li {
   padding-left: 10px;
   font-weight: 300;
   letter-spacing: .75px;
   font-size: 20px;
   color: #cccccc;
}

.header-2-right .header-2-info li i {
   padding-right: 10px;
   padding-top: 13px;
   padding-bottom: 14px;
   font-size: 13px;
   ;
   line-height: 16px;
}
.headertexts{
    color:white ! important;
    padding-top: 14px;
    padding-left: 10px;
    /* padding-bottom: 14px; */
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 0px;

}
.headerPhone{
    color:white ! important;
    font-weight: bold ! important;
    margin-top: 10px;
    padding-bottom: 10px;

}

/***

====================================================================
Nav Style
====================================================================

***/

.nav-2 {
   z-index: 1000;
   position: relative;
}

.nav-2 .logo-wrapper {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   height: 100px;
}

.nav-2 .nav-itm-wrapper>ul>li {
   padding-right: 50px;
   padding-left: 0;
   line-height: 10px;
   letter-spacing: .15px;
   font-size: 14px;
   color: #aaaaaa;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 700;
   position: relative;
}

.nav-2 .nav-itm-wrapper>ul>li:last-child {
   padding-right: 0;
}

.nav-2 .nav-itm-wrapper>ul>li>a {
   padding-top: 44px;
   padding-bottom: 43px;
   color: inherit;
   position: relative;
   transition: color .15s linear;
   transition-delay: .3s;
}

.nav-2 .nav-itm-wrapper>ul>li>a.active {
   color: #01795d;
}

.nav-2 .nav-itm-wrapper>ul>li>a:hover {
   transition: color .15s linear;
   transition-delay: 0;
   color: #01795d;
}

.nav-2 .nav-itm-wrapper>ul>li>a:after {}

.nav-2 .nav-itm-wrapper>ul>li>a.active:after {
   visibility: visible;
   width: 100%;
}

.nav-2 .nav-itm-wrapper>ul>li>a:hover:after {
   width: 100%;
   transition: width .15s linear;
   transition-delay: .3s;
}

.nav-2 .nav-itm-wrapper>ul>li>ul {
   position: absolute;
   top: calc(100% + 0px);
   left: 0;
   width: 220px;
   opacity: 0;
   padding: 10px 20px;
   visibility: hidden;
   border-top: 2px solid #01795d;
   transition: all .7s ease-out;
   transform-origin: top;
   background: #222;
}

.nav-2 .nav-itm-wrapper>ul>li:hover>ul {
   transform: scaleY(1);
   opacity: 1;
   visibility: visible;
   transition: .7s ease;
}

.nav-2 .nav-itm-wrapper>ul>li>ul>li>a {
   padding-top: 12px;
   padding-bottom: 12px;
   color:white !important;
   position: relative;
   transition: all .15s linear;
   font-size: 16px;
   text-transform: capitalize;
}

.nav-2 .nav-itm-wrapper>ul>li>ul>li>a:hover {
   color: #01795d;
}

.font-16{
   font-size: 18px;
   color: #696464;
}
.pt_6{
   font-size: 22px;
   color: #696464;
   padding-top: 6px;
}


/***

====================================================================
About-2 Section
====================================================================

***/

.about-2 {
   margin-top: -79px;
   position: relative;
   z-index: 1000;
}

.about-2-content .about-2-content-head {
   padding-top: 34px;
   padding-bottom: 34px;
   background: #1b2936;
   position: relative;
   z-index: 0;
}

.about-2-content .about-2-content-head>i {
   color: #273440;
   font-size: 60px;
   line-height: 60px;
   position: absolute;
   top: 10px;
   left: 97px;
   z-index: -4;
}

.about-2-content .about-2-content-img {
   position: relative;
}

.about-2-content .about-2-content-img:before {
   content: "";
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, .4);
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   transform: scaleX(0);
   transition: all .25s linear;
   transition-delay: .5s;
   transform-origin: left;
}

.about-2-content:hover .about-2-content-img:before {
   transform: scaleX(1);
   transition: all .25s linear;
   transition-delay: 0s;
}

.about-2-content .about-2-content-img:after {
   content: "\f0c1";
   font-family: 'FontAwesome';
   height: 55px;
   width: 55px;
   color: #bcb8b9;
   font-size: 24px;
   font-weight: 300;
   line-height: 55px;
   text-align: center;
   border: 1px solid #bcb8b9;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scaleX(0);
   transform-origin: left;
   z-index: 5;
   transition: all .25s linear;
   transition-delay: 0s;
}

.about-2-content:hover .about-2-content-img:after {
   transition: all .25s linear;
   transition-delay: .5s;
   transform: translate(-50%, -50%) scaleX(1);
}

.about-2-content .about-2-content-text {
   padding-top: 22px;
   padding-bottom: 22px;
   border: 1px solid #eeeeee;
   padding-left: 41px;
   padding-right: 41px;
}


/***

====================================================================
Services-2 Section
====================================================================

***/

.services-2-left-content {
   border: 7px solid #fef9e7;
   padding-left: 41px;
   padding-right: 41px;
}

.services-2-left-content img.services-2-left-content-abs {
   position: absolute;
   right: 0;
   top: 48%;
   left: 80%;
}

.services-2-left-content p.text.c-3 {
   margin-top: -17px;
}

.services-2-left-content p.text.services-2-left-text {
   padding-top: 26px;
}

.services-2-right {
   padding-top: 124px;
}

.services-2-right .services-2-right-icon-1 {
   font-size: 34px;
   line-height: 34px;
   padding-left: 57px;
}

.services-2-right .services-2-right-icon-2 {
   font-size: 34px;
   line-height: 34px;
   padding-left: 30px;
}


/***

====================================================================
Testimonial-2 section
====================================================================

***/

.testimonial-2 .testimonial-slider-item div.testimonial-img-wrapper:before {
   content: "";
   height: 100%;
   width: 100%;
   background: transparent;
   border: 5px solid #fef3d0;
   position: absolute;
   top: 10px;
   left: -10px;
   display: block;
}

.testimonial-2 .testimonial-slider-left h5.testimonial-name {
   padding-top: 45px;
}

.testimonial-2 .testimonial-2-text {
   padding-left: 68px;
   padding-right: 110px;
   padding-top: 54px;
   position: relative;
   padding-bottom: 54px;
}

.testimonial-2 .testimonial-2-text:before {
   content: "\f10d";
   font-family: 'FontAwesome';
   color: #01795d;
   height: 20px;
   width: 20px;
   line-height: 20px;
   font-size: 20px;
   position: absolute;
   top: 54px;
   left: 43px;
}

.testimonial-2 .owl-dots-wrapper {
   position: absolute;
   bottom: 110px;
   left: 30%;
   z-index: 1000;
}

.testimonial-2 .owl-dots-wrapper #owl-dots .owl-dot {
   height: 5px;
   width: 5px;
   background: #cccccc;
   margin-left: 6.5px;
   margin-right: 6.5px;
   float: left;
   cursor: pointer;
   margin-top: 0;
   margin-bottom: 0;
}

.testimonial-2 .owl-dots-wrapper #owl-dots .owl-dot.active {
   position: relative;
   background: #01795d;
}

.testimonial-2 .owl-dots-wrapper #owl-dots .owl-dot.active:after {
   content: "";
   height: 9px;
   width: 9px;
   background: transparent;
   border: 1px solid #01795d;
   position: absolute;
   top: -2px;
   left: -2px;
}

.testimonial-2 .owl-controls {
   margin-top: 0;
}


/***

====================================================================
Callout-2 section
====================================================================

***/

.callout-2 {
   position: relative;
}

.callout-2:before {
   content: "";
   height: 100%;
   width: 100%;
   background: url(img/background/callout-1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
   background-attachment: fixed;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   z-index: -5;
}

.callout-2:after {
   content: "";
   height: 100%;
   width: 100%;
   background: rgba(27, 41, 54, .9);
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   z-index: 0;
}

.callout-2-content-number {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 700;
   font-size: 42px;
   letter-spacing: .15px;
   color: #fff;
   z-index: 1;
   position: absolute;
   line-height: 27px;
   left: 50%;
   transform: translateX(-50%);
   top: 0;
}

.callout-2-content-text {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   font-size: 14px;
   letter-spacing: .15px;
   color: #cccccc;
   z-index: 1;
   position: relative;
   line-height: 10px;
   text-transform: uppercase;
   display: inline-block;
   padding-top: 89px;
}

.callout-2-content-text:before {
   content: "";
   height: 1px;
   width: 42px;
   background: #01795d;
   position: absolute;
   left: 50%;
   top: 57px;
   transform: translateX(-50%);
   z-index: 1;
}


/***

====================================================================
Map-2 section
====================================================================

***/

#map {
   height: 450px;
}

.map-detail {
   width: 397px;
   max-width: 50vw;
   background: #fff;
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
   right: calc(50% - 90px);
   z-index: 100;
}

.map-detail-wrapper {
   border: 1px solid #eeeeee;
}

.map-detail-wrapper .map-detail-closer {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #888888;
   transform: scaleX(1.6);
   line-height: 10px;
   cursor: pointer;
}

.map-2 .google-map .gm-style div>a>div>img {
   display: none;
}

.map-2 .google-map .gmnoprint {
   display: none;
}

.map-2 .google-map .gm-style-cc {
   display: none;
}


/***

====================================================================
Footer-2 style
====================================================================

***/

.footer-2-nav li a {
   color: #cccccc;
   font-size: 14px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 600;
   line-height: 10px;
   transition: all .25s linear;
   text-transform: uppercase;
}

.footer-2-nav li a:hover {
   color: #01795d;
}

.footer-2-news-mail {
   height: 50px;
   width: 277px;
   background: #fff;
   font-size: 14px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 300;
   padding-left: 20px;
   padding-right: 60px;
   letter-spacing: .15px;
}

.footer-2-news-submit {
   height: 44px;
   width: 54px;
   background: #01795d;
   font-size: 14px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 900;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   position: absolute;
   right: 3px;
   top: 3px;
}


/***

====================================================================
Index-3 style
====================================================================

***/

.header-nav-wrapper {
   z-index: 1000;
}


/***

====================================================================
Header-2 style
====================================================================

***/
p.header{
    margin-top:14px;
    color:#888888;
}
.header-3 {
   background: #222222;
   z-index: 1000;
}

.header-3-left .header-3-social li a {
   padding-top: 14px;
   padding-bottom: 14px;
   line-height: 15px;
   color: #cccccc;
   display: block;
   cursor: pointer;
   transition: all .25s linear;
}

.header-3-left .header-3-social li a:hover {
   color: #fff;
}

.header-3-left .header-3-social li a i {
   line-height: 15px;
}

.header-3-right .header-3-info li {
   padding-left: 10px;
   font-weight: 300;
   letter-spacing: .75px;
   font-size: 14px;
   color: #cccccc;
}

.header-3-right .header-3-info li i {
   padding-right: 10px;
   padding-top: 13px;
   padding-bottom: 14px;
   font-size: 16px;
   ;
   line-height: 16px;
}


/***

====================================================================
Nav Style
====================================================================

***/

.logo{
   width: 390px !important;
}

.nav-3 {
   z-index: 1000;
}

.nav-3 .logo-wrapper {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   height: 90px;
}

.nav-3 .search-icon {
   cursor: pointer;
   margin-left: 50px;
   margin-top: 4px;
}

.nav-3 .search-icon:after {
   content: "";
   height: 15px;
   width: 1px;
   background: #dadada;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}

.nav-3 .nav-itm-wrapper>ul>li {
   padding-right: 50px;
   padding-left: 0;
   line-height: 10px;
   letter-spacing: .15px;
   font-size: 14px;
   color: #aaaaaa;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 700;
   position: relative;
}

.nav-3 .nav-itm-wrapper>ul>li:last-child {
   padding-right: 0;
}

.nav-3 .nav-itm-wrapper>ul>li>a {
   padding-top: 18px;
   padding-bottom: 18px;
   color: inherit;
   position: relative;
   transition: color .15s linear;
   transition-delay: .3s;
   color: #666;
}

.nav-3 .nav-itm-wrapper>ul>li>a.active {
   color: #01795d;
}

.nav-3 .nav-itm-wrapper>ul>li>a:hover {
   transition: color .15s linear;
   transition-delay: 0;
   color: #01795d;
}

.nav-3 .nav-itm-wrapper>ul>li>a:after {}

.nav-3 .nav-itm-wrapper>ul>li>a.active:after {
   visibility: visible;
   width: 100%;
}

.nav-3 .nav-itm-wrapper>ul>li>a:hover:after {
   width: 100%;
   transition: width .15s linear;
   transition-delay: .3s;
}

.nav-3 .nav-itm-wrapper>ul>li>ul {
   position: absolute;
   top: calc(100% + 0px);
   left: 0;
   width: 220px;
   opacity: 0;
   padding: 10px 20px;
   visibility: hidden;
   border-top: 2px solid #01795d;
   transition: all .7s ease-out;
   transform-origin: top;
   background: #222;
}

.nav-3 .nav-itm-wrapper>ul>li:hover>ul {
   transform: scaleY(1);
   opacity: 1;
   visibility: visible;
   transition: .7s ease;
}

.nav-3 .nav-itm-wrapper>ul>li>ul>li>a {
   padding-top: 12px;
   padding-bottom: 12px;
   color:white!important;
   position: relative;
   transition: all .15s linear;
   font-size: 16px;
   text-transform: capitalize;
}

.nav-3 .nav-itm-wrapper>ul>li>ul>li>a:hover {
   color: #01795d;
}


/***

====================================================================
About style
====================================================================

***/

.about-3-content {
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
}

.about-3-content-left {
   float: left;
   width: 24%;
   background: #fff;
   display: block;
   text-align: center;
   line-height: 25px;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 24px;
   color: #aaaaaa;
}

.about-3-content-right {
   float: left;
   width: 76%;
   background: rgba(0, 0, 0, .6);
   display: block;
   text-align: center;
   line-height: 11px;
   padding-top: 27px;
   padding-bottom: 27px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: .50px;
   color: #fff;
   text-transform: uppercase;
}


.iframe-map{
    width:100%;
}

/***

====================================================================
Services Section style
====================================================================

***/

.services-3 .services-3-content-in {
   /* padding-left: 36px; */
   /* padding-right: 36px; */
   border: 1px solid #eeeeee;
   height:500px !important;
}
.services-3 .services-3-cont-in {
   /* padding-left: 36px; */
   /* padding-right: 36px; */
   padding-bottom: 13px;
   border: 1px solid #eeeeee;
   height:500px !important;
}
.mr-44{
   margin-right: 44px !important;
}


/***

====================================================================
News-3 Section
====================================================================

***/

.news-3 .news-3-date-wrapper {
   border-bottom: 1px solid #eeeeee;
}

.news-3 a.news-3-date {
   font-size: 36px;
   line-height: 23px;
   letter-spacing: .15px;
   color: #01795d;
   font-weight: 700;
   display: inline-block;
   padding-top: 20px;
   padding-bottom: 20px;
}

.news-3 a.news-3-date>span {
   font-size: 14px;
   line-height: 10px;
   font-weight: 400;
}

.news-3 a.news-3-comment {
   float: right;
   font-size: 14px;
   color: #888888;
   line-height: 10px;
   padding-top: 23px;
   padding-bottom: 21px;
}

.news-3 a.news-3-comment i {
   color: #888888;
   font-size: 20px;
   line-height: 20px;
}

.news-3-caption {
   transition: all .25s linear;
}

.news-3-caption:hover {
   color: #01795d !important;
}

.news-3-item-cont {}

.news-3-item-cont {
   transition: all .25s linear;
   transition-delay: .5s;
}

.news-3-item-cont i {
   transition: all .25s linear;
   transition-delay: 0s;
}

.news-3-item-cont:hover {
   color: #01795d !important;
}

.news-3-item-cont:hover i {
   padding-left: 15px;
   transition-delay: .5s;
   transition: all .25s linear;
}


/***

====================================================================
Testimonial-3 section
====================================================================

***/
.network-1-content.network-1-content-in{
   padding-left:169px;
}
.network-text{
   text-align: center;
   padding-right: 0px;
   padding-left: 39px;
}
.testimonial-3 .testimonial-slider-item div.testimonial-img-wrapper:before {
   content: "";
   height: 100%;
   width: 100%;
   background: transparent;
   border: 5px solid #fef3d0;
   position: absolute;
   top: 10px;
   left: -10px;
   display: block;
}

.testimonial-3 .testimonial-slider-left h5.testimonial-name {
   padding-top: 45px;
   padding-bottom: 15px;
}

.testimonial-3 .testimonial-3-text {
   padding-left: 68px;
   padding-top: 36px;
   position: relative;
}

.testimonial-3 .testimonial-3-text:before {
   content: "\f10d";
   font-family: 'FontAwesome';
   color: #01795d;
   height: 20px;
   width: 20px;
   line-height: 20px;
   font-size: 20px;
   position: absolute;
   top: 36px;
   left: 30px;
}

.testimonial-3 .owl-dots-wrapper {
   position: absolute;
   bottom: 110px;
   left: 43.5%;
   z-index: 1000;
}

.testimonial-3 .owl-dots-wrapper #owl-dots .owl-dot {
   height: 5px;
   width: 5px;
   background: #cccccc;
   margin-left: 6.5px;
   margin-right: 6.5px;
   float: left;
   cursor: pointer;
   margin-top: 0;
   margin-bottom: 0;
}

.testimonial-3 .owl-dots-wrapper #owl-dots .owl-dot.active {
   position: relative;
   background: #01795d;
}

.testimonial-3 .owl-dots-wrapper #owl-dots .owl-dot.active:after {
   content: "";
   height: 9px;
   width: 9px;
   background: transparent;
   border: 1px solid #01795d;
   position: absolute;
   top: -2px;
   left: -2px;
}

.testimonial-3 .owl-controls {
   margin-top: 0;
}


/***

====================================================================
Faq-3 Section
====================================================================

***/

.faq-3 .faq-3-head {
   font-weight: 700;
   font-size: 24px;
   color: #222222;
   letter-spacing: .25px;
   text-transform: uppercase;
   line-height: 16px;
   padding-bottom: 50px;
}

.faq-3 .panel {
   padding-bottom: 29px;
   border: none;
   box-shadow: none;
   margin: 0 !important;
   border-radius: 0;
}

.faq-3 .panel-heading {
   padding: 0 !important;
   border: none;
}

.faq-3 .panel-heading h4>a {
   display: block;
   line-height: 11px;
   padding-top: 10px;
   padding-bottom: 14px;
   vertical-align: middle;
   padding-left: 55px;
   position: relative;
   font-size: 16px;
}

.faq-3 .panel-heading h4>a.collapsed:after {
   content: "\f067";
   font-family: "FontAwesome";
   float: left;
   font-size: 8px;
   height: 35px;
   width: 35px;
   border: 1px solid #dddddd;
   line-height: 35px;
   text-align: center;
   margin-right: 20px;
   position: absolute;
   top: 0;
   left: 0;
   color: #222222;
   background: #fff;
}

.panel-heading a:after {
   content: "\f068";
   background: #01795d;
   font-family: "FontAwesome";
   float: left;
   font-size: 8px;
   height: 35px;
   width: 35px;
   border: 1px solid #01795d;
   line-height: 35px;
   text-align: center;
   margin-right: 20px;
   position: absolute;
   top: 0;
   left: 0;
   color: #222222;
}

.faq-3 .panel-body {
   padding: 8px 0 0 55px !important;
   margin-bottom: -6px;
}


/***

====================================================================
Other page banner bstyle
====================================================================

***/

.shadow_box{
   height: 158px;
   background-color: white !important;
   border-radius: 26px;
   box-shadow: 0px 0px 5px gray;
}
.txt-color{
   color: #696464 !important;
   font-family: BlissMedium !important;
}
.other-page-banner {
   position: relative;
   height: 300px;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -ms-align-items: center;
   align-items: center;
   justify-content: center;
}

.other-page-banner:before {
   content: "";
   height: 100%;
   width: 100%;
   /* background: url(img/Contact-1.jpg); */
   background-repeat: no-repeat;
   background-position: top center;
   -webkit-background-size: cover;
   background-size: cover;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: -3;
}
.img-size{
   height: 100%;
   max-width: 160% !important;
}

.other-page-banner:after {
   content: "";
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0.51);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: -4;
}

.other-page-banner-head {
   font-weight: 900;
   font-size: 36px;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   letter-spacing: .25px;
   line-height: 24px;
   padding-bottom: 20px;
}

.other-page-banner-detail {
   font-weight: 400;
   font-size: 14px;
   text-transform: capitalize;
   text-align: center;
   color: #fff;
   letter-spacing: .25px;
   line-height: 10px;
}

.other-page-banner1 {
   position: relative;
   height: 196px;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -ms-align-items: center;
   align-items: center;
   justify-content: center;
}

.other-page-banner1:before {
   content: "";
   height: 100%;
   width: 100%;
   background: url(img/bg-certification);
   background-repeat: no-repeat;
   background-position: top center;
   -webkit-background-size: cover;
   background-size: cover;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: -3;
}

.other-page-banner1:after {
   content: "";
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0.51);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: -2;
}

.other-page-banner1-head {
   font-weight: 900;
   font-size: 36px;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   letter-spacing: .25px;
   line-height: 24px;
   padding-bottom: 20px;
}

.other-page-banner1-detail {
   font-weight: 400;
   font-size: 14px;
   text-transform: capitalize;
   text-align: center;
   color: #fff;
   letter-spacing: .25px;
   line-height: 10px;
}

/***

====================================================================
Team page style
====================================================================

***/

.team-img-wrapper:after {
   content: "";
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, .75);
   position: absolute;
   top: 0;
   left: 0;
   transform: scaleX(0);
   transition: all .25s linear;
   transform-origin: left;
   transition-delay: .5s;
}

.team-img-wrapper:hover:after {
   transform: scaleX(1);
   transition: all .25s linear;
   transition-delay: 0s;
}

.team-social-wrapper {
   color: #222222;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   text-align: center;
   z-index: 1;
   transform: scaleY(0);
   transition: all .25s linear;
   transition-delay: 0s;
}

.team-img-wrapper:hover .team-social-wrapper {
   transform: scaleY(1);
   transition: all .25s linear;
   transition-delay: .5s;
}

.team-social-wrapper li.team-social {
   padding-left: 11px;
   padding-right: 12px;
   display: inline-block;
}

.team-social-wrapper li.team-social a {
   color: #222222;
   transition: all .25s linear;
}

.team-social-wrapper li.team-social a:hover {
   color: #01795d;
}


/***

====================================================================
Gallery Page style
====================================================================

***/

.image-gallery .mix {
   display: none;
}

.grid-item {
   margin-bottom: 10px;
}


/***

====================================================================
Default Section
====================================================================

***/

.default-section {
   position: relative;
   width: 100%;
   padding: 50px 0px 10px;
}

.default-section .column {
   position: relative;
   margin-bottom: 30px;
}

.default-section h3 {
   position: relative;
   margin-bottom: 10px;
   font-size: 19px;
   text-transform: none;
   color: #1c1c1c;
}

.default-section .color-theme {
   position: relative;
   margin-bottom: 10px;
   font-size: 18px;
   text-transform: none;
   font-style: italic;
   color: #d60303;
   font-family: 'Georgia', serif;
}

.default-section .text {
   position: relative;
}

.default-section .text p {
   line-height: 2em;
}

.default-section .read-more {
   position: relative;
   display: inline-block;
   margin-top: 15px;
   color: #d60303;
   text-transform: uppercase;
   font-size: 13px;
}

.default-section .read-more .icon {
   padding-left: 10px;
}


/***

====================================================================
Page Title Section
====================================================================

***/


/***

====================================================================
Our Services style
====================================================================

***/


/***

====================================================================
Fact Counter Section
====================================================================

***/

.fact-counter {
   position: relative;
   color: #fff;
   background-position: center center;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
}

.fact-dialogue .our-dialogue {
   line-height: 48px;
   margin-top: 25px;
   font-family: 'Roboto Condensed', sans-serif;
   letter-spacing: 2px;
}

.fact-counter .column {
   position: relative;
   margin-bottom: 50px;
   text-align: center;
}

.fact-counter .count-outer {
   color: #1c1c1c;
   font-family: "Roboto", sans-serif;
   font-size: 42px;
   font-weight: 600;
   margin-bottom: 15px;
   margin-top: 15px;
   position: relative;
}

.fact-counter .column .line {
   position: relative;
   width: 50px;
   height: 2px;
   background: #d60303;
   margin: 20px auto;
}

.fact-counter .column .title {
   color: #fff;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
}


/***

====================================================================
About Us Section
====================================================================

***/

.blog-container .blog-post h3 {
   position: relative;
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: 400;
   color: #1c1c1c;
}

.blog-container .blog-post h3 a {
   color: #1c1c1c;
}

.blog-container .blog-post h3 a:hover {
   color: #d60303;
}

.blog-container .blog-post .post-info {
   position: relative;
   margin-bottom: 15px;
   color: #202020;
   font-size: 13px;
   padding-right: 50px;
}

.blog-container .blog-post .post-info .comment-count {
   position: absolute;
   right: 0px;
   top: 0px;
}

.blog-container .blog-post .post-info .comment-count .fa {
   font-size: 20px;
}

.blog-container .blog-post .post-info a {
   display: inline-block;
   color: #979797;
}

.blog-container .blog-post .post-info a:hover {
   color: #d60303;
}

.blog-container .blog-post .post-text {
   position: relative;
   margin-bottom: 20px;
}

.blog-container .blog-post .read-more {
   position: relative;
   color: #d60303;
}

.sidebar-page {
   position: relative;
   padding: 50px 0px 20px;
}

.sidebar-page blockquote {
   font-size: 15px;
   padding: 15px 15px 15px 20px;
   background: #f1f1f1;
   border: 1px solid #d0d0d0;
   border-left: 5px solid #d60303;
   margin-bottom: 20px;
   font-style: italic;
}

.sidebar-page .about-author {
   position: relative;
   padding: 30px;
   border: 1px solid #dddddd;
   margin-bottom: 40px;
}

.sidebar-page .about-author h3 {
   margin-bottom: 30px;
   font-size: 20px;
}

.sidebar-page .about-author .author-info {
   margin-bottom: 10px;
}

.sidebar-page .about-author .author-info strong {
   font-weight: 400;
   color: #1c1c1c;
}

.sidebar-page .about-author .author-desc {
   position: relative;
   padding: 0px 10px 10px 100px;
}

.sidebar-page .about-author .author-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 84px;
   height: 84px;
}

.sidebar-page .about-author .author-thumb img {
   width: 100%;
   display: block;
}


/***

====================================================================
Comments Area
====================================================================

***/

.sidebar-page .comments-area {
   position: relative;
}

.sidebar-page .comments-area h2,
.sidebar-page .comments-area h2 strong {
   font-size: 22px;
   color: #1c1c1c;
   font-weight: normal;
}

.sidebar-page .comments-area .comment-box {
   position: relative;
}

.sidebar-page .comments-area .comment {
   position: relative;
   margin: 0px 0px 50px 0px;
   padding: 0px 0px 10px 110px;
}

.sidebar-page .comments-area .reply-comment {
   margin-left: 50px;
}

.sidebar-page .comments-area .comment-box .author-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 84px;
   height: 84px;
}

.sidebar-page .comments-area .comment-box .author-thumb img {
   width: 100%;
   display: block;
}

.sidebar-page .comments-area .comment-info {
   margin-bottom: 10px;
   color: #bcbcbc;
}

.sidebar-page .comments-area .comment-box strong {
   color: #292929;
   font-weight: 600;
}

.sidebar-page .comments-area .reply-btn {
   position: absolute;
   right: 0px;
   top: -10px;
   font-size: 14px;
   color: #ffffff;
   padding: 3px 20px;
   background: #d60303;
   border-color: #d60303;
   text-transform: capitalize;
}


/***

====================================================================
Comment Form
====================================================================

***/

.comment-form .form-group {
   position: relative;
   margin-bottom: 20px;
}

.comment-form h2,
.comment-form h2 strong {
   font-size: 22px;
   color: #1c1c1c;
   font-weight: normal;
}

.comment-form .form-group-inner {
   position: relative;
   display: table;
   width: 100%;
   border: 1px solid #d0d0d0;
   overflow: hidden;
   border-radius: 3px;
   -ms-border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}

.comment-form .form-group .icon-box {
   position: relative;
   display: table-cell;
   vertical-align: middle;
}

.comment-form .form-group .icon-box label {
   position: relative;
   display: inline-block;
   width: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   color: #3d3d3d;
   margin: 0px;
   background: #ffffff;
   border-right: 1px solid #d0d0d0;
}

.comment-form .form-group label.error {
   display: none !important;
}

.comment-form .form-group .field-outer {
   position: relative;
   display: table-cell;
   width: 100%;
   vertical-align: middle;
}

.comment-form .form-group-inner input[type="text"],
.comment-form .form-group-inner input[type="password"],
.comment-form .form-group-inner input[type="tel"],
.comment-form .form-group-inner input[type="email"],
.comment-form .form-group-inner select {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 9px 15px;
   color: #222222;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.comment-form .form-group input[type="text"].error,
.comment-form .form-group input[type="password"].error,
.comment-form .form-group input[type="tel"].error,
.comment-form .form-group input[type="email"].error,
.comment-form .form-group select.error,
.comment-form .form-group textarea.error {
   background: rgba(255, 0, 0, 0.20);
}

.comment-form .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 8px 15px;
   color: #222222;
   height: 200px;
   resize: none;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.comment-form button {
   position: relative;
   display: inline-block;
   background: #222a33;
   color: #ffffff;
   padding: 8px 30px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
}

.comment-form button .icon {
   position: relative;
   top: 2px;
}

.comment-form button:before {
   background: #d60303;
}


/* Appoinment Form */

.comment-form.appoinment-form .form-group textarea {
   height: 140px;
}


/***

====================================================================
Side Bar Style
====================================================================

***/

.sidebar-page .sidebar {
   position: relative;
   padding: 0px 0px 0px;
}

.sidebar .widget {
   position: relative;
   margin-bottom: 30px;
}

.sidebar .search-form input[type="search"],
.sidebar .search-form input[type="text"] {
   position: relative;
   width: 100%;
   line-height: 24px;
   padding: 8px 42px 8px 15px;
   border: 1px solid #d0d0d0;
   background: #ffffff;
   color: #3d3d3d;
   height: 42px;
   font-size: 14px;
   color: #292929;
}

.sidebar .search-form input[type="search"]:focus,
.sidebar .search-form input[type="text"]:focus {
   border-color: #d60303;
}

.sidebar .search-form .form-group {
   position: relative;
}

.sidebar .search-form button {
   position: absolute;
   right: 1px;
   top: 1px;
   line-height: 24px;
   display: block;
   width: 40px;
   height: 40px;
   padding: 7px 10px 8px;
   text-align: center;
   font-size: 16px;
   color: #cccccc;
   background: none;
}

.sidebar .search-form button:hover {
   color: #d60303;
}

.sidebar .sidebar-title {
   position: relative;
   margin-bottom: 30px;
   padding-bottom: 15px;
}

.sidebar .sidebar-title h3 {
   font-size: 19px;
   color: #1c1c1c;
   text-transform: capitalize;
}

.sidebar .recent-posts .post {
   position: relative;
   font-size: 14px;
   margin-bottom: 20px;
   min-height: 60px;
   padding: 0px 0px 0px 84px;
   color: #cccccc;
}

.sidebar .recent-posts .post .post-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 72px;
   height: 72px;
}

.sidebar .recent-posts .post .post-thumb img {
   width: 100%;
   display: block;
}

.sidebar .recent-posts .post h4 {
   font-size: 15px;
   font-weight: 400;
   margin: 0px 0px 5px;
   line-height: 2em;
   color: #292929;
}

.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover {
   color: #fb4848;
}

.sidebar .recent-posts .post h4 a {
   color: #292929;
}

.sidebar .recent-posts .post .fa {
   font-size: 18px;
}

.sidebar-page .contact-info {
   position: relative;
   font-size: 14px;
   margin-bottom: 30px;
}

.sidebar-page .contact-info .text {
   position: relative;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 10px;
   color: #7f7f7f;
}

.sidebar-page .contact-info li {
   position: relative;
   margin-bottom: 8px;
   line-height: 1.8em;
   color: #7f7f7f;
}

.sidebar-page .contact-info li strong {
   position: relative;
   padding-right: 10px;
   font-weight: 600;
   color: #292929;
}

.sidebar-page .contact-info a {
   color: #d60303;
   transition: all 300ms ease-in;
   -webkit-transition: all 300ms ease-in;
   -ms-transition: all 300ms ease-in;
   -o-transition: all 300ms ease-in;
   -moz-transition: all 300ms ease-in;
}

.sidebar-page .contact-info a:hover {
   color: #3d3d3d;
}

.sidebar .popular-tags a {
   position: relative;
   display: inline-block;
   line-height: 20px;
   padding: 4px 10px 5px;
   background: #ffffff;
   color: #777777;
   margin: 0px 2px 7px 0px;
   text-transform: none;
   font-size: 12px;
   border: 1px solid #cccccc;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
   background-color: #d60303;
   color: #ffffff;
}

.sidebar .list {
   position: relative;
}

.sidebar .list li {
   position: relative;
   margin-bottom: 10px;
   line-height: 32px;
   padding: 0px 0px 0px 0px;
}

.sidebar .list li .icon {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 20px;
   height: 32px;
   line-height: 32px;
   display: block;
   color: #d60303;
   font-size: 12px;
}

.sidebar .list li a {
   position: relative;
   display: block;
   color: #3d3d3d;
   font-size: 14px;
   font-weight: 600;
}

.sidebar .list li a:hover {
   color: #d60303;
}

.sidebar .recent-gallery {
   position: relative;
}

.sidebar .recent-gallery .image {
   position: relative;
   float: left;
   width: 33.333%;
   padding: 0px 10px 10px 0px;
}

.sidebar .recent-gallery .image img {
   position: relative;
   display: block;
   width: 100%;
}


/***

====================================================================
Contact Us Section
====================================================================

***/

.contact-section {
   position: relative;
   padding: 0px 0px 20px;
}

.contact-section .sec-title {
   margin-bottom: 25px;
}

.contact-section .form-group {
   position: relative;
   margin-bottom: 20px;
}

.contact-section .form-group-inner {
   position: relative;
   display: table;
   width: 100%;
   border: 1px solid #d0d0d0;
   overflow: hidden;
   border-radius: 3px;
   -ms-border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}

.contact-section .form-group .icon-box {
   position: relative;
   display: table-cell;
   vertical-align: middle;
}

.contact-section .form-group .icon-box label {
   position: relative;
   display: inline-block;
   width: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   color: #3d3d3d;
   margin: 0px;
   background: #ffffff;
   border-right: 1px solid #d0d0d0;
}

.contact-section .form-group label.error {
   display: none !important;
}

.contact-section .form-group .field-outer {
   position: relative;
   display: table-cell;
   width: 100%;
   vertical-align: middle;
}

.contact-section .form-group-inner input[type="text"],
.contact-section .form-group-inner input[type="password"],
.contact-section .form-group-inner input[type="tel"],
.contact-section .form-group-inner input[type="email"],
.contact-section .form-group-inner select {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 9px 15px;
   color: #222222;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.contact-section .form-group input[type="text"].error,
.contact-section .form-group input[type="password"].error,
.contact-section .form-group input[type="tel"].error,
.contact-section .form-group input[type="email"].error,
.contact-section .form-group select.error,
.contact-section .form-group textarea.error {
   background: rgba(255, 0, 0, 0.20);
}

.contact-section .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 8px 15px;
   color: #222222;
   height: 200px;
   resize: none;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.contact-section button {
   position: relative;
   display: inline-block;
   background: #222a33;
   color: #ffffff;
   padding: 8px 30px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
}

.contact-section button .icon {
   position: relative;
   top: 2px;
}

.contact-section button:before {
   background: #d60303;
}


/***

====================================================================
Map Section
====================================================================

***/

.map-section {
   position: relative;
   padding: 2px;
   border: 1px solid #d60303;
   margin-bottom: 10px;
}

.map-section .map-container {
   position: relative;
   width: 100%;
   height: 450px;
}


/***

====================================================================
Button Style
====================================================================

***/

.btn-thm {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff !important;
   display: inline-block;
   background: #d60303 !important;
   position: relative;
   line-height: 40px;
   padding-left: 27px;
   border-radius: 3px;
   padding-right: 9px;
   font-size: 14px;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.btn-thm i {
   padding-left: 15px;
   font-size: 1.25em;
   padding-right: 7px;
   vertical-align: middle;
   border-left: 1px solid #d60303 !important;
   position: relative;
   margin-left: 20px;
   font-size: 14px;
   line-height: 28px;
}

.btn-thm i:after {
   content: '';
   width: 1px;
   height: 100%;
   background: #fda444 !important;
   position: absolute;
   left: -2px;
   top: 0;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
   background: #212832 !important;
}

.btn-thm:hover i,
.btn-thm:focus i,
.btn-thm:active i {
   border-color: transparent;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active,
.btn-thm:hover i,
.btn-thm:focus i,
.btn-thm:active i {
   color: #fff !important;
}

.btn-thm.btn-white {
   color: #d60303 !important;
   background: #fff !important;
}

.btn-thm.btn-white i {
   border-left: 1px solid #f8f8f8 !important;
}

.btn-thm.btn-white:hover,
.btn-thm.btn-white:focus,
.btn-thm.btn-white:active {
   color: #fff !important;
   background: #212832 !important;
}

.btn-xs {
   font-size: 13px;
   line-height: 35px;
   padding: 0 12px;
}

.btn-xs i {
   margin-left: 10px;
   padding-left: 10px;
   padding-right: 0;
}


/***

====================================================================
Global Settings
====================================================================

***/

.title-bottom {
   position: relative;
}

.title-bottom::after {
   background-color: #d60303;
   bottom: -4px;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 30px;
}


/* Font Size*/

.fs-12 {
   font-size: 12px !important;
}

.fs-13 {
   font-size: 13px !important;
}

.fs-14 {
   font-size: 14px !important;
}

.fs-15 {
   font-size: 15px !important;
}

.fs-16 {
   font-size: 16px !important;
}

.fs-18 {
   font-size: 18px !important;
}

.fs-20 {
   font-size: 20px !important;
}

.fs-24 {
   font-size: 24px !important;
}

.fs-30 {
   font-size: 30px !important;
}

.fs-36 {
   font-size: 36px !important;
}


/* Font Weight */

.fw-500 {
   font-weight: 500 !important;
}

.fw-600 {
   font-weight: 600 !important;
}

.fw-600 {
   font-weight: 600 !important;
}

.fw-b {
   font-weight: bold;
}

.fs-italic {
   font-style: italic;
}


/* Font Color */

.color-theme {
   color: #d60303 !important;
}

.color-white {
   color: #ffffff !important;
}

.color-light-white {
   color: #f9f9f9 !important;
}

.color-black {
   color: #1c1c1c !important;
}

.color-gray {
   color: #888888 !important;
}

.color-light-gray {
   color: #c9c9c9 !important;
}


/* background Color */

.bg-color{
    background-color:#e6ecea;
}
.bg-color-1 {
   background-color: #fafafa !important;
}

.bg-color-2 {
   background-color: #ffffff !important;
}

.bg-color-3 {
   /* background-color: #1b2936 !important; */
   background: url(img/background/bg-2.png);
    -webkit-background-size: cover;
   background-size: cover;
}

.bg-color-4 {
   background-color: transparent !important;
}

/* .stricky.stricky-fixed { */
   /* background: rgba(0, 0, 0, 0.9); */
   /* background-color: #FFFFFF; */
/* } */


/* Margin Padding*/

.mb-5 {
   margin-bottom: 5px !important;
}

.mt-5 {
   margin-top: 5px !important;
}

.mb-12 {
   margin-bottom: 12px !important;
}

.mt-12 {
   margin-top: 12px !important;
}

.no-before::before {
   content: none !important;
}

.bg-image {
   position: relative;
   background-position: center center;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
}


/***

====================================================================
theme-overlay
====================================================================

***/

.theme-overlay {
   position: relative;
}

.theme-overlay::before {
   background-color: rgba(214, 3, 3, 1);
   bottom: 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.65;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 0;
}


/***

====================================================================
Feature Box
====================================================================

***/

.feature-box {
   background-color: #f7f7f7;
   border-radius: 3px 10px 3px 3px;
   border-top: 3px solid #d60303;
   margin-bottom: 25px;
   padding: 15px;
}

.feature-box .title {
   margin-bottom: 15px;
}

.feature-box .icon {
   color: #d60303;
}

.feature-box .details {
   font-size: 13px;
}


/***

====================================================================
Practise Area
====================================================================

***/

.practise-area {
   border-bottom: 3px solid #d60303;
   border-radius: 0 0 2px 2px;
   margin-bottom: 30px;
   min-height: 313px;
   overflow: hidden;
   position: relative;
}

.practise-area .thumb img {
   width: 100%;
}

.practise-area .practise-details {
   background-color: #fbf7f8;
   bottom: -65px;
   left: 0;
   padding: 0 15px 30px;
   position: absolute;
   right: 0;
   text-align: center;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.practise-area:hover .practise-details {
   bottom: 0;
}

.practise-area .practise-details .round-style {
   background-color: #fbf7f8;
   border-radius: 50%;
   height: 90px;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   top: -30px;
   width: 90px;
}

.practise-area:hover .practise-details .round-style {
   top: -30px;
}

.practise-area .practise-details .icon {
   color: #d60303;
   display: inline-block;
   font-size: 30px;
   position: relative;
}

.practise-area .practise-details .title {
   margin-bottom: 10px;
   margin-top: 15px;
}

.practise-area .practise-details .details {
   font-size: 13px;
}

.practise-area .practise-details a.btn-thm {
   margin-top: 15px;
   opacity: 0;
}

.practise-area:hover .practise-details a.btn-thm {
   opacity: 1;
}

.practise-area:hover .practise-details a.btn-thm {
   margin-top: 10px;
}


/* practise-style2-4column */

.practise-style2-4column .practise-area {
   min-height: 195px;
}

.practise-style2-4column .practise-area:hover .practise-details {
   bottom: 4px;
}


/* single style */

#professional_area {
   background: #f9f9f9;
   padding: 60px 0 80px;
}

.professional_details {}

.professional_details h2 {
   font-family: 'Open Sans', sans-serif;
   font-size: 32px;
   color: #1d1b17;
   font-weight: 900;
   line-height: 40px;
   margin-bottom: 10px;
}

.professional_details h3 {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   color: #d60303;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 20px;
   margin-bottom: 15px;
}

.professional .service-price {
   color: #1c1c1c;
   display: inline-block;
   font-family: "Open Sans", sans-serif;
   font-size: 18px;
   font-weight: 700;
   line-height: 20px;
   margin-top: 10px;
}

.professional .service-price span {
   color: #d60303;
}

.professional .btn-link {
   background-color: #d60303;
   border-radius: 3px;
   color: #fff;
   font-weight: 600;
   margin-left: 15px;
   margin-top: 10px;
   padding: 5px 7px;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}

.professional .btn-link:hover {
   color: #fff;
   background-color: #1c1c1c;
}

.professional_details p {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   color: #8b8b8b;
   font-weight: 400;
   line-height: 25px;
   margin-top: 15px;
}

.profession_list {
   margin-left: -20px;
}

.profession_list ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.profession_list ul li {
   padding: 10px 0;
}

.profession_list ul li a {
   text-decoration: none;
   color: #1d1b17;
   font-size: 15px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
}

.profession_list ul li i {
   color: #d60303;
   padding: 0 10px;
}


/***
=============================================
    Not found area style
=============================================
***/

.not-found-area {
   background: #ffffff none repeat scroll 0 0;
   padding-bottom: 100px;
   padding-top: 72px;
}

.not-found-content h1 {
   font-size: 150px;
   margin: 0 0 7px;
   font-weight: 700;
}

.not-found-content h1 span {
   color: #01795d;
}

.not-found-content h3 {
   color: #222;
   font-size: 18px;
   font-weight: 400;
   margin: 0 0 20px;
   font-family: 'Open Sans', sans-serif;
}

.not-found-content p {
   font-size: 18px;
   margin: 0 0 42px;
}

.not-found-content .search-form {
   max-width: 432px;
   position: relative;
   margin: 0 auto;
}

.not-found-content .search-form input[type="text"] {
   background: #fff;
   border: 1px solid #f1f1f1;
   color: #9a9a9a;
   display: inline-block;
   font-size: 16px;
   font-weight: 300;
   height: 55px;
   letter-spacing: 1px;
   padding-left: 20px;
   padding-right: 60px;
   position: relative;
   -webkit-transition: all 500ms ease 0s;
   transition: all 500ms ease 0s;
   width: 432px;
}

.not-found-content .search-form button {
   background: #01795d none repeat scroll 0 0;
   border: medium none;
   color: #fff;
   display: inline-block;
   height: 55px;
   padding: 11px 0;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   -webkit-transition: all 500ms ease 0s;
   transition: all 500ms ease 0s;
   width: 55px;
}

.not-found-content .search-form button i {
   font-size: 14px
}

.not-found-content .search-form input[type="text"]:focus {
   border: 1px solid #01795d;
   background: #fff;
   color: #000;
}

.not-found-content .search-form input[type="text"]:focus+button,
.not-found-content .search-form button:hover {
   background: #01795d none repeat scroll 0 0;
   color: #fff;
}


/***

====================================================================
    Sec Title
====================================================================

***/

.sec-title {
   position: relative;
   margin-bottom: 42px;
   text-align: center;
}

.sec-title h2 {
   font-size: 32px;
   font-weight: 800;
   text-transform: uppercase;
   padding-bottom: 10px;
   color: #1c1c1c;
   line-height: 1.4em;
   font-family: 'Catamaran', sans-serif;
}

.sec-title .text {
   position: relative;
   color: #888888;
   font-size: 14px;
   line-height: 1.8em;
}


/***

====================================================================
    List Style One
====================================================================

***/

.list-style-one {
   position: relative;
}

.list-style-one li {
   position: relative;
   color: #1c1c1c;
   font-size: 14px;
   margin-bottom: 18px;
}

.list-style-one li:last-child {
   margin-bottom: 0px;
}


/***

====================================================================
    social icon two
====================================================================

***/

.social-icon-two {
   position: relative;
}

.social-icon-two li {
   position: relative;
   display: inline-block;
   margin: 0px 4px;
}

.social-icon-two a {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
   color: #443f45;
   font-size: 16px;
   text-align: center;
   line-height: 38px;
   border: 1px solid #443f45;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
}

.social-icon-two a:hover {
   color: #01795d;
   border-color: #01795d;
}


/***

====================================================================
    Main Footer
====================================================================

***/

.main-footer {
   position: relative;
   background: #141215;
   color: #bcbcbc;
   padding-top: 112px;
}

.main-footer .widgets-section {
   position: relative;
   padding: 80px 0px 30px;
}

.main-footer .footer-column {
   margin-bottom: 30px;
}

.main-footer .footer-widget {
   position: relative;
}

.main-footer .footer-logo {
   position: relative;
   margin-bottom: 20px;
}

.main-footer .footer-logo img {
   display: block;
   max-width: 100%;
}

.main-footer .footer-column h2 {
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   padding-bottom: 14px;
   color: #ffffff;
   margin-bottom: 32px;
}

.main-footer .footer-column h2:after {
   position: absolute;
   content: '';
   left: 0px;
   bottom: 0px;
   width: 30px;
   height: 1px;
   background-color: #01795d;
}

.main-footer .logo-widget .text {
   margin-bottom: 30px;
   line-height: 2em;
   padding-right: 95px;
}

.main-footer .logo-widget form {
   position: relative;
   padding-right: 80px;
}

.main-footer .logo-widget form .form-group {
   position: relative;
}

.main-footer .logo-widget form .form-group input {
   position: relative;
   border: 1px solid #555558;
   border-radius: 2px;
   width: 100%;
   height: 48px;
   line-height: 28px;
   background: none;
   padding: 10px 15px;
}

.main-footer .logo-widget form .form-group button {
   position: absolute;
   color: #dcdcdc;
   font-size: 20px;
   top: 0px;
   width: 50px;
   right: 0px;
   background: none;
   height: 48px;
}

.main-footer .contact-info {
   margin-bottom: 30px;
}

.main-footer .contact-info li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 15px;
   line-height: 24px;
}

.main-footer .contact-info li .number {
   position: relative;
   color: #01795d;
   font-size: 20px;
}

.main-footer .contact-info li .icon {
   position: absolute;
   left: 2px;
   top: 2px;
   text-align: center;
   line-height: 24px;
   font-size: 20px;
   color: #01795d;
}

.main-footer .links-widget .list li a {
   position: relative;
   display: inline-block;
   line-height: 24px;
   padding: 2px 0px 2px 20px;
   color: #aaaaaa;
   font-size: 14px;
   text-transform: capitalize;
}

.main-footer .links-widget .list li a:before {
   content: '\f105';
   position: absolute;
   left: 0px;
   top: 6px;
   line-height: 15px;
   font-size: 16px;
   font-family: 'FontAwesome';
}

.main-footer .links-widget .list li a:hover {
   color: #ffffff;
}

.main-footer .subscribe-widget {
   position: relative;
}

.main-footer .subscribe-widget .text {
   position: relative;
   padding: 20px 0px 15px;
   color: #ffffff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.20);
   margin-bottom: 20px;
}

.main-footer a {
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
}

.main-footer .twitter-widget .feed {
   position: relative;
   font-size: 15px;
   line-height: 2em;
   margin-bottom: 30px;
}

.main-footer .twitter-widget .feed .month {
   color: #6c9ecd;
   font-size: 14px;
   font-weight: 300;
}

.main-footer .twitter-widget .feed .month a {
   position: relative;
   color: #ffffff;
   font-weight: 500;
   text-decoration: underline;
}

.main-footer .twitter-widget .feed .text {
   margin-bottom: 0px;
   line-height: 1.6em;
   font-weight: 300;
   color: #bcbcbc;
   font-size: 14px;
}

.main-footer .twitter-widget .feed .days {
   position: relative;
   font-size: 14px;
   color: #bcbcbc;
   margin-top: -5px;
}

.main-footer .footer-bottom {
   position: relative;
   padding: 35px 0px;
   text-align: center;
   margin-top: 20px;
   border-top: 1px solid #333333;
}

.main-footer .footer-bottom .copyright {
   color: #bcbcbc;
   font-size: 14px;
}

.main-footer.style-two {
   position: relative;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center center;
}

.main-footer.style-two:before {
   position: absolute;
   content: '';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(20, 18, 21, 0.95);
}


/*contact info list*/

.contact-info-list {
   margin-bottom: 30px;
}

.main-footer .contact-info-list li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 15px;
   line-height: 24px;
   color: #bcbcbc;
   font-size: 14px;
}

.main-footer .contact-info-list li .icon {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 20px;
   text-align: center;
   line-height: 24px;
   font-size: 16px;
   color: #bcbcbc;
}


/*Gallery Widget*/

.main-footer .gallery-widget .row {
   margin: 0px -5px;
}

.main-footer .gallery-widget .image {
   position: relative;
   float: left;
   width: 33.333%;
   padding: 0px 5px 10px;
}

.main-footer .gallery-widget .image img {
   position: relative;
   display: block;
   width: 100%;
   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;
}

.main-footer .gallery-widget .image img:hover {
   opacity: 0.70;
}


/***

====================================================================
    Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
   background-image: none !important;
   width: 44px !important;
   height: 44px !important;
   line-height: 44px !important;
   text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
   content: '';
   position: absolute;
   font-family: 'FontAwesome';
   left: 0px;
   top: 0px;
   font-size: 12px;
   width: 44px !important;
   height: 44px !important;
   line-height: 44px !important;
   background-color: rgba(28, 28, 28, 0.40) !important;
   color: #ffffff;
   visibility: visible;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
   content: '\f178';
}

.fancybox-prev span:before {
   content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
   background-color: #ffffff !important;
   color: #000000;
}

.fancybox-type-image .fancybox-close {
   right: 0px;
   top: 0px;
   width: 45px;
   height: 45px;
   background: url(img/icons/icon-cross.png) center center no-repeat;
   background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
   background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
   padding: 0px !important;
}


/***

====================================================================
    Consulting Section
====================================================================

***/

.consulting-section {
   position: relative;
   padding: 140px 0px 100px;
}

.consulting-section .image-box {
   position: relative;
   margin-bottom: 50px;
}

.consulting-section .image-box img {
   width: 100%;
   display: block;
}

.consulting-section .image-box:before {
   position: absolute;
   content: '';
   left: -16px;
   bottom: -16px;
   width: 288px;
   height: 182px;
   border: 16px solid #ffffff;
}

.consulting-section .inner-box {
   position: relative;
   padding-top: 30px;
}

.consulting-section .inner-box .list-style-one {
   margin-top: 30px;
}

.consulting-section .inner-box .text {
   position: relative;
   color: #888888;
   font-size: 14px;
   line-height: 1.8em;
}

.consulting-section .inner-box .know-more {
   position: relative;
   margin-top: 36px;
   text-transform: uppercase;
}

.consulting-block {
   position: relative;
   margin-bottom: 40px;
}

.consulting-block .inner {
   position: relative;
   text-align: center;
}

.consulting-block .inner .icon-box {
   position: relative;
   font-size: 42px;
   color: #bcbcbc;
   line-height: 1em;
   margin-bottom: 10px;
}

.consulting-block .inner h3 {
   position: relative;
}

.consulting-block .inner h3 a {
   position: relative;
   font-weight: 700;
   font-size: 14px;
   color: #1c1c1c;
   padding-bottom: 6px;
   display: inline-block;
   text-transform: uppercase;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.consulting-block .inner h3 a:hover {
   color: #01795d;
}

.consulting-block .inner h3:after {
   position: absolute;
   content: '';
   left: 50%;
   bottom: 0px;
   margin-left: -15px;
   width: 30px;
   height: 1px;
   background-color: #bcbcbc;
}

.consulting-block .inner .text {
   position: relative;
   color: #888888;
   font-size: 14px;
   line-height: 1.8em;
   margin-top: 20px;
}

.consulting-block .inner .read-more {
   position: relative;
   color: #888888;
   font-size: 14px;
   margin-top: 20px;
   display: inline-block;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.consulting-block .inner .read-more:hover {
   color: #443f45;
}


/***

====================================================================
    Services Section
====================================================================

***/

.services-section {
   position: relative;
   padding: 120px 0px 90px;
   /*background-color: #f8f8f8;*/
}

.services-section.style-two {
   background-color: #f8f8f8;
}


/*Services Block One*/

.services-block-one {
   position: relative;
   margin-bottom: 60px;
}

.services-block-one .inner-box {
   position: relative;
   padding-right: 40px;
   background-color: #ffffff;
}

.services-block-one .inner-box .content {
   position: relative;
}

.services-block-one .inner-box .content .icon {
   position: absolute;
   left: 0px;
   top: 0px;
   color: #888888;
   font-size: 40px;
   line-height: 1em;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-one .inner-box .content h3 {
   position: relative;
   line-height: 1em;
   padding-left: 60px;
   padding-top: 6px;
}

.services-block-one .inner-box .content h3 a {
   position: relative;
   font-size: 14px;
   font-weight: 700;
   color: #1c1c1c;
   text-transform: uppercase;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-one .inner-box:hover h3 a,
.services-block-one .inner-box:hover .icon {
   color: #01795d;
}

.services-block-one .inner-box .content .text {
   font-size: 14px;
   color: #888888;
   line-height: 1.8em;
   margin-top: 25px;
}

.services-block-one .inner-box .content .read-more {
   position: relative;
   font-size: 14px;
   color: #888888;
   margin-top: 15px;
   display: inline-block;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-one .inner-box .content .read-more:hover {
   color: #443f45;
}


/*Services Block Two*/

.services-block-two {
   position: relative;
   margin-bottom: 30px;
}

.services-block-two .inner-box {
   position: relative;
   padding: 30px 40px;
   background-color: #ffffff;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-two .inner-box:hover {
   -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
   -ms-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
   -o-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
   -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
   box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
}

.services-block-two .inner-box .content {
   position: relative;
}

.services-block-two .inner-box .content .icon {
   position: absolute;
   left: 0px;
   top: 0px;
   color: #888888;
   font-size: 40px;
   line-height: 1em;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-two .inner-box .content h3 {
   position: relative;
   line-height: 1em;
   padding-left: 74px;
}

.services-block-two .inner-box .content h3 a {
   position: relative;
   font-size: 14px;
   font-weight: 700;
   color: #1c1c1c;
   text-transform: uppercase;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.services-block-two .inner-box:hover h3 a,
.services-block-two .inner-box:hover .icon {
   color: #01795d;
}

.services-block-two .inner-box .content h3:before {
   position: absolute;
   content: '';
   left: 50px;
   bottom: -12px;
   width: 50px;
   height: 1px;
   background-color: #bcbcbc;
}

.services-block-two .inner-box .content .text {
   font-size: 14px;
   color: #888888;
   line-height: 1.8em;
   margin-top: 40px;
}

.services-block-two .inner-box .content .read-more {
   position: relative;
   font-size: 14px;
   color: #888888;
   margin-top: 15px;
   display: inline-block;
}

.staff-section {
   position: relative;
   margin-bottom: 40px;
   padding: 140px 0px 60px;
}

.staff-member {
   position: relative;
   margin-bottom: 40px;
}

.staff-member .inner-box {
   position: relative;
}

.staff-member .inner-box .image-box {
   position: relative;
}

.staff-member .inner-box .image-box img {
   width: 100%;
   display: block;
}

.staff-member .inner-box .image-box .overlay-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.85);
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.staff-member .inner-box:hover .overlay-box {
   opacity: 1;
}

.staff-member .inner-box .image-box .overlay-box .social-icon-two {
   position: absolute;
   left: 0px;
   top: 50%;
   margin-top: -25px;
   width: 100%;
}

.staff-member .inner-box .lower-content {
   position: relative;
   text-align: center;
   padding: 15px 0px 0px;
}

.staff-member .inner-box .lower-content h3 a {
   position: relative;
   color: #1c1c1c;
   font-size: 16px;
   font-weight: 700;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.staff-member .inner-box .lower-content h3 a:hover {
   color: #01795d;
}

.staff-member .inner-box .lower-content .designation {
   position: relative;
   color: #777777;
}


/***

====================================================================
    Consulting Form Section
====================================================================

***/

.fullwidth-section {
   position: relative;
   background-color: #f8f8f8;
}

.fullwidth-section .image-column {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 50%;
   height: 100%;
   background-position: left center;
   background-size: cover;
   background-repeat: no-repeat;
}

.fullwidth-section .image-column .hidden-image {
   display: none;
}

.fullwidth-section .image-column .hidden-image img {
   display: block;
   width: 100%;
}

.fullwidth-section .content-column {
   position: relative;
   float: right;
   padding: 0px;
}

.fullwidth-section .content-column .inner-box {
   position: relative;
   z-index: 1;
   padding: 100px 70px 80px 70px;
}

.fullwidth-section .content-column .form-title {
   position: relative;
   margin-bottom: 40px;
}

.fullwidth-section .content-column .form-title h3 {
   position: relative;
   font-weight: 700;
   font-size: 26px;
   color: #1c1c1c;
   padding-bottom: 13px;
   margin-bottom: 25px;
   font-family: 'Catamaran', sans-serif;
}

.fullwidth-section .content-column .form-title h3:after {
   position: absolute;
   content: '';
   left: 0px;
   bottom: 0px;
   width: 30px;
   height: 1px;
   background-color: #01795d;
}

.fullwidth-section .content-column .form-title .text {
   position: relative;
   font-size: 14px;
   color: #888888;
}

.default-form {
   position: relative;
}

.default-form .form-group {
   position: relative;
   margin-bottom: 30px;
}

.default-form .form-group .group-inner {
   position: relative;
}

.default-form .form-group .group-inner input {
   position: relative;
   height: 52px;
   width: 100%;
   line-height: 32px;
   padding: 10px 20px;
   border-radius: 2px;
   background-color: #eeeeee;
}

.default-form .form-group .group-inner textarea {
   position: relative;
   padding: 10px 20px;
   height: 130px;
   width: 100%;
   resize: none;
   border-radius: 2px;
   background-color: #eeeeee;
}

.default-form .form-group .group-inner button {
   margin-top: 10px;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
   border-color: #ff0000 !important;
}

.default-form label.error {
   display: block;
   line-height: 24px;
   padding: 5px 0px 0px;
   margin: 0px;
   text-transform: uppercase;
   font-size: 11px;
   color: #ff0000;
   font-weight: 500;
}


/***

====================================================================
    News Block
====================================================================

***/

.news-section {
   position: relative;
   margin: 140px 0px 110px 0px;
}

.news-block {
   position: relative;
   margin-bottom: 40px;
}

.news-block .inner-box {
   position: relative;
}

.news-block .inner-box:hover .image-box .read-more {
   bottom: 0px;
}

.news-block .inner-box .image-box {
   position: relative;
   overflow: hidden;
}

.news-block .inner-box .image-box img {
   position: relative;
   width: 100%;
   display: block;
}

.news-block .inner-box .image-box .read-more {
   position: absolute;
   right: 0px;
   bottom: -40px;
   color: #ffffff;
   font-size: 14px;
   padding: 8px 26px;
   display: inline-block;
   text-transform: capitalize;
   background-color: #443f45;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.news-block .inner-box .image-box .read-more .icon {
   position: relative;
   margin-left: 5px;
   top: 1px;
}

.news-block .inner-box .lower-content {
   background-color: #f8f8f8;
   /* border: 1px solid #8888; */
   border-top-color: whitesmoke;
   box-shadow: 0 0 10px #8888;
}

.news-block .inner-box .lower-content .upper-box {
   position: relative;
   padding: 30px 20px 22px;
}

.news-block .inner-box .lower-content .upper-box h3 {
   position: relative;
   line-height: 1em;
}

.news-block .inner-box .lower-content .upper-box h3 a {
   position: relative;
   color: #1c1c1c;
   font-size: 18px;
   font-weight: 700;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content .upper-box h3 a:hover {
   color: #01795d;
}

.news-block .inner-box .lower-content .upper-box .text {
   position: relative;
   font-size: 15px;
   color:black;
   margin-top: 20px;
   line-height: 22px;
}

.news-block .inner-box .lower-content .lower-box {
   position: relative;
   padding: 15px 0px 20px 20px;
   border-top: 1px solid #eeeeee;
}

.news-block .inner-box .lower-content .lower-box .date {
   position: relative;
   font-size: 14px;
   color: #888888;
}

.news-block .inner-box .lower-content .lower-box .date a {
   position: relative;
   color: #01795d;
}


/*News Block Two*/

.news-block-two {
   position: relative;
   margin-bottom: 30px;
}

.news-block-two .inner-box {
   position: relative;
   background-color: #f8f8f8;
   padding-left: 210px;
   min-height: 213px;
}

.news-block-two .inner-box .image-box {
   position: absolute;
   left: 0px;
   top: 0px;
}

.news-block-two .inner-box .image-box img {
   position: relative;
   display: block;
   z-index: 1;
}

.news-block-two .inner-box .content-box {
   position: relative;
}

.news-block-two .inner-box .content-box .upper-box {
   position: relative;
   padding: 20px 30px 0px 30px;
}

.news-block-two .inner-box .content-box .upper-box h3 {
   position: relative;
   line-height: 1.2em;
}

.news-block-two .inner-box .content-box .upper-box h3 a {
   position: relative;
   font-weight: 700;
   color: #1c1c1c;
   font-size: 18px;
   line-height: 1em;
   transition: all 700ms ease;
   -moz-transition: all 700ms ease;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -o-transition: all 700ms ease;
}

.news-block-two .inner-box .content-box .upper-box h3 a:hover {
   color: #01795d;
}

.news-block-two .inner-box .content-box .upper-box .text {
   position: relative;
   font-size: 14px;
   color: #888888;
   margin-top: 16px;
}

.news-block-two .inner-box .content-box .lower-box {
   position: relative;
   padding: 13px 28px;
   margin-top: 25px;
   border-top: 1px solid #eeeeee;
}

.news-block-two .inner-box .content-box .lower-box .date {
   position: relative;
   font-size: 14px;
   color: #888888;
}

.news-block-two .inner-box .content-box .lower-box .date a {
   color: #01795d;
}


/***

====================================================================
    subscribe-style-one
====================================================================

***/

.subscribe-style-one {
   position: relative;
   padding: 50px 0px 55px;
   background-color: #f8f8f8;
}

.subscribe-style-one .auto-container {
   position: relative;
   z-index: 1;
}

.subscribe-style-one h2 {
   position: relative;
   color: #1c1c1c;
   font-size: 32px;
   font-weight: 700;
   margin-top: 10px;
}

.subscribe-style-one .text {
   position: relative;
   font-size: 16px;
   color: #888888;
   margin-bottom: 20px;
}

.subscribe-style-one form {
   position: relative;
   margin-top: 30px;
}

.subscribe-style-one .form-group {
   position: relative;
   display: block;
   margin-bottom: 0px;
   overflow: hidden;
}

.subscribe-style-one .form-group input[type="text"],
.subscribe-style-one .form-group input[type="tel"],
.subscribe-style-one .form-group input[type="email"],
.subscribe-style-one .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   line-height: 25px;
   padding: 10px 16px;
   height: 47px;
   color: #b3b3b3;
   font-size: 14px;
   background: #ffffff;
   border: 1px solid #eeeeee;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
}

.subscribe-style-one .form-group input[type="submit"],
.subscribe-style-one .form-group button {
   position: absolute;
   top: 0;
   right: 0;
   color: #ffffff;
   font-size: 16px;
   height: 47px;
   line-height: 22px;
   border-radius: 0px;
   text-align: center;
   font-weight: 800;
   background: #343434 none repeat scroll 0 0;
}

.subscribe-style-one .form-group button:hover {
   background: #01795d;
   border-color: #01795d !important;
}

.subscribe-style-one .form-group button span {
   font-size: 20px;
   padding-left: 0 !important;
   padding-right: 8px;
}


/***

====================================================================
    Fact Counter style
====================================================================

***/

.fact-counter-column {
   position: relative;
   padding: 115px 0px 80px 0px;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.fact-counter-column:before {
   position: absolute;
   content: '';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   display: block;
   background-color: rgba(57, 53, 58, 0.80);
}

.fact-counter {
   position: relative;
   color: #103d68;
   margin: 0 auto;
}

.fact-counter .column {
   position: relative;
   z-index: 5;
   margin-bottom: 30px;
}

.fun-fact-section.style-two .fact-counter .column {
   padding-left: 0px;
}

.fact-counter .column .inner {
   position: relative;
   text-align: center;
}

.fact-counter .count-outer {
   position: relative;
   font-size: 50px;
   line-height: 1em;
   font-weight: 600;
   margin: 0px 0px;
   padding-bottom: 12px;
}

.fact-counter .count-outer:after {
   position: absolute;
   content: '';
   left: 50%;
   bottom: 0px;
   width: 12px;
   height: 1px;
   margin-left: -6px;
   background-color: #01795d;
}

.fact-counter .count-outer .count-text {
   position: relative;
   font-weight: 700;
   color: #ffffff;
   font-size: 52px;
}

.fact-counter .column .counter-title {
   position: relative;
   font-size: 14px;
   font-weight: 400;
   color: #ffffff;
   margin-top: 18px;
}


/***

====================================================================
    Featured Section
====================================================================

***/

.featured-section {
   position: relative;
   padding: 70px 0px 50px;
   background-color: #f8f8f8;
}

.featured-block {
   position: relative;
   margin-bottom: 40px;
   border-right: 1px solid #ececec;
}

.featured-block:last-child {
   border: 0px;
}

.featured-block .inner {
   position: relative;
   text-align: center;
   padding: 0px 20px;
}

.featured-block .inner .icon-box {
   position: relative;
   font-size: 42px;
   color: #bcbcbc;
   line-height: 1em;
   margin-bottom: 10px;
}

.featured-block .inner h3 {
   position: relative;
}

.featured-block .inner h3 a {
   position: relative;
   font-weight: 700;
   font-size: 14px;
   color: #1c1c1c;
   padding-bottom: 6px;
   display: inline-block;
   text-transform: uppercase;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.featured-block .inner h3 a:hover {
   color: #01795d;
}

.featured-block .inner h3:after {
   position: absolute;
   content: '';
   left: 50%;
   bottom: 0px;
   margin-left: -15px;
   width: 30px;
   height: 1px;
   background-color: #bcbcbc;
}

.featured-block .inner .text {
   position: relative;
   color: #888888;
   font-size: 14px;
   line-height: 1.8em;
   margin-top: 20px;
}


/***

====================================================================
    Two Default Section
====================================================================

***/

.default-section-two {
   position: relative;
   padding: 140px 0px 120px;
}

.default-section-two .column {
   position: relative;
}

.default-section-two .column h2 {
   position: relative;
   font-size: 28px;
   color: #1c1c1c;
   font-weight: 800;
   margin-bottom: 40px;
   text-transform: uppercase;
   font-family: 'Catamaran', sans-serif;
}


/***

====================================================================
    Testimonial Section
====================================================================

***/

.testimonial-section {
   position: relative;
   padding: 120px 0px 140px;
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.testimonial-section:before {
   position: absolute;
   content: '';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   display: block;
   background-color: rgba(68, 63, 69, 0.90);
}

.testimonial-section .image-box {
   position: absolute;
   left: -200px;
   top: -160px;
}

.testimonial-section .column .inner-box {
   padding-left: 225px;
}

.testimonial-section .column .inner-box h2 {
   font-weight: 800;
   font-size: 32px;
   color: #ffffff;
   line-height: 1.2em;
   margin-bottom: 40px;
   font-family: 'Catamaran', sans-serif;
}

.testimonial-style-one {
   position: relative;
}

.testimonial-style-one .number {
   position: relative;
   color: #ffffff;
   font-size: 32px;
   font-weight: 700;
   line-height: 1em;
   padding-bottom: 10px;
   letter-spacing: 1px;
   display: inline-block;
   border-bottom: 1px solid #ffffff;
}

.testimonial-style-one .text {
   position: relative;
   color: #dddddd;
   font-size: 14px;
   margin-top: 25px;
   margin-bottom: 25px;
}

.testimonial-style-one .author-info {
   position: relative;
   padding-left: 85px;
   padding-top: 5px;
   min-height: 67px;
}

.testimonial-style-one .author-info .author-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 67px;
   height: 67px;
   border-radius: 50%;
}

.testimonial-style-one .author-info .author-thumb img {
   position: relative;
   width: 100%;
   border-radius: 50%;
}

.testimonial-style-one .author-info h4 {
   position: relative;
   font-size: 16px;
   color: #ffffff;
   font-weight: 700;
   text-transform: uppercase;
}

.testimonial-style-one .author-info .designation {
   position: relative;
   font-size: 14px;
   color: #bcbcbc;
}

.testimonial-column .owl-controls {
   position: absolute;
   right: 0px;
   bottom: 12px;
}

.testimonial-column .owl-controls .owl-nav [class*="owl-"] {
   position: relative;
   display: inline-block;
   margin: 0px 0px 0px 1px;
   width: 40px;
   height: 40px;
   padding: 0px;
   color: #979599;
   font-size: 15px;
   line-height: 36px;
   margin-left: 8px;
   text-align: center;
   border-radius: 2px;
   border: 1px solid #979599;
   background-color: inherit;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
}

.testimonial-column .owl-controls .owl-nav [class*="owl-"]:hover {
   background-color: #01795d !important;
   border-color: #01795d;
   color: #ffffff;
}

.testimonial-column .owl-controls .owl-dots {
   display: none !important;
}


/***

====================================================================
    Accordion Box
====================================================================

***/

.accordion-box {
   position: relative;
}

.accordion-box .block {
   position: relative;
   margin-bottom: 20px;
}

.accordion-box .block .acc-btn {
   position: relative;
   font-size: 14px;
   margin-bottom: 0px;
   cursor: pointer;
   background: #f4f5f6;
   line-height: 24px;
   padding: 17px 50px 17px 30px;
   overflow: hidden;
   color: #1c1c1c;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
   background-color: #443f45 !important;
   color: #ffffff;
}

.accordion-box .block .icon-outer {
   position: absolute;
   right: 15px;
   top: 50%;
   margin-top: -16px;
   width: 32px;
   height: 32px;
   text-align: center;
   font-size: 16px;
   color: #1c1c1c;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
   position: absolute;
   left: 0px;
   top: 50%;
   margin-top: -16px;
   width: 100%;
   height: 32px;
   line-height: 32px;
   text-align: center;
   font-size: 16px;
}

.accordion-box .block .icon-outer .icon-plus {
   opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
   opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
   opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
   opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
   color: #ffffff;
}

.accordion-box .block .acc-content {
   position: relative;
   display: none;
}

.accordion-box .block .acc-content.current {
   display: block;
}

.accordion-box .block .content {
   position: relative;
   font-size: 13px;
   /*background:#ffffff;*/
   padding: 22px 20px 5px;
}

.accordion-box .block .content p {
   margin-bottom: 20px;
   line-height: 2em;
   color: #888888;
   font-size: 14px;
}

.accordion-box .block .content p:last-child {
   margin-bottom: 0px;
}

.accordion-box.style-two .icon-outer {
   left: 15px;
   background-color: #eeeeee;
}

.accordion-box.style-two .accordion .acc-btn {
   padding-left: 70px;
   background-color: #fafafa;
}

.accordion-box.style-two .accordion .acc-btn.active .icon-outer {
   background-color: #01795d;
}


/***

====================================================================
    Accordion Section
====================================================================

***/

.accordian-section {
   position: relative;
}

.accordian-section.style-two .inner-box {
   max-width: 900px;
}

.accordian-section.style-two .content-column h2 {
   font-weight: 700;
   margin-bottom: 40px;
   font-size: 28px;
   text-transform: uppercase;
}

.accordian-section.style-two .content-column .block .acc-btn {
   background-color: #ffffff;
}


/***

====================================================================
    Masonary Section
====================================================================

***/

.masonary-section {
   position: relative;
   padding: 0px;
}

.masonary-section.style-two:before {
   position: relative;
   display: none;
}

.sortable-masonry .project-item {
   margin-bottom: 20px;
   padding: 0px 10px;
}

.masonary-section.style-two .inner-box {
   position: relative;
   overflow: hidden;
}

.project-item {
   position: relative;
   padding: 0px;
}

.project-item .inner-box {
   position: relative;
}

.project-item .inner-box .image-box {
   position: relative;
}

.project-item .inner-box .image-box img {
   position: relative;
   width: 100%;
   display: block;
}

.project-item .inner-box .overlay-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 10;
   text-align: center;
   background-color: rgba(68, 63, 69, 0.85);
   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;
}

.project-item .inner-box .overlay-box .plus-icon {
   position: absolute;
   width: 53px;
   height: 53px;
   top: 50%;
   margin-top: -25px;
   margin-left: -25px;
   border: 1px solid #848184;
   color: #ffffff;
   text-align: center;
   line-height: 50px;
   display: inline-block;
}

.project-item .inner-box:hover .overlay-box {
   opacity: 1;
   bottom: 0px;
}

.project-item .inner-box:hover .caption {
   opacity: 0;
}

.project-item .inner-box .overlay-box h3 {
   position: absolute;
   left: 30px;
   bottom: 15px;
}

.project-item .inner-box .overlay-box h3 a {
   font-size: 16px;
   font-weight: 700;
   color: #ffffff;
   text-transform: uppercase;
   display: inline-block;
}


/***

====================================================================
    Page Title Style
====================================================================

 ***/

.page-title {
   position: relative;
   padding: 100px 0px 90px;
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   color: #ffffff;
}

.page-title:before {
   content: '';
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background: rgba(68, 63, 69, 0.85);
}

.page-title .auto-container {
   position: relative;
   z-index: 5;
}

.page-title h1 {
   font-size: 32px;
   font-weight: 800;
   color: #ffffff;
   letter-spacing: 1px;
   line-height: 1em;
   margin-top: 8px;
   text-transform: uppercase;
   font-family: 'Catamaran', sans-serif;
}

.page-title .bread-crumb {
   position: relative;
   padding-top: 5px;
   text-align: center;
}

.page-title .bread-crumb li {
   position: relative;
   display: inline-block;
   line-height: 30px;
   margin: 0px 10px;
   color: #ffffff;
   font-size: 14px;
   text-transform: capitalize;
}

.page-title .bread-crumb li:before {
   content: '/';
   font-family: 'FontAwesome';
   position: absolute;
   right: -20px;
   width: 20px;
   text-align: center;
   line-height: 30px;
}

.page-title .bread-crumb li:first-child {
   margin-left: 0px;
}

.page-title .bread-crumb li:last-child:before {
   display: none;
}

.page-title .bread-crumb li a {
   color: #ffffff;
   font-size: 14px;
}

.page-title .bread-crumb li a:hover,
.page-title .bread-crumb li.active {
   color: #ffffff;
}


/***

====================================================================
    Styled Pagination
====================================================================

***/

.styled-pagination {
   position: relative;
   margin-top: 20px;
}

.styled-pagination li {
   position: relative;
   display: inline-block;
   margin: 0px 10px 10px 0px;
}

.styled-pagination li a {
   position: relative;
   display: block;
   line-height: 24px;
   padding: 7px 5px;
   font-size: 16px;
   text-transform: capitalize;
   min-width: 40px;
   min-height: 40px;
   border: 1px solid #01795d;
   color: #01795d;
   font-weight: 400;
   text-align: center;
   border-radius: 2px;
   transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
   color: #ffffff;
   background-color: #443f45;
   border-color: #443f45;
}


/***

====================================================================
    Sidebar
====================================================================

***/

.sidebar-page-container {
   position: relative;
   padding: 130px 0px 110px;
}

.sidebar-page-container .sidebar.blog-sidebar {
   padding-bottom: 30px;
}

.sidebar-page-container.right-side-bar .sidebar {
   padding-left: 20px;
}

.sidebar-page-container.left-side-bar .sidebar {
   padding-right: 20px;
}

.sidebar-page-container.shop-single-page {
   padding-bottom: 75px;
}

.sidebar-page-container .content-side {
   margin-bottom: 30px;
}

.sidebar-page-container .news-section.grid-view,
.sidebar-page-container .news-section.blog-detail {
   margin-top: 0px;
   margin-bottom: 0px;
}

.news-section.blog-detail .news-block {
   margin-bottom: 20px;
}

.news-section.blog-detail .news-block .lower-content {
   background: none;
}

.news-section.blog-detail .news-block .lower-content .upper-box {
   padding: 30px 0px 22px;
}

.news-section.blog-detail .news-block .lower-content .upper-box .date {
   position: relative;
   color: #888888;
   font-size: 14px;
   margin-top: 10px;
}

.news-section.blog-detail .news-block .lower-content .upper-box .date a {
   color: #01795d;
}

.news-section.blog-detail .news-block .lower-content h3 a {
   font-size: 24px;
}

.news-section.blog-detail .news-block .lower-content .dark-text {
   color: #1c1c1c;
   font-size: 14px;
   margin-top: 20px;
}


/***

====================================================================
    post-share-options
====================================================================

***/

.post-share-options {
   position: relative;
   padding: 20px 0px;
   margin-top: 35px;
   background: #ffffff;
   border-top: 1px solid #eeeeee;
   border-bottom: 1px solid #eeeeee;
}

.post-share-options .tags {
   position: relative;
   font-size: 14px;
   line-height: 24px;
}

.post-share-options .tags a {
   position: relative;
   color: #01795d;
   font-size: 14px;
   padding-right: 8px;
   font-weight: 300;
}

.post-share-options .tags a:last-child::after {
   display: none;
}

.post-share-options .tags a:hover {
   color: #103d68;
}

.post-share-options strong {
   font-weight: 400;
   color: #1c1c1c;
   font-size: 14px;
   padding-right: 10px;
}

.post-share-options .share a {
   color: #777777;
   font-size: 14px;
}

.post-share-options .share span {
   color: #777777;
   font-size: 14px;
   margin-right: 5px;
}


/***

====================================================================
    Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
   position: relative;
   margin-bottom: 50px;
   margin-top: 0px;
}

.sidebar-page-container .group-title h2 {
   font-size: 18px;
   color: #1c1c1c;
   font-weight: 700;
}

.sidebar-page-container .group-title h3 {
   font-size: 20px;
   color: #34363b;
   margin-bottom: 40px;
   font-weight: 400;
}

.sidebar-page-container .comments-area .comment-box {
   position: relative;
   padding: 22px 0px 25px;
   border-bottom: 1px solid #eeeeee;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:nth-child(1) {
   padding-top: 0px;
}

.sidebar-page-container .comments-area .comment {
   position: relative;
   padding: 0px 0px 0px 145px;
   font-size: 14px;
}

.sidebar-page-container .comments-area .reply-comment .comment {
   margin-left: 114px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
   position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
   position: absolute;
   right: 0px;
   top: 0px;
   color: #443f45;
   font-size: 14px;
   text-decoration: underline;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply:hover {
   color: #01795d;
   text-decoration: none;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 114px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
   width: 110px;
   height: 110px;
   display: block;
   border-radius: 50%;
}

.sidebar-page-container .comments-area .comment-info {
   margin-bottom: 5px;
   color: #3e5773;
   line-height: 24px;
   font-size: 13px;
}

.sidebar-page-container .comments-area .comment-box strong {
   font-size: 14px;
   font-weight: 700;
   color: #1c1c1c;
   display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .text {
   color: #777777;
   font-size: 14px;
   line-height: 1.6em;
   margin-top: 16px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
   font-size: 14px;
   color: #777777;
   margin-top: 2px;
   display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
   padding: 5px 30px;
   font-size: 12px;
   border: 1px solid #fbca00;
   text-transform: uppercase;
   letter-spacing: 1px;
}


/***

====================================================================
    Comment Form
====================================================================

 ***/

.comment-form .group-title {
   position: relative;
   margin-bottom: 31px;
}

.comment-form .row {
   margin: 0px -10px;
}

.comment-form .group-title h2 {
   position: relative;
   color: #272727;
   font-size: 20px;
   font-weight: 600;
   display: inline-block;
}

.comment-form .form-group {
   position: relative;
   margin-bottom: 20px;
   padding: 0px 10px;
}

.comment-form .form-group:last-child {
   margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
   position: relative;
   display: block;
   width: 100%;
   font-size: 14px;
   line-height: 26px;
   padding: 12px 15px;
   color: #222222;
   border: 1px solid #eeeeee;
   height: 52px;
   font-weight: 400;
   font-family: 'Roboto', sans-serif;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
   border-color: #d0c2bd;
}

.comment-form .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   font-size: 13px;
   line-height: 24px;
   padding: 10px 15px;
   color: #222222;
   border: 1px solid #eeeeee;
   height: 142px;
   resize: none;
   font-weight: 400;
   font-family: 'Roboto', sans-serif;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.comment-form button {
   padding: 11px 40px;
   margin-top: 20px;
}


/*Sidebar Title*/

.sidebar-page-container .sidebar-title {
   position: relative;
   margin-bottom: 12px;
}

.sidebar-page-container .sidebar-title h2 {
   position: relative;
   display: block;
   font-size: 16px;
   font-weight: 700;
   color: #000000;
   text-transform: uppercase;
}

.sidebar .sidebar-widget {
   position: relative;
   margin-bottom: 50px;
}

.sidebar .search-box .form-group {
   position: relative;
   margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
   position: relative;
   line-height: 24px;
   padding: 10px 40px 10px 20px;
   border: 1px solid #ececec;
   background: #ffffff;
   color: #222222;
   display: block;
   font-size: 14px;
   width: 100%;
   height: 50px;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
   border-color: #01795d;
}

.sidebar .search-box .form-group button {
   position: absolute;
   right: 0px;
   top: 0px;
   height: 48px;
   width: 40px;
   line-height: 48px;
   text-align: center;
   display: block;
   font-size: 15px;
   color: #cccccc;
   background: none;
   font-weight: normal;
}

.sidebar .search-box .form-group input:focus+button,
.sidebar .search-box .form-group button:hover {
   color: #01795d;
}


/*List*/

.sidebar .list {
   position: relative;
}

.sidebar .list li {
   position: relative;
   line-height: 24px;
}

.sidebar .list li a {
   position: relative;
   display: block;
   color: #777777;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
   padding: 4px 0px 4px 20px;
   transition: all 500ms ease;
}

.sidebar .list li:first-child a {
   padding-top: 0px;
}

.sidebar .list li a:before {
   content: "\f105";
   font-family: 'FontAwesome';
   font-size: 14px;
   left: 0;
   width: 20px;
   line-height: 24px;
   position: absolute;
   color: #777777;
}

.sidebar .list li a:hover {
   color: #01795d;
}


/*Latest News Post*/

.sidebar .popular-posts .post {
   position: relative;
   font-size: 14px;
   color: #cccccc;
   padding-left: 120px;
   margin-bottom: 20px;
   min-height: 88px;
}

.sidebar .popular-posts .post:last-child {
   margin-bottom: 0px !important;
   border-bottom: 0px;
}

.sidebar .popular-posts .post .post-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 88px;
   background: #01795d;
}

.sidebar .popular-posts .post .post-thumb img {
   display: block;
   width: 100%;
   transition: all 500ms ease;
}

.sidebar .popular-posts .post:hover .post-thumb img {
   opacity: 0.50;
}

.sidebar .popular-posts .post h4 {
   font-size: 14px;
   padding: 5px 0px 5px;
   line-height: 1.6em;
   color: #1c1c1c;
   font-weight: 500;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover {
   color: #01795d;
}

.sidebar .popular-posts .post h4 a {
   color: #34363b;
}

.sidebar .popular-posts .post-info {
   font-size: 14px;
   color: #888888;
   font-weight: 400;
}


/*Popular Tags*/

.sidebar .popular-tags a {
   position: relative;
   display: inline-block;
   line-height: 24px;
   padding: 7px 20px;
   margin: 0px 5px 9px 0px;
   color: #bcbcbc;
   text-align: center;
   font-size: 14px;
   border-radius: 2px;
   border: 1px solid #eeeeee;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
   background-color: #01795d;
   border-color: #01795d;
   color: #ffffff;
}


/***

====================================================================
    Faq Section
====================================================================

 ***/

.faq-section {
   position: relative;
   padding-top: 150px;
}

.faq-section .image-box {
   margin-top: 108px;
}

.faq-section .image-box img {
   position: relative;
   max-width: 100%;
   display: block;
}

.faq-section .accordion-column {
   padding-bottom: 80px;
}


/***

====================================================================
    Question Section
====================================================================

 ***/

.question-section {
   position: relative;
   padding: 110px 0px 100px;
   background-color: #f8f8f8;
}

.question-section .form-title {
   margin-bottom: 30px;
}

.question-section h2 {
   position: relative;
   font-size: 16px;
   color: #232323;
   font-weight: 700;
   text-transform: uppercase;
}

.question-section .form-group {
   margin-bottom: 20px;
}

.question-section .form-group button {
   margin-top: 20px;
}


/***

====================================================================
    Error Section
====================================================================

 ***/

.error-section {
   position: relative;
   text-align: center;
   padding: 150px 0px 110px;
}

.error-section .image-box {
   position: relative;
   margin-bottom: 25px;
}

.error-section .image-box img {
   position: relative;
   max-width: 100%;
   display: inline-block;
}

.error-section h3 {
   position: relative;
   color: #1c1c1c;
   font-size: 32px;
   line-height: 1.4em;
   text-transform: uppercase;
   font-weight: 800;
}

.error-section .text {
   position: relative;
   font-size: 14px;
   color: #777777;
   margin-top: 15px;
   line-height: 1.8em;
}

.error-section .text a {
   color: #3598db;
}

.error-section .search-website {
   position: relative;
   max-width: 560px;
   margin: 0 auto 40px;
   margin-top: 40px;
}

.error-section .search-website .form-group {
   position: relative;
   margin-bottom: 0px;
   text-align: left;
}

.error-section .search-website .form-group input[type="text"],
.error-section .search-website .form-group input[type="search"],
.error-section .search-website .form-group textarea {
   position: relative;
   display: block;
   max-width: 400px;
   width: 100%;
   line-height: 26px;
   padding: 10px 15px;
   background: #f4f4f4;
   border: 1px solid #f4f4f4;
   height: 48px;
   border-radius: 3px;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.error-section .search-website .form-group input[type="text"]:focus,
.error-section .search-website .form-group input[type="search"]:focus,
.error-section .search-website .form-group textarea:focus {
   border-color: #01795d;
}

.error-section .search-website .form-group button {
   position: absolute;
   right: 0px;
   top: 0px;
   display: block;
   width: 150px;
   height: 46px;
   text-align: center;
   margin: 0px;
   padding: 11px 30px;
   line-height: 24px;
   font-size: 14px;
   text-transform: uppercase;
   background: #443f45;
   color: #ffffff;
   font-weight: 800;
   border-radius: 2px;
}

.error-section .search-website .form-group button:hover,
.error-section .search-website .form-group input:focus+button {
   background: #333333;
   color: #ffffff;
}


/***

====================================================================
    Products Section style
====================================================================

***/

.products-section {
   position: relative;
   background: #ffffff;
   padding: 5px 0px 0px;
}

.products-section .row {
   margin: 0px -10px;
}

.products-section .shop-upper-box {
   position: relative;
   margin-bottom: 50px;
   color: #272727;
}

.products-section .shop-upper-box .items-label {
   position: relative;
   padding: 6px 0px;
   line-height: 30px;
   color: #1c1c1c;
}

.products-section .shop-upper-box .sort-by select {
   position: relative;
   display: inline-block;
   margin-left: 10px;
   line-height: 24px;
   padding: 8px 20px;
   height: 50px;
   width: 260px;
   color: #777777;
   cursor: pointer;
   border: 1px solid #f8f8f8;
   background: #f8f8f8 url(img/icons/icon-select.png) right center no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
}

.products-section .shop-upper-box .sort-by select option {
   text-indent: 10px;
}

.rangeslider-widget .val-box {
   position: relative;
   display: inline-block;
   margin: 7px 5px 7px 0px;
   line-height: 24px;
   font-size: 14px;
   border: 1px solid #dadada;
   padding: 8px 10px;
   width: 70px;
   text-align: center;
}

.rangeslider-widget button {
   position: relative;
   display: inline-block;
   line-height: 24px;
   border: 1px solid #01795d;
   padding: 8px 25px;
   background: #01795d;
   color: #ffffff;
   font-weight: 800;
   border-radius: 3px;
   margin-top: 5px;
   float: right;
}

.rangeslider-widget .noUi-connect {
   background: #333 !important;
}

.rangeslider-widget .noUi-background {
   background: #f8f8f8 !important;
   border: 0px;
}

.rangeslider-widget .noUi-handle {
   background: #01795d !important;
   border-radius: 50% !important;
   box-shadow: none;
   border: 4px solid #443f45;
   cursor: pointer;
}

.rangeslider-widget .form-group {
   margin-bottom: 0px;
}

.sidebar .best-sellers .item {
   position: relative;
   font-size: 16px;
   margin-bottom: 20px;
   min-height: 88px;
   padding: 7px 0px 12px 120px;
   color: #cccccc;
}

.sidebar .best-sellers .item .post-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 88px;
   height: 88px;
}

.sidebar .best-sellers .item .post-thumb img {
   width: 100%;
   display: block;
}

.sidebar .best-sellers .item h4 {
   font-size: 14px;
   font-weight: 700;
   margin: 0px 0px 8px;
   line-height: 1.4em;
   color: #1c1c1c;
}

.sidebar .best-sellers .item h4 a {
   color: #272727;
}

.sidebar .best-sellers .item a:hover,
.sidebar .best-sellers .item a:hover {
   color: #01795d;
}

.sidebar .best-sellers .item .rating {
   font-size: 12px;
   color: #01795d;
   letter-spacing: 0px;
   margin-bottom: 10px;
}

.sidebar .best-sellers .item .item-price {
   font-size: 16px;
   font-weight: 700;
   color: #777777;
}

.sidebar .best-sellers .item .item-price .strike-through {
   color: #9e9e9e;
   padding-left: 10px;
}


/*default-shop-item*/

.default-shop-item {
   position: relative;
   margin-bottom: 40px;
   padding: 0px 10px;
}

.default-shop-item .inner-box {
   position: relative;
}

.default-shop-item .inner-box .image-box img {
   width: 100%;
   display: block;
}

.default-shop-item .inner-box .image-box {
   position: relative;
}

.default-shop-item .inner-box .image-box .overlay-box {
   position: absolute;
   left: 0px;
   top: 0px;
   text-align: center;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.7);
   display: block;
   opacity: 0;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.default-shop-item .inner-box:hover .image-box .overlay-box {
   opacity: 1;
}

.default-shop-item .inner-box .image-box .overlay-box .cart-btn {
   position: relative;
   margin-top: 50%;
   padding: 14px 22px;
   display: inline-block;
   color: #000000;
   font-size: 14px;
   border-radius: 5px;
   background-color: transparent;
   text-transform: uppercase;
   border: 2px solid #000;
   font-weight: 800;
}

.default-shop-item .inner-box .image-box .item-sale-tag {
   position: absolute;
   right: 20px;
   top: 20px;
   line-height: 18px;
   padding: 4px 10px 2px;
   text-align: center;
   color: #ffffff;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   background: #01795d;
   min-width: 50px;
}

.default-shop-item .inner-box .lower-content {
   position: relative;
   padding-top: 15px;
   text-align: left;
   border-top: 1px solid #f4f4f4;
}

.default-shop-item .inner-box .lower-content h3 {
   position: relative;
   color: #1c1c1c;
   font-size: 14px;
   font-weight: 700;
   margin-bottom: 15px;
   margin-top: 5px;
}

.default-shop-item .inner-box .lower-content h3 a {
   position: relative;
   color: #1c1c1c;
}

.default-shop-item .inner-box .lower-content .rating {
   position: relative;
   margin-top: 2px;
}

.default-shop-item .inner-box .lower-content h3 a:hover {
   color: #01795d;
}

.default-shop-item .inner-box .lower-content .rating .fa {
   position: relative;
   color: #01795d;
   display: inline-block;
   margin-right: 1px;
   font-size: 13px;
}

.default-shop-item .inner-box .lower-content .price {
   color: #777777;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   margin-top: 6px;
}


/***

====================================================================
    Products Details style
====================================================================

***/

.shop-single {
   position: relative;
}

.product-details .basic-details {
   position: relative;
   margin-bottom: 50px;
}

.product-details .image-column,
.product-details .info-column {
   margin-bottom: 20px;
}

.product-details .image-column .image-box {
   background: #ffffff;
}

.product-details .image-column .image-box img {
   position: relative;
   display: block;
   width: 100%;
}

.product-details .basic-details .details-header {
   position: relative;
   margin-bottom: 25px;
}

.product-details .basic-details .details-header h4 {
   font-size: 18px;
   font-weight: 700;
   margin: 0px 0px;
   line-height: 1.4em;
   color: #222222;
   margin-bottom: 5px;
}

.product-details .basic-details .details-header h4 a {
   color: #333333;
}

.product-details .basic-details .details-header .item-price {
   font-size: 18px;
   font-weight: 700;
   color: #01795d;
   line-height: 24px;
   letter-spacing: 1px;
   margin-top: 16px;
}

.product-details .basic-details .prod-info {
   margin-bottom: 15px;
   line-height: 1.6em;
   font-size: 13px;
}

.product-details .basic-details .prod-info strong {
   font-weight: 700;
   color: #111111;
}

.product-details .basic-details .text {
   margin-bottom: 10px;
   color: #777777;
   font-size: 14px;
   line-height: 1.8em;
}

.product-details .basic-details .stock {
   color: #1c1c1c;
   font-size: 14px;
   margin-bottom: 20px;
}

.product-details .basic-details .item-meta {
   margin: 0px 0px 0px;
}

.product-details .basic-details .item-meta li {
   margin-bottom: 0px;
   line-height: 24px;
   font-weight: 400;
   color: #1c1c1c;
   font-size: 14px;
}

.product-details .basic-details .item-meta a {
   position: relative;
   color: #01795d;
   line-height: 24px;
}

.product-details .basic-details .availablity {
   position: relative;
   float: left;
   padding-right: 40px;
   line-height: 32px;
   margin-bottom: 27px;
   font-size: 13px;
   font-weight: 500;
   letter-spacing: 1px;
   color: #777777;
}

.product-details .basic-details .availablity strong {
   font-size: 14px;
   letter-spacing: 2px;
   color: #f7542b;
   font-weight: 600;
   text-transform: uppercase;
}

.product-details .basic-details .item-quantity {
   position: relative;
   float: left;
   width: 70px;
   margin-bottom: 10px;
   margin-right: 20px;
   margin-top: 0px;
}

.product-details .basic-details .item-quantity .field-label {
   float: left;
   font-weight: 700;
   font-size: 14px;
   line-height: 32px;
   display: inline-block;
   padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner,
.checkout-page input.quantity-spinner {
   line-height: 24px;
   padding: 10px 15px !important;
   height: 50px !important;
   box-shadow: none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn,
.checkout-page .bootstrap-touchspin .input-group-btn-vertical>.btn {
   padding: 12px 10px;
   background: #f4f5f6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i,
.checkout-page .bootstrap-touchspin .input-group-btn-vertical i {
   top: 6px;
}


/***

====================================================================
    Product Tabs Style
====================================================================

***/

.product-info-tabs {
   position: relative;
   margin-bottom: 32px;
}

.prod-tabs {
   position: relative;
}

.prod-tabs .tab-btns {
   position: relative;
   z-index: 1;
   border-bottom: 1px solid #dddddd;
}

.prod-tabs .tab-btns .tab-btn {
   position: relative;
   display: inline-block;
   font-size: 14px;
   color: #1c1c1c;
   font-weight: 700;
   padding: 10px 0px;
   line-height: 24px;
   margin-right: 40px;
   text-transform: uppercase;
}

.prod-tabs .tab-btns .tab-btn.active-btn {
   color: #01795d;
   top: 1px;
   border-bottom: 1px solid #01795d;
}

.prod-tabs .tabs-container {
   position: relative;
   padding-bottom: 18px;
   border-bottom: 1px solid #dddddd;
}

.prod-tabs .tabs-container .tab {
   position: relative;
   padding: 22px 0px 0px;
   display: none;
}

.prod-tabs .tabs-container .tab.active-tab {
   display: block;
}

.prod-tabs .tabs-container .tab .content p {
   color: #777777;
   font-size: 14px;
   margin-bottom: 20px;
   line-height: 20px;
}

.prod-tabs .tabs-container .tab .content p:last-child {
   margin-bottom: 0px;
}

.prod-tabs .tabs-container .tab p,
.prod-tabs .tabs-container .tab h2,
.prod-tabs .tabs-container .tab h3,
.prod-tabs .tabs-container .tab h4,
.prod-tabs .tabs-container .tab h5,
.prod-tabs .tabs-container .tab h6 {
   margin-bottom: 15px;
   line-height: 24px;
}

.prod-tabs .tabs-container .tab h3 {
   font-size: 16px;
   font-weight: 700;
   color: #1c1c1c;
   margin-bottom: 15px;
   text-transform: uppercase;
}

.prod-tabs .tabs-container .tab h4 {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: #333333;
   margin-bottom: 15px;
}

.prod-tabs .reviews-container {
   position: relative;
}

.prod-tabs .reviews-container .review-box {
   position: relative;
   margin-bottom: 30px;
   padding-left: 100px;
   min-height: 100px;
}

.prod-tabs .reviews-container .rev-thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 82px;
   height: 82px;
   border: 1px solid #e0e0e0;
   background: #ffffff;
   border-radius: 3px;
}

.prod-tabs .reviews-container .rev-thumb img {
   display: block;
   width: 80px;
   height: 80px;
   border-radius: 3px;
}

.prod-tabs .reviews-container .rev-content {
   position: relative;
   padding: 15px;
   border: 1px solid #e0e0e0;
   background: #ffffff;
}

.prod-tabs .reviews-container .rating {
   color: #01795d;
   font-size: 13px;
}

.prod-tabs .reviews-container .rating .fa {
   margin-right: 1px;
}

.prod-tabs .reviews-container .rev-info {
   font-size: 12px;
   letter-spacing: 1px;
   margin-bottom: 10px;
   margin-top: 11px;
}

.prod-tabs .reviews-container .rev-text {
   font-size: 14px;
}

.prod-tabs .add-review {
   position: relative;
   margin: 30px 0px 20px;
   font-size: 14px;
}

.prod-tabs .add-review .rating {
   position: relative;
   margin-top: 23px;
}

.prod-tabs .add-review .rating .rate-box {
   position: relative;
   display: inline-block;
   margin-right: 10px;
   font-size: 14px;
   color: #5a5a5a;
}

.prod-tabs .add-review .rating .rate-box:hover,
.prod-tabs .add-review .rating .rate-box:focus,
.prod-tabs .add-review .rating .rate-box:active {
   color: #01795d;
}

.prod-tabs .add-review label {
   position: relative;
   display: block;
   font-size: 14px;
   margin-bottom: 10px;
   font-weight: 400;
   color: #303030;
}

.prod-tabs .add-review h3 {
   margin-bottom: 20px;
}

.prod-tabs .add-review .form-group {
   position: relative;
   margin-bottom: 20px;
}

.prod-tabs .add-review .form-group input[type="text"],
.prod-tabs .add-review .form-group input[type="password"],
.prod-tabs .add-review .form-group input[type="tel"],
.prod-tabs .add-review .form-group input[type="email"],
.prod-tabs .add-review .form-group select {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 9px 15px;
   color: #222222;
   border: 1px solid #e0e0e0;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.prod-tabs .add-review .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   line-height: 22px;
   padding: 8px 15px;
   color: #222222;
   border: 1px solid #e0e0e0;
   height: 200px;
   resize: none;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.prod-tabs .add-review button {
   padding: 10px 45px;
}


/***

====================================================================
    Related Products Style
====================================================================

***/

.related-products {
   position: relative;
}

.related-products .row {
   margin: 0px -10px;
}

.related-products .normal-title {
   margin-bottom: 32px;
}

.related-products .normal-title h3 {
   font-size: 16px;
   font-weight: 700;
   color: #000000;
   text-transform: uppercase;
}


/***

====================================================================
    Cart Section style
====================================================================

***/

.cart-section {
   position: relative;
   padding: 120px 0px;
}

.cart-outer {
   position: relative;
}

.checkout-page .cart-outer {
   margin-bottom: 30px;
}

.cart-outer .table-outer {
   position: relative;
   width: 100%;
   overflow-x: auto;
   background-color: #fafafa;
}

.cart-outer .cart-table {
   width: 100%;
   min-width: 900px;
}

.cart-table .cart-header {
   position: relative;
   width: 100%;
   text-transform: capitalize;
   font-size: 16px;
   border-radius: 7px;
   background: #fafafa;
   color: #000000;
   border-bottom: 1px solid #eeeeee;
}

.cart-table thead tr th {
   line-height: 24px;
   padding: 25px 10px;
   min-width: 120px;
   font-weight: 400;
}

.cart-table thead tr th .fa {
   font-size: 18px;
   padding: 0px 20px 0px 20px;
}

.cart-table thead tr th.prod-column {
   text-align: left;
}

.cart-table tbody tr td {
   line-height: 24px;
   padding: 30px 10px 20px;
   min-width: 100px;
}

.cart-table tbody tr .qty {
   width: 200px;
   padding-right: 80px;
}

.cart-table tbody tr .qty .quantity-spinner {
   background: #ffffff;
}

.cart-table tbody tr .prod-column .column-box {
   position: relative;
   min-height: 100px;
   padding-top: 35px;
   text-align: left;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
   position: absolute;
   width: 100px;
   left: 0px;
   top: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
   display: block;
   max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
   font-size: 14px;
   color: #000000;
   font-weight: 400;
   margin-bottom: 5px;
}

.cart-table tbody tr .sub-total {
   font-weight: 400;
   color: #000000;
}

.cart-table tbody tr .remove-btn {
   position: relative;
   font-size: 14px;
   color: #aaaaaa;
   line-height: 100px;
   float: left;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
   position: relative;
   padding: 0px 20px;
   font-size: 14px;
   line-height: 30px;
}

.cart-table tbody tr .remove-btn:hover {
   color: #01795d;
}

.cart-table tbody tr {
   border-bottom: 1px solid #e9e9e9;
}

.cart-table tbody tr td {
   vertical-align: middle;
}

.cart-table tbody tr td .quantity-spinner {
   padding: 5px 0px 5px 20px;
   line-height: 24px;
   height: 34px;
   display: block;
   width: 100%;
   position: relative;
}

.cart-table tbody .available-info {
   position: relative;
   padding-left: 50px;
}

.cart-table tbody .available-info .icon {
   position: absolute;
   left: 0px;
   top: 5px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 18px;
   color: #ffffff;
   background: #223555;
   border-radius: 50%;
}

.cart-options {
   position: relative;
   padding: 28px 20px 0px;
   margin-bottom: 50px;
   background-color: #fafafa;
}

.apply-coupon {
   position: relative;
}

.apply-coupon .form-group {
   position: relative;
   float: left;
}

.cart-options button {
   margin-left: 15px;
   margin-bottom: 15px;
}

.apply-coupon .form-group input[type="text"] {
   display: block;
   line-height: 30px;
   padding: 9px 10px;
   border: 1px solid #eeeeee;
   border-radius: 3px;
   width: 360px;
   background: #f4f4f4;
}

.cart-section h3 {
   font-size: 18px;
   font-weight: 700;
   color: #1c1c1c;
   margin-bottom: 14px;
}

.cart-section .totals-table {
   position: relative;
   margin-bottom: 20px;
}

.cart-section .totals-table li {
   line-height: 24px;
   padding: 12px 0px;
   border-bottom: 1px solid #eeeeee;
}

.cart-section .totals-table li.title .col {
   color: #777777;
   font-size: 14px;
}

.cart-section .totals-table li:last-child {
   border-bottom: none;
   margin-bottom: 0px;
}

.cart-section .totals-table .col {
   position: relative;
   display: block;
   float: left;
   line-height: 24px;
   width: 50%;
   color: #1c1c1c;
   font-weight: 500;
}

.cart-section .proceed-btn {
   display: block;
   width: 100%;
}


/***

====================================================================
    Checkout Style
====================================================================

***/

.checkout-page {
   position: relative;
   padding: 80px 0px;
}

.checkout-page .default-links {
   position: relative;
   margin-bottom: 30px;
}

.checkout-page .default-links li {
   margin-bottom: 15px;
   line-height: 24px;
   padding: 15px 20px;
   background: #f7f7f7;
   color: #1c1c1c;
   font-size: 14px;
}

.checkout-page .default-links li a {
   color: #00aeef;
}

.checkout-page .billing-details {
   position: relative;
   margin-bottom: 15px;
}

.checkout-page .check-box {
   line-height: 24px;
   font-size: 14px;
   font-weight: normal;
   padding-top: 5px;
}

.checkout-page .check-box label {
   position: relative;
   top: -1px;
   font-weight: normal;
   padding: 0px;
   font-size: 14px;
   cursor: pointer;
   color: #222222;
}

.checkout-page .place-order {
   position: relative;
   padding: 0px;
}

.checkout-page .payment-options {
   position: relative;
   margin-bottom: 30px;
}

.checkout-page .payment-options li {
   position: relative;
   margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option {
   position: relative;
}

.checkout-page .payment-options li .radio-option label {
   position: relative;
   display: inline-block;
   padding-left: 30px;
   font-weight: 400 !important;
   text-transform: capitalize;
   letter-spacing: 1px;
   color: #222222;
   font-size: 14px;
   line-height: 28px;
   cursor: pointer;
}

.checkout-page .payment-options li .radio-option label strong {
   font-weight: 600;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
   position: absolute;
   left: 0px;
   top: 3px;
}

.checkout-page .payment-options li .radio-option label .small-text {
   display: block;
   padding-top: 5px;
   letter-spacing: 0px;
   text-transform: none;
   font-weight: normal;
   font-size: 13px;
   color: #777777;
   line-height: 20px;
}

.checkout-page .payment-options li .radio-option label img {
   position: relative;
   top: -3px;
   display: inline-block;
   max-width: 100%;
   padding-left: 30px;
}

.checkout-page .place-order .theme-btn {
   padding: 11px 38px;
}

.default-title {
   position: relative;
   margin-bottom: 16px;
   padding-bottom: 14px;
}

.default-title h2 {
   font-size: 16px;
   font-weight: 700;
   color: #1c1c1c;
   text-transform: uppercase;
}

.shop-form {
   position: relative;
}

.shop-form .form-group {
   position: relative;
   margin-bottom: 20px;
}

.billing-details .shop-form .form-group {
   margin-bottom: 22px;
}

.shop-form .form-group .field-label {
   display: block;
   line-height: 24px;
   margin-bottom: 10px;
   text-transform: capitalize;
   color: #222222;
}

.shop-form .form-group .field-label sup {
   color: #ff0000;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
   position: relative;
   display: block;
   width: 100%;
   background: #fafafa;
   line-height: 26px;
   padding: 11px 15px;
   height: 50px;
   border: 1px solid #eeeeee;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
}

.shop-form select {
   -webkit-appearance: none;
   -ms-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   background: #fafafa url(../images/icons/icon-select.png) right center no-repeat;
   cursor: pointer;
}

.shop-form select option {
   text-indent: 15px;
}

.shop-form textarea {
   resize: none;
   height: 140px !important;
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
   border-color: #01795d;
}


/***

====================================================================
    Contact Section
====================================================================

***/

.contact-section {
   position: relative;
   padding: 140px 0px 120px;
}

.contact-section .column {
   position: relative;
}

.contact-section .info-column .inner-box {
   padding-left: 30px;
}

.contact-section .column .default-title h3 {
   position: relative;
   color: #232323;
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
}

.contact-form.default-form .form-group .group-inner input,
.contact-form.default-form .form-group .group-inner textarea {
   background-color: #ffffff;
   border: 1px solid #eeeeee;
}

.contact-form.default-form .form-group .group-inner textarea {
   height: 160px;
}

.contact-section .info-column .contact-info {
   position: relative;
}

.contact-section .info-column .contact-info .text {
   position: relative;
   color: #909ba0;
   font-size: 18px;
   line-height: 1.6em;
}

.contact-section .info-column .contact-info ul {
   position: relative;
}

.contact-section .info-column .contact-info ul li {
   position: relative;
   font-size: 14px;
   color: #777777;
   padding-left: 78px;
   margin-bottom: 25px;
   font-weight: 400;
   line-height: 60px;
   transition: all 0.300s ease;
   -moz-transition: all 0.300s ease;
   -webkit-transition: all 0.300s ease;
   -ms-transition: all 0.300s ease;
   -o-transition: all 0.300s ease;
}

.contact-section .info-column .contact-info ul li .icon {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 60px;
   height: 60px;
   color: #7b7b7b;
   font-size: 20px;
   line-height: 58px;
   border-radius: 50%;
   text-align: center;
   border: 1px solid #dfdfdf;
   transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   -ms-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
}

.contact-section .info-column .contact-info ul li:hover {
   color: #443f45;
}

.contact-section .info-column .contact-info ul li:hover .icon {
   color: #ffffff;
   line-height: 50px;
   border: 5px solid #b4b2b5;
   background-color: #443f45;
}


/***

====================================================================
    Map Section
====================================================================

***/

.map-section {
   position: relative;
}

.map-canvas {
   position: relative;
   left: 0px;
   top: 0px;
   width: 100%;
}

.map-canvas .map-data {
   text-align: center;
   font-size: 13px;
   font-weight: 400;
}

.map-canvas .map-data h6 {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 5px;
   color: #181818;
}


/***

====================================================================
    Gallery Section
====================================================================

***/

.gallery-section {
   position: relative;
   padding: 140px 0px 120px;
   overflow: hidden;
}

.gallery-section.style-one .items-container {
   position: relative;
   margin: 0px -5px;
}

.gallery-section.style-two .items-container {
   position: relative;
   margin: 0px 0px;
}

.default-portfolio-item {
   position: relative;
   margin-bottom: 30px;
}

.default-portfolio-item.big-item {
   width: 50%;
}

.default-portfolio-item.small-item {
   width: 25%;
}

.gallery-section.style-one .default-portfolio-item {
   padding: 0px 5px;
   margin-bottom: 10px;
}

.gallery-section.style-two .default-portfolio-item {
   float: left;
   padding: 0px 0px;
   margin-bottom: 0px;
}

.default-portfolio-item .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
}

.default-portfolio-item .overlay-box {
   position: absolute;
   left: 0px;
   top: -100%;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.64);
   color: #ffffff;
   text-align: center;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -moz-transition: all 700ms ease;
   -o-transition: all 700ms ease;
   transition: all 700ms ease;
}

.default-portfolio-item:hover .overlay-box {
   top: 0px;
}

.default-portfolio-item .overlay-box .image-link {
   position: absolute;
   left: 50%;
   margin-left: -26px;
   top: 45%;
   width: 52px;
   height: 52px;
   border: 2px solid rgba(255, 255, 255, 0.50);
   line-height: 48px;
   font-size: 20px;
   color: #ffffff;
   text-align: center;
   border-radius: 3px;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.default-portfolio-item .overlay-box .image-link:hover {
   background: #ffffff;
   color: #222222;
}

.default-portfolio-item .overlay-box .image-title {
   position: absolute;
   left: 0px;
   bottom: 10px;
   width: 100%;
   padding: 10px 20px;
   text-align: center;
}

.default-portfolio-item .overlay-box .image-title a {
   display: block;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 700;
   color: #ffffff;
}

.default-portfolio-item .image-box {
   display: block;
}

.default-portfolio-item .image-box img {
   display: block;
   width: 100%;
}

.no-padding {
   padding: 0px;
}

.no-padd-bottom {
   padding-bottom: 0px;
}

.no-padd-top {
   padding-top: 0px;
}

.no-padd-left {
   padding-left: 0px;
}

.no-padd-right {
   padding-right: 0px;
}

button.default-btn.theme-btn.btn-style-one.add-to-cart {
   padding: 19px 33px;
}


/*============ single gallery ============*/


.single-gallery {
  position: relative;
}

.single-gallery .img-box {
  position: relative;
  padding-bottom: 30px;
}


.single-gallery .share-project {
  padding-left: 140px;
  position: relative;
  margin-top: 15px;
}
.single-gallery .share-project .title {
  left: 0;
  position: absolute;
  top: 2px;
}
.single-gallery .share-project .title h5 {
  color: #303030;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.single-gallery .share-project .social-share {
  padding-left: 40px;
}
.single-gallery .share-project .social-share ul li {
  display: inline-block;
  margin-right: 15px;
}
.single-gallery .share-project .social-share ul li a {
  color: #9a9a9a;
  font-size: 14px;
}

.single-gallery .share-project .social-share ul li a:hover {
  color: #8dc63f;
  transition: .5s ease;
}

.single-gallery .project-info-list {
  overflow: hidden;
  margin: 0 -15px;
  margin-top: 30px;
}
.single-gallery .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 15px 20px;
  overflow: hidden;
  padding-bottom: 11px;
  width: 42%;
  padding-left: 30px;
  position: relative;
}
.single-gallery .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  /* top: -5px; */
}
.single-gallery .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #8dc63f;
}
.single-gallery .project-info-list li .text-holder {}
.single-gallery .project-info-list li .text-holder h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 3px;
}
.single-gallery .project-info-list li .text-holder p {
  margin: 0;
}


/*=======pagination style-2============*/
.page_pagination2 {
  overflow: hidden;
  display: block;
  padding-bottom: 22px;
  padding-top: 22px;
  margin: 0;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  margin-top: 30px;
}
.page_pagination2 .button a {
  color: #222;
  font-size: 18px;
  font-weight: 400;
  transition: all 500ms ease;
}
.page_pagination2 .button a:hover{
    color: #8dc63f;
}
.page_pagination2 .button a i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.page_pagination2 .button.next a i{
  padding-right: 0px;
  padding-left: 0;
}


.page_pagination2 .icon-holder a i {
  color: #252525;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
.page_pagination2 .icon-holder a:hover i{
  color: #8dc63f;
}

.hidden-bar-opener.style-2 {
    color: #fff;
}


.footer-1-middle-column ul {
    margin-bottom: 45px;
}


/***

====================================================================
Tracking Shipment style
====================================================================

***/
/* ============== Dynamic Tracking status ============== */
/* .DestWarehouse1{
    left: 840px !important;
}
.DestHandling1{
    left: 751px !important;
}
.DestPort1{
    left: 753px !important;
}
.OrgPort1{
    left: 463px !important;
}
.DestPort1{
    left: 678px !important;
}
.OrgWarehouse1{
    left: 298px !important;
}
.OrgHandling1{
    left: 388px !important;
}
.shipper1{
    left: 173px !important;
}
.consignee1{
    left: 974px !important;
}
.statusimg1{
    position: relative;
    left: 98px;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper1{
        left: 172px !important;
    }
    .OrgWarehouse1{
       left: 247px !important;
    }
    .OrgHandling1{
      left: 322px !important;
    }
    .OrgPort1{
      left: 384px !important;
    }
    .DestPort1{
      left: 598px !important;
     }
    .DestHandling1{
        left: 660px !important;
    }
    .DestWarehouse1{
      left: 732px !important;
    }
    .consignee1{
       left: 809px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
    .shipper1{
        left: 172px !important;
    }
    .OrgWarehouse1{
       left: 359px !important;
    }
    .OrgHandling1{
      left: 474px !important;
    }
    .OrgPort1{
      left: 571px !important;
    }
    .DestPort1{
      left: 954px !important;
     }
    .DestHandling1{
        left: 1055px !important;
    }
    .DestWarehouse1{
      left: 1152px !important;
    }
    .consignee1{
       left: 1354px !important;
    }
}
@media only screen and (min-width:2560px) {
     .consignee1{
       left: 2112px !important;
    }
    .shipper1{
        left: 157px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
     .shipper1{
        left: 193px !important;
    }
    .OrgWarehouse1{
       left: 323px !important;
    }
    .OrgHandling1{
      left: 404px !important;
    }
    .OrgPort1{
      left: 482px !important;
    }
    .DestPort1{
      left: 695px !important;
     }
    .DestHandling1{
        left: 771px !important;
    }
    .DestWarehouse1{
      left: 857px !important;
    }
    .consignee1{
       left: 992px !important;
    }
}

.statusimg2{
    position: relative;
    left: 214px;
}
.shipper2{
    left: 291px !important;
}
.OrgHandling2{
    left: 430px !important;
}
.OrgPort2{
    left: 506px !important;
}
.DestPort2{
    left: 717px !important;
}
.DestHandling2{
    left: 795px !important;
}
.consignee2{
    left: 942px !important;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper2{
        left: 291px !important;
    }
    .OrgHandling2{
        left: 367px !important;
    }
    .OrgPort2{
        left: 428px !important;
    }
    .DestPort2{
        left: 637px !important;
    }
    .DestHandling2{
        left: 700px !important;
    }
    .consignee2{
        left: 773px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
    .shipper2{
        left: 312px !important;
    }
    .OrgHandling2{
        left: 450px !important;
    }
    .OrgPort2{
        left: 526px !important;
    }
    .DestPort2{
        left: 734px !important;
    }
    .DestHandling2{
        left: 816px !important;
    }
    .consignee2{
        left: 960px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
    .shipper2{
        left: 294px !important;
    }
    .OrgHandling2{
        left: 520px !important;
    }
    .OrgPort2{
        left: 615px !important;
    }
    .DestPort2{
        left: 993px !important;
    }
    .DestHandling2{
        left: 1101px !important;
    }
    .consignee2{
        left: 1322px !important;
    }
}
@media only screen and (min-width:2560px) {
    .shipper2{
        left: 276px !important;
    }
    .OrgHandling2{
        left: 728px !important;
    }
    .OrgPort2{
        left: 947px !important;
    }
    .DestPort2{
        left: 1398px !important;
    }
    .DestHandling2{
        left: 1607px !important;
    }
    .consignee2{
        left: 2080px !important;
    }
}

.statusimg3{
    position: relative;
    left: 318px !important;
}
.shipper3{
    left: 395px !important;
}
.OrgPort3{
    left: 532px !important;
}
.DestPort3{
    left: 739px !important;
}
.consignee3{
    left: 893px !important;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper3{
        left: 395px !important;
    }
    .OrgPort3{
        left: 456px !important;
    }
    .DestPort3{
        left: 664px !important;
    }
    .consignee3{
        left: 729px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
    .shipper3{
        left: 414px !important;
    }
    .OrgPort3{
        left: 551px !important;
    }
    .DestPort3{
        left: 761px !important;
    }
    .consignee3{
        left: 911px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
    .shipper3{
        left: 395px !important;
    }
    .OrgPort3{
        left: 642px !important;
    }
    .DestPort3{
        left: 1024px !important;
    }
    .consignee3{
        left: 1274px !important;
    }
}
@media only screen and (min-width:2560px) {
    .shipper3{
        left: 377px !important;
    }
    .OrgPort3{
        left: 971px !important;
    }
    .DestPort3{
        left: 1419px !important;
    }
    .consignee3{
        left: 2031px !important;
    }
}

.statusimg4{
    position: relative;
    left: 211px;
}
.shipper4{
    left: 285px !important;
}
.ExpHaulage4{
    left: 390px !important;
}
.OrgPort4{
    left: 500px !important;
}
.DestPort4{
    left: 710px !important;
}
.ImpHaulage4{
    left: 821px !important;
}
.consignee4{
    left: 928px !important;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper4{
    left: 283px !important;
    }
    .ExpHaulage4{
        left: 358px !important;
    }
    .OrgPort4{
        left: 422px !important;
    }
    .DestPort4{
        left: 629px !important;
    }
    .ImpHaulage4{
        left: 693px !important;
    }
    .consignee4{
        left: 762px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
    .shipper4{
        left: 308px !important;
    }
    .ExpHaulage4{
        left: 413px !important;
    }
    .OrgPort4{
        left: 519px !important;
    }
    .DestPort4{
        left: 728px !important;
    }
    .ImpHaulage4{
        left: 844px !important;
    }
    .consignee4{
        left: 945px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
     .shipper4{
        left: 289px !important;
    }
    .ExpHaulage4{
        left: 413px !important;
    }
    .OrgPort4{
        left: 607px !important;
    }
    .DestPort4{
        left: 993px !important;
    }
    .ImpHaulage4{
        left: 1166px !important;
    }
    .consignee4{
        left: 1304px !important;
    }
}
@media only screen and (min-width:2560px) {
     .shipper4{
        left: 289px !important;
    }
    .ExpHaulage4{
        left: 413px !important;
    }
    .OrgPort4{
        left: 607px !important;
    }
    .DestPort4{
        left: 993px !important;
    }
    .ImpHaulage4{
        left: 1166px !important;
    }
    .consignee4{
        left: 1304px !important;
    }
}

.statusimg5{
    position: relative;
    left: 106px;
}
.shipper5{
    left: 182px !important;
}
.ExpHaulage5{
    left: 287px !important;
}
.OrgWarehouse5{
    left: 386px !important;
}
.OrgPort5{
    left: 469px !important;
}
.DestPort5{
    left: 679px !important;
}
.DestWarehouse5{
    left: 770px !important;
}
.ImpHaulage5{
  left: 867px !important;
}
.consignee5{
    left: 969px !important;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper5{
        left: 178px !important;
    }
    .ExpHaulage5{
        left: 255px !important;
    }
    .OrgWarehouse5{
        left: 329px !important;
    }
    .OrgPort5{
        left: 391px !important;
    }
    .DestPort5{
        left: 599px !important;
    }
    .DestWarehouse5{
        left: 665px !important;
    }
    .ImpHaulage5{
       left: 749px !important;
    }
    .consignee5{
        left: 806px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
    .shipper5{
        left: 202px !important;
    }
    .ExpHaulage5{
        left: 310px !important;
    }
    .OrgWarehouse5{
        left: 405px !important;
    }
    .OrgPort5{
        left: 490px !important;
    }
    .DestPort5{
        left: 701px !important;
    }
    .DestWarehouse5{
        left: 790px !important;
    }
    .ImpHaulage5{
       left: 887px !important;
    }
    .consignee5{
        left: 994px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
    .shipper5{
        left: 185px !important;
    }
    .ExpHaulage5{
        left: 310px !important;
    }
    .OrgWarehouse5{
        left: 442px !important;
    }
    .OrgPort5{
        left: 580px !important;
    }
    .DestPort5{
        left: 960px !important;
    }
    .DestWarehouse5{
        left: 1084px !important;
    }
    .ImpHaulage5{
       left: 1211px !important;
    }
    .consignee5{
        left: 1352px !important;
    }
}
@media only screen and (min-width:2560px) {
    .shipper5{
        left: 166px !important;
    }
    .ExpHaulage5{
        left: 376px !important;
    }
    .OrgWarehouse5{
        left: 569px !important;
    }
    .OrgPort5{
        left: 918px !important;
    }
    .DestPort5{
        left: 1362px !important;
    }
    .DestWarehouse5{
        left: 1717px !important;
    }
    .ImpHaulage5{
       left: 1919px !important;
    }
    .consignee5{
        left: 2113px !important;
    }
}

.statusimg6{
    position: relative;
    left: 106px;
}
.shipper6{
    left: 181px !important;
}
.ExpHaulage6{
    left: 288px !important;
}
.OrgWarehouse6{
    left: 384px !important;
}
.OrgHandling6{
    left: 466px !important;
}
.DestHandling6{
    left: 684px !important;
}
.DestWarehouse6{
    left: 769px !important;
}
.ImpHaulage6{
    left: 868px !important;
}
.consignee6{
    left: 973px !important;
}
@media only screen and (min-width: 1280px) and (max-width:1390px) {
    .shipper6{
    left: 179px !important;
    }
    .ExpHaulage6{
        left: 256px !important;
    }
    .OrgWarehouse6{
        left: 331px !important;
    }
    .OrgHandling6{
        left: 406px !important;
    }
    .DestHandling6{
        left: 587px !important;
    }
    .DestWarehouse6{
        left: 663px !important;
    }
    .ImpHaulage6{
        left: 741px !important;
    }
    .consignee6{
        left: 806px !important;
    }
}
@media only screen and (min-width: 1845px) and (max-width:1900px) {
    .shipper6{
       left: 202px !important;
    }
    .ExpHaulage6{
        left: 307px !important;
    }
    .OrgWarehouse6{
        left: 406px !important;
    }
    .OrgHandling6{
        left: 487px !important;
    }
    .DestHandling6{
        left: 702px !important;
    }
    .DestWarehouse6{
        left: 790px !important;
    }
    .ImpHaulage6{
        left: 887px !important;
    }
    .consignee6{
        left: 993px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width:2000px) {
    .shipper6{
       left: 182px !important;
    }
    .ExpHaulage6{
        left: 307px !important;
    }
    .OrgWarehouse6{
        left: 441px !important;
    }
    .OrgHandling6{
        left: 559px !important;
    }
    .DestHandling6{
        left: 986px !important;
    }
    .DestWarehouse6{
        left: 1086px !important;
    }
    .ImpHaulage6{
        left: 1210px !important;
    }
    .consignee6{
        left: 1354px !important;
    }
}
@media only screen and (min-width:2560px) {
    .shipper6{
       left: 165px !important;
    }
    .ExpHaulage6{
        left: 376px !important;
    }
    .OrgWarehouse6{
        left: 574px !important;
    }
    .OrgHandling6{
        left: 771px !important;
    }
    .DestHandling6{
        left: 986px !important;
    }
    .DestWarehouse6{
        left: 1086px !important;
    }
    .ImpHaulage6{
        left: 1919px !important;
    }
    .consignee6{
        left: 2113px !important;
    }
} */




/* ================================================================== */

.SendEmailbtn{
    position: relative;
    left: 111px;
}
.tracktablepadding{
    text-align: center !important;
    /* width: -moz-available; */
}
.AirSailingimg{
   max-width: 210% !important;
   position: relative;
   right: 34px;
   bottom: 19px;
}
.exportfrom{
   position: relative;
   right: 145px !important;
}
.exportfrom-position{
   position: relative;
   right: 114px !important;
}
.trackimg-position{
   /* position: relative; */
   /* right: 194px; */
}
.width-30{
   width: 30% !important;
}
.width-19{
   width: 19% !important;
}
.error-msg{
   color: red;
   font-size: 18px;
   font-family: 'kabelbookBT';
}
.success-msg{
   color: green;
   font-size: 15px;
   font-family: 'kabelbookBT';
}
.tracklabel{
   text-align: left;
   display: inline-block;
   width: 127px;
}
.tracklabel1{
   text-align  : left;
   display     : inline-block;
   width       : 80px !important;
   font-size   : 17px;
   font-weight : 600;
}
.tracklabel2 {
   text-align  : left;
   display     : inline-block;
   width       : 80px !important;
   font-size   : 17px;
   font-weight : 600;
}
.tracklabel3 {
   text-align  : left;
   display     : inline-block;
   width       : 120px !important;
   font-size   : 17px;
   font-weight : 600;
}
.tracklabel4 {
   text-align  : left;
   display     : inline-block;
   width       : 90px !important;
   font-size   : 17px;
   font-weight : 600;
}
.trackingSession{
   height: 746px;
}

.quoteSession{
   display:block;

   overflow:auto;

    /* height: 100%; */
   /* min-height: 1718px; */
   /* height: 1718px ; */
   /* height:auto; */
   margin-top: 96px !important;
}
.verificationDiv{
   position: relative;
   top: 158px;
}
.verifyTextBox{
   width: 105px;
}
.red-star{
   color: red !important;
}
.help-block{
  color: #a94442;
}
.textarea{
   height: auto !important;
}
.trackingSessionData{
   /* width:500px !important; */
   position: relative;
   top: 85px;
}
.trackingSessionButton{
   float: right;
   position: relative;
   left: 30px;
}
.quoteSessionBtn{
   float: right;
   position: relative;
   /* right: 399px; */
}
.EmaildelBtn{
   right: 436px;
   position: absolute;
   bottom: 24px;
}
.mailaddBtn{
   position: absolute;
   top: 3px;
   right: 18px;
}
.wd-168{
   width: 168px !important;
}
.oceanfrtheading{
   text-align: center;
   font-size: 25px !important;
   font-weight: 900;
   color: #696464;
   padding-bottom: 40px;
}
.pt-32{
   padding-top: 32px;
}
.pt-12{
   padding-top: 12px;
}
.pt-9{
   padding-top: 9px;
}
.pt-8{
   padding-top: 8px;
}
.ht-3450{
   height: 3450px;
}
.blackline{
   border-bottom: 1px solid #696464;
   padding-bottom: 22px;
   margin-left: 25px;
   margin-right: 25px;
}
.pos-top-66{
   position: relative;
   top: 66px;
}
.widthtd{
   /* width: 165px; */
   text-align: left;
   font-size: 20px;
   font-family: 'kabelbookBT';
   padding-right: 20px;
   width: auto !important;
}
.widthth{
   /* width: 157px; */
   text-align: left;
   font-size: 20px;
   font-family: 'kabelbookBT';
   width:auto !important;
}
.widthth1{
   text-align  : left;
   font-size   : 20px;
   font-family : 'kabelbookBT';
   width       : 100px !important;
}
.widthth2 {
   text-align  : left;
   font-size   : 20px;
   font-family : 'kabelbookBT';
   width       : 100px !important;
}
.widthth3 {
   text-align  : left;
   font-size   : 20px;
   font-family : 'kabelbookBT';
   width       : 140px !important;
}
.widthth4 {
   text-align  : left;
   font-size   : 20px;
   font-family : 'kabelbookBT';
   width       : 110px !important;
}
.tracktable{
   /* padding-left: 74px; */
   /* padding-right: 74px; */
   padding-left:10% !important;
   padding-right:10% !important;
   padding-top: 55px;

}

.tracktablepadding{
   border-collapse: unset;
}
.trackbox{
   background-color: white;
   /* height: 2650px; */
   margin-right: 10% !important;
   margin-left: 10% !important;
   box-shadow: 0px 0px 5px gray;
}
.trackboxth{
   background-color:white;
   font-size: 24px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   color: black;
   padding-left: 36px;
}
.tablebgcolor{
   background-color: white;
}
.tracktext{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   padding-left: 36px;
   color: black;
}
.pickuphead{
   background-color: #01795d;
   color: white;
   font-size: 24px;
   font-family: 'kabelbookBT';
   font-weight: 900;
   padding-left: 36px;
}
.pickuptext{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   padding-left: 36px;
}
.pickuptextbold{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   padding-left: 36px;
   font-weight: 900;

}
.pickupimgpos{
   position: relative;
   right: 46px;
}
.pickupimgwidth{
   max-width: 20%;
}
.tracktablewidth{
   width: 100%;
}
.warehousetext{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   color: black;
}
.warehousetextbold{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   font-weight: 900;
   color: black;
}
.warehouseimgpos{
   position: relative;
   right: 172px;
}
.warehouseimgwidth{
   max-width: 30%;
}
.warehousetextpos{
   position: relative;
   right: 229px
}
.sailingsubhead{
   color: #01795d;
   font-size: 21px;
   font-weight: 900;
   font-family: kabelbookBT;
   text-align: left;
   padding-left: 36px;
   padding-top: 20px;
}
.tabletdcolor{
   background-color: white !important;
}
.track_container{
   font-size: 20px;
   font-family: 'kabelbookBT';
   text-align: left;
   padding-left: 36px;
}
.pl-unset{
   padding-left: unset;
}
.outertrakcircle1{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 76px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle1{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle2{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 152px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle2{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle3{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 228px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle3{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.tracking{
   background-color: #9de7ce;
}
.tracked{
   background-color: #53c39c !important;
}
.track-current{
   background-color: red !important;
}
.outertrakcircle4{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 302px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle4{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle5{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 373px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle5{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle6{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 575px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle6{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle7{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 640px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle7{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle8{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 715px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle8{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle9{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 792px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle9{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.outertrakcircle10{
   height: 31px;
   width: 30px;
   background-color: white;
   border-radius: 22px;
   position: relative;
   left: 858px;
   border: 1px solid black;
   bottom: 15px;
}
.innertrackcircle10{
   height: 23px;
   width: 22px;
   border-radius: 13px;
   position: relative;
   right: 11px;
   top: 3px;
}
.track-pt-85{
   padding-top: 85px;
}
.track-mr-10{
   margin-right: 10px;
}
.trackspot{
   font-size: 16px;
   padding-top: 12px !important;
   position: relative;
   right: 22px;
   color: #696464;
}
.trackspotactive{
   font-weight: 900;
}
.trackspot1active{
   font-size: 16px;
   position: relative;
   right: 32px;
   bottom: 24px;
   color: #696464;
   /* font-weight: 900; */
}
.trackspot1{
   font-size: 16px;
   position: relative;
   right: 31px;
   color: #696464;
   bottom: 24px;
}
.trackspot2{
   font-size: 16px;
   position: relative;
   right: 31px;
   color: #696464;
   bottom: 24px;
}
.trackspot3{
   font-size: 16px;
   position: relative;
   right: 19px;
   color: #696464;
   bottom: 24px;
}
.trackspot4{
   font-size: 16px;
   position: relative;
   right: 19px;
   color: #696464;
   bottom: 24px;
}
.trackspot5{
   font-size: 16px;
   position: relative;
   right: 31px;
   color: #696464;
   bottom: 24px;
}
.trackspot6{
   font-size: 16px;
   position: relative;
   right: 40px;
   color: #696464;
   bottom: 24px;
}
.trackspot7{
   font-size: 16px;
   position: relative;
   right: 31px;
   color: #696464;
   bottom: 24px;
}

.trackspot-dest{
   font-size: 16px;
   padding-top: 12px !important;
   position: relative;
   right: 43px;
   color: #696464;
}
.trackspot8active{
   font-size: 16px;
   position: relative;
   right: 42px;
   color: #696464;
   /* font-weight: 900; */
   bottom: 24px;
}

@media only screen and (min-width: 320px) and (max-width:370px) {

   .ipn5-right0{
      right: 0px !important;
   }
   .ipn-5_importhead-wdth{
      width: 50px;
   }
   .iphn-5_export-head{
      font-size: 17px;
      right: 11px;
   }
   .iphn-5_export-from{
         right: 22px;
         font-size: 15px;
   }
   .iphn-5_track-mobtext{
         font-size: 15px;
         right: 7px;
   }
   .iphn-5_export-to{
         font-size: 15px;
         right: 28px;
   }
   .iphn-5_export-carrier{
         font-size: 15px;
         right: 15px;
   }
   .iphn-5_carrier{
         font-size: 15px;
         right: 4px;
   }
   .iphn-5_export-departure{
         font-size: 15px;
         right: 10px;
   }
   .iphn-5_departure{
      font-size: 15px;
      right: 10px;
   }
   .iphn-5_export-arrival{
      right: 20px;
      font-size: 15px;
   }
   .iphn-5_warehouse-head{
      right: 14px;
      font-size: 17px;
   }
   .iphn-5_entry{
      right: 20px;
      font-size: 15px;
   }
   .iphn-5_custom-head{
      right: 35px;
      font-size: 17px;
   }
   .iphn-5_custom-place{
      right: 36px;
      font-size: 15px;
   }
   .iphn-5_place{
      right: 10px;
      font-size: 15px;
   }
   .iphn-5_custom-date{
      right: 12px;
      font-size: 15px;
   }
   .iphn-5_loading-head{
      left: 2px;
      font-size: 17px;
   }
   .iphn-5_loading-place{
      right: 9px;
      font-size: 15px;
   }
   .iphn-5_load-place{
      right: -5px;
      font-size: 15px;
   }
   .portload-width{
      width: 217px;
   }
   .iphn-5_entry-date{
      right: 0px;
      font-size: 15px;
   }
   .iphn-5_loading-release{
      right: 1px;
      font-size: 15px;
   }
   .ipad-5_leg1_from{
      font-size: 15px;
      right: 32px;
   }
   .ipad-5_leg1-from{
      font-size: 15px;
      right: 14px;
   }
   .ipad-5_leg1-to{
      font-size: 15px;
      right: 19px;
   }
   .ipad-5_leg1_to{
      font-size: 15px;
      right: 7px;
   }
   .iphn-5_leg1_carrier{
      font-size: 15px;
      top: 9px;
      left: 7px;
      text-align: left;
   }
   .ipad-5_leg1-carrier{
      font-size: 15px;
      right: 9px;
   }
   .ipad-5_leg1-vessel{
       font-size: 15px;
       right: 9px;
   }
   .iphn-5_leg1_vessel{
      font-size: 15px;
      top: 9px;
      text-align: left;
      left: 7px;
}
  .ipad-5_leg1_voy{
       font-size: 15px;
       right: 52px;
  }
  .ipad-5_leg1-voy{
   font-size: 15px;
   right: 16px;
  }
  .ipad-5_leg1-departure{
      font-size: 15px;
      right: 2px;
  }
  .ipad-5_leg1-arrival{
   font-size: 15px;
   right: 15px;
  }
  .iph-5_port-position{
     top: 901px;
  }
  .iphn-5_dest-handlingpos{
     top: 892px;
  }
  .iphn-5_dest-custom-head{
     font-size: 17px;
     right: 10px;
  }
  .iphn-5_discharge-head{
     font-size: 19px;
     left: 9px;
  }
  .iph-5_dest-position{
     top: 842px;
  }
  .ipn-5_import-pos{
     top: 899px;
  }

  .ipn-5_noofcontainers{
     font-size: 17px;
  }
  .ipn-5_verticalline2{
     height: 1006px;
  }

  .ipn-5_verticalline4{
   top: 1889px;
}
.ipn-5_verticalline5{
   height: 130px;
}
.iph-5_verticalline{
   height: 123px;
}
.ipn-5_verticalline1{
   height: 69px;
}
}
@media only screen and (min-width: 830px) and (max-width:1400px) {
   .trans2-ipadpro{
      left: 161px !important;
      top: 387px !important;
   }
   .trans3-ipadpro{
      left: 159px !important;
      top: 152px !important;
   }
   .portdischarge-ipadpro{
      top: 67px !important;
   }
   .desthandling-ipadpro{
      right: 362px !important;
      bottom: 91px !important;
   }
   .destwarehouse-ipadpro{
      right: 124px !important;
      bottom: 55px !important;
   }
   .import-ipadpro{
      left: 163px !important;
      bottom: 148px !important;
   }
   .portimg-ipadpro{
      top: 159px !important;
   }
   .handlingimg-ipadpro{
      top: 125px !important;
   }
   .warehouseimg-ipadpro{
      top: 43px !important;
   }
   .importimg-ipadpro{
      top: 70px !important;
   }

}
@media only screen and (min-width: 370px) and (max-width:400px) {


    .ipn6-orghand-date{
        position: relative;
        right: 123px;
        font-size: 16px;
        font-family: 'kabelBookBT';
        font-weight: 900;
    }
   .iphn6-left-27{
      left: 27px !important;
   }
   .iph6-left-35{
      left: 35px !important;
   }
   .ipn6-orgwarehouse-rel{
      text-align: left;
      right: 56px !important;
   }
   .iphn6-sailing{
      position: relative;
      left: -15px;
   }
   .iphn6-DH-left{
      left: 62px !important;
   }
   .iphn6-DW-date{
      right: 19px;
   }
   .iphn6-export-haulage{
         position: relative;
         left: 36px;
   }
   .iphn6-portdischarge{
      position: relative;
      left: 10px;
      width: 84%
   }
   .iphn6-destwarehouse{
      position: relative;
      left: 14px;
      width: 83%;
   }
   .iphn6-import{
      position: relative;
      left: 48px;
      width: 85%;
   }

   .iphn6-warehouseimg{
      top: 712px !important;
   }
   .iphn6-importimg{
      position: relative;
      top: 777px;
   }
   .iphn6-verticalline5{
      top: 1769px;
   }

}
@media only screen and (min-width: 2560px){
   .macpro-shipperimg{
      right: 653px !important;
   }
   .macpro-ex_haulage{
      right: 521px !important;
   }
   .macpro-org_warehouse{
      right: 401px !important;
   }
   .macpro-org_handling{
      right: 281px !important;
   }
   .macpro-org_ports{
      right: 121px !important;
   }
   .macpro-circle2{
      left: 288px !important;
   }
   .macpro-circle3{
      left: 483px !important;
   }
   .macpro-circle4{
      left: 683px !important;
   }
   .macpro-circle5{
      left: 907px !important;
   }
   .macpro-consigneeimg{
      left: 665px !important;
   }
   .macpro-imp_haulage{
      left: 537px !important;
   }
   .macpro-dest_warehouse{
      left: 413px !important;
   }
   .macpro-dest_handling{
      left: 274px !important;
   }
   .macpro-dest_ports{
      left: 123px !important;
   }
   .macpro-circle6{
      left: 1358px !important;
   }
   .macpro-circle7{
      left: 1565px !important;
   }
   .macpro-circle8{
      left: 1782px !important;
   }
   .macpro-circle9{
      left: 1983px !important;
   }
   .macpro-circle10{
      left: 2179px !important;
   }
   .macpro-ht-3257{
      height: 3257px !important;
   }
   .macpro-pt-423{
      padding-top: 423px !important;
   }
   /* .macpro-trackbox{
      height: 2503px !important;
   } */
   .macpro-img-maxwidth{
      max-width: 20% !important;
   }
   .macpro-tdwidth{
      width: 305px !important;
   }
}
@media only screen and (min-width: 1800px) and (max-width: 1900px) {
   .desktop-imgwidth{
      max-width: 15% !important;
   }
   .circleimgalign{
       left: 184px !important;
   }
   /* .desktop-trackbox{
      height: 2531px !important;
   } */
}
@media only screen and (min-width: 1901px) and (max-width: 1960px) {
  .circleimgalign{
    left: 2px !important;
}
.desktop-imgwidth{
  max-width: 15% !important;
}
}
@media only screen and (min-width: 360px)and (max-width: 370px) {
   .org-handling-pos{
      left: 8px !important;
   }
}
@media only screen and (min-width: 375px) and (max-width: 400px) {
   .org-handling-pos{
      /* left: 58px !important; */
      left: 99px !important;
   }
}
@media only screen and (min-width: 414px) and (max-width:600px) {
   .plus6-sailingpadding{
      padding-left: 16px !important;
      /* right: 85px */
      right: 43px;
   }
   .org-handling-pos{
      /* left: 20px !important; */
      left: 82px !important;
   }
   .ipnXR-sailing{
      right:53px !important;
   }
   .plus6-pod{
       left: 13px;
   }
   .plus6-orghand-date{
       position: relative;
       right: 128px;
       font-size: 16px;
       font-family: 'kabelBookBT';
       font-weight: 900;
   }

}
@media only screen and (min-width: 300px) and (max-width:800px) {
   .sailinght0{
      height: 220px !important;
   }
   .sailinght1{
      height: 371px !important;
   }
   .sailinght2{
      height:595px !important;
   }
   .sailinght3{
      height: 810px !important;
   }
}
@media only screen and (min-width: 300px) and (max-width:750px) {
    .apply-btn {
        margin-top: 15px;
    }
}
@media only screen and (min-width: 1900px) and (max-width:2000px) {
   .desktop-tdwidth{
      /* width: 18% !important; */
   }
   .desktop-thwidth{
      /* width: 9% !important; */
   }
   .des-shipperimg{
      right: 186px !important;
   }
   .des-ex_haulage{
      right: 160px !important;
   }
   .des-orgwarehouse{
      right: 133px !important;
   }
   .des-orghandling{
      right: 115px !important;
   }
   .des-orgports{
      right: 85px !important;
   }
   .circle1 {
       left:205px;
   }
   .circle2{
      left: 307px !important;
   }
   .circle3{
      left: 407px !important;
   }
   .circle4{
      left: 507px !important;
   }
   .circle5{
      left: 598px !important;
   }
   .des-consignee{
      left: 193px !important;
   }
   .des-imp_haulage{
      left: 152px !important;
   }
   .des-dest_warehouse{
      left: 108px !important;
   }
   .des-dest_handling{
      left: 75px !important;
   }
   .des-dest_ports{
      left: 23px !important;
   }
   .circle6{
      left: 915px !important;
   }
   .circle7{
      left: 1029px !important;
   }
   .circle8{
      left: 1136px !important;
   }
   .circle9{
      left: 1255px !important;
   }
   .circle10{
      left: 1363px !important;
   }
   .des-sailingimg{
      right: 38px !important;
   }
   .des-width12{
      width: 12% !important;
   }
   .trackimg-position {
      /* position: relative; */
      /* right: 225px !important; */
  }
  .exportfrom-position {
   position: relative;
   right: 299px !important;
}
.exportfrom {
   position: relative;
   right: 345px !important;
}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
    .SendEmailbtn{
       left: 0px !important;
    }
}
@media only screen and (min-width:1600px) and (max-width:1900px){
    .SendEmailbtn{
        left: 222px !important;
    }
}
@media only screen and (min-width: 1525px) and (max-width:1600px) {
    .circleimgalign{
        left:43px !important;
    }

}

/* .widthdata {
  width: 165px !important;
  text-align: left !important;
  font-size: 20px !important;
  font-family: 'kabelbookBT' !important;
  padding-right: 363px; !important; */


  #trackeddata{
    border-bottom: 1px solid !important;
    width: 100% !important;
    padding-top: 36px;
    margin-left: 28px;
    padding-top: 0px;

    position: relative;

  }
  #trackpopup{
    margin-right: 14px !important;
    padding-top: 10px ;
  }

  #transdtatastatus{
    margin-top: -52px !important;
    margin-left: -108px !important;
    font-family: sans-serif;
  }
  #transdtatastatuss{
    margin-left: -130px;
    font-family: sans-serif;
  }


#dataform{
  margin-left: 1px;
}
#trackpopupdata{
  padding-top: 15px !important;
}
#labeldata{
  width: 150px!important;
}
/* .pl-unset{
 width: 426px !important;
} */

.select2-container .select2-selection--single{
    height: 34px !important;
    border-radius: 0px !important;
    padding-top: 2px;
}
.select2-container .select2-selection--single .select2-selection__arrow{
    top: 5px !important;
}

.select2 .select2-container,
.select2 .select2-container--default {
    width: 100% !important;
}

span.select2 {
width: 100% !important;
}

.select2-selection__placeholder{
   font-size: 18px;
   font-family: 'kabelBookBT';
   padding-left:9px !important;
}
.select2-results{
    font-size: 17px;
    font-family: 'kabelbookBT';
}
 .select2-results__group {
    font-size: 17px !important;
    font-family: 'kabelbookBT' !important;
    font-weight:normal;
}
.select2-selection__rendered{
    font-size:18px;
    font-family:'kabelbookBT';
    padding-left:9px !important;
}
.select2-search__field{
    font-size: 17px;
    font-family: 'kabelbookBT';
}
.TandCcheck {
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0,0,0,.15);
    outline: none !important;
    height:30px;
    width:30px;
    /* position:relative;
    right:14px; */
}
.TandCtext {
    font-size:17px;
    font-family:'kabelbookBT';
    color:#696464;
    position: relative;
    bottom: 43px;
    left: 33px;
    width:95%;
}
.TandCHyperlink {
    color: #696464;
    text-decoration: underline;
}
.TandCHyperlink:hover{
    color: #696464 !important;
    text-decoration: underline !important;
}
#mapDiv{
   height:365px!important;
   margin-bottom: 10px !important;
   width:65%;
}
.termsandCon-error {
    position: relative;
    bottom:45px;
}
.dangerousCargo {
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0,0,0,.15);
    outline: none !important;
    height:30px;
    width:30px;
    /* position:relative;
    right:14px; */
}
.isSOC {
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0,0,0,.15);
    outline: none !important;
    height:30px;
    width:30px;
}
.isCOC {
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0,0,0,.15);
    outline: none !important;
    height:30px;
    width:30px;
}
.isNOC {
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0,0,0,.15);
    outline: none !important;
    height:30px;
    width:30px;
}
.dangCargoText {
    font-size: 18px;
    font-family: 'kabelbookBT';
    color: #696464;
    position: relative;
    bottom: 28px;
    left: 36px;
    width: 95%;
    font-weight: 800;
}

@media only screen and (max-width: 999px){
   .trackingSessionNewImg{
       height: 100% !important;
   }
}
@media only screen and (min-width:999px) and (max-width:1200px){
    .news-button {
        height: 35px !important;
        padding-left: 3px !important;
        width: 28% !important;
    }
    .news-Month .select2 {
        width: 32% !important;
    }
    .month-yr {
        margin-top: 30px !important;
    }
    .btn-default-footer{
        padding: 14px 7px 15px 7px !important;
    }
   
}
@media only screen and (min-width:750px) and (max-width:999px){
    .ipad-m-t-2 {
        margin-top: 2px !important;
    }
    .ipad-h-30 {
        height: 30px !important;
    }
}
@media only screen and (min-width:1000px) and (max-width:1500px){
   .trackingSessionNewImg{
       height: 768px !important;
   }
}
.searchTrackingHeading .header-text{
   color: #fff !important;
   text-transform: none !important;
}
.p-t-100{
   padding-top:100px;
}
.p-r-0{
   padding-right:0px;
}
@media only screen and (min-width: 1500px){
   .track-form{
      position: relative;
      top: 15%;
   }
}
.formbg{
   padding: 20px;
   border-radius: 30px;
   height: 235px;
   background-color: rgb(22 102 101/ 64%);

}
.common-sen-btn{
   width: 86% !important;
   background: #e3252b !important;
   font-size: 18px;
   border-radius: 16px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 100;
}
.border-radius-30{
   border-radius: 30px !important;
}

@media only screen and (min-width: 300px) and (max-width:370px) {
    .MainBannerContent {
        width: 300px !important;
    }
    .mainbannerimage {
        max-width: 300px !important;
    }
    .drag-wrapper .thing .circle {
        position: initial !important;
        margin-top: 0px  !important;
    }
    .drag-wrapper {
        position: absolute !important;
    }
    .drag-wrapper .thing {
        margin-top: 48px !important;
        margin-left: 15px !important;
    }
}

    .drag-wrapper .thing .circle {
        position: initial !important;
        margin-top: 0px  !important;
    }
    .drag-wrapper {
        position: absolute !important;
    }
    .drag-wrapper .thing {
        margin-top: 48px !important;
    }


    @media only screen and (min-width: 1100px) and (max-width: 1220px) {
        .nav-1 .nav-itm-wrapper > ul > li > a {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        .nav-1 .nav-itm-wrapper > ul > li { 
            font-size: 17px !important;
        }
        .activebtn{
            padding-left: 15px !important;
        }

    }

    /* ==============================
        Careers - Style
       ============================== */

    .jobContBox {
        min-height: 220px !important;
        /* border: 1px solid #696464; */
        border-radius: 26px;
        /* background-color: white; */
        background-color: #E9FAF4;
        font-size: 16px;
        word-spacing: 1px;
        color: #333;
        box-shadow: 0px 0px 5px gray;
    }
    .innerBoxDim {
        padding: 15px;
    }
    .jobName {
        font-size: 24px !important;
        /* color: #696464; */
        font-family: 'kabeld';
        cursor: pointer;
        padding-bottom: 6px;
        color: rgb(22 102 101/ 92%) !important;
    }
    .jobName:hover {
        text-decoration: underline;
    }
    .jobDetail {
        font-size: 18px;
        padding-bottom: 6px;
    }
    .jobDesc {
        margin-top: 17px;
        font-family: 'kabeld';
        color: #696464;
    }
    .jobLink {
        margin-top: 20px;
        color: #337ab7;
        cursor: pointer;
        text-decoration: underline;
    }

    .applyNowHead {
        font-size: 25px;
        font-family: 'kabeld';
        color: #696464;
        padding-left: 15px;
    }
    .career_banner {
        margin-top: 160px;
    }

    .resumeFile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .resumeFile + label {
        font-size: 1.25em;
        font-weight: 700;
        color: white;
        background-color: rgb(22 102 101/ 92%) !important;;
        display: inline-block;
    }

    .resumeFile:focus + label,
    .resumeFile + label:hover {
        background-color: rgb(22 102 101/ 92%) !important;
    }

    .resumeFile + label {
        cursor: pointer; /* "hand" cursor */
        padding: 8px;
        border-radius: 8px;
        width: 90%;
    }
    .apply-btn {
        padding: 8px;
        border-radius: 8px;
        background-color: rgb(22 102 101/ 92%) !important;
        color: white;
        font-size: 1.25em;
        width: 90%;
        font-weight: 700;
    }
    .careerImg-size {
        height: 100%;
        max-width: 100% !important;
    }
    .career-box-color {
       background-color: #E9FAF4 !important;
    }
    /* .select2-container {
        background-color: #E9FAF4 !important;
        border: 1px solid #ccc !important;
    }
    .select2-container--default .select2-selection--multiple {
        background-color: #E9FAF4 !important;
        border: none !important;
        min-height: 40px !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #fff !important;
        padding-left: 30px !important;
        padding-right: 5px !important;
    }
    .select2-container .select2-search--inline .select2-search__field {
        width: 100% !important;
        height: 100% !important;
        font-family: 'kabelBookBT';
        font-size: 18px !important;
        color: #333;
        padding-left: 7px;
    } */

    .btn-group, .multiselect {
        width: 100% !important;
        color: #555;
        background-color: #E9FAF4 !important;
        border: 1px solid #ccc;
        border-radius: 4px;
        height: 40px !important;
        font-family: 'kabelBookBT';
        font-size: 18px !important;
    }