
  /*start css*/

 @import url("https://use.typekit.net/vfl6ton.css");
  html,body{width:100%; height: 100%;}
  body
  {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-family: rucksack, sans-serif;
    overflow-x:hidden;
    line-height: 20px;
    position:relative;
    color: #3b3839;
    font-weight:300;
    background:#ffffff;
  }


  body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
  }
  html {
      margin: 0;
      padding: 0;
      border: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
      display: block;
  }
  table {
      border-collapse: separate;
      border-spacing: 0;
  }

  * {box-sizing: border-box; -mox-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
input[type=text], input[type=submit], input[type=email], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
  img{
    vertical-align: middle;
  }
  a img {border: none;}
  :focus {outline: 0;}
  a{text-decoration:none;color:inherit;-webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;}
  ul{
    list-style: none;
  }
  a,select{outline: none;}
  .clearfix { display: block; }
  .clearfix:before, .clearfix:after, .container:before, .container:after,.row:before,.row:after{
      display: table;
      content: " ";
      clear: both;
  }
  .container, .wrapper, .wrap{
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .visible-sm{display: none;}
  @media (min-width: 1280px) {
    .container {
      max-width: 1650px;
    }
  }

  @media (min-width: 1024px) {
    .wrapper{
      max-width: 1330px;
    }
    .wrap{
      max-width: 1250px;
    }
  }

  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  .text-justify{
    text-align: justify;
  }

  .center{
    text-align: center;
    margin:0 auto;
  }
  .no-margin{
    margin:0px !important;
  }
  .margin-top{margin-top: 0px !important;}
  .no-paddingright  
  {
    padding-right:0px !important;
  }
  .no-paddingleft
  {
    padding-left:0px !important;
  }
  .no-padding{
    padding:0px !important;
  }
  .service-md-5,.service-md-7,.column-md-12,.column-md-1,.column-md-10,.column-md-3,.column-md-4,.column-md-5,.column-md-6,.column-md-9,.column-md-8,.column-md-7,.column-mdhalf-10,.column-md-2,.column-md-1
  {
   position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
 
  @media (min-width: 768px) {
    .service-md-5,.service-md-7,.column-md-1,.column-md-10 ,.column-md-3,.column-md-4,.column-md-5,.column-md-6,.column-md-9,.column-md-8,.column-md-7,.column-md-12,.column-mdhalf-10,.column-md-2,.column-mdhalf-11
    {
      float: left;
    }
    .column-md-12 {
      width: 100%;
    }
    .column-md-9 {
      width: 74%;
    }
    .column-md-8 {
      width: 66.66666667%;
    }
     .column-md-10 {
      width: 83.33333333%;
      }
    .column-md-2{
       width: 16.66666667%;
    }
    .column-md-7 {
      width: 58.33333333%;
    }
    .column-md-6 {
      width: 50%;
    }
    .column-md-5 {
      width: 41.66666667%;
    }
    .column-md-4 {
      width: 33.33333333%;
    }
    .column-md-3{
      width: 25.2%;
    }
    .column-md-1{
         width:8%;
    }
    .service-md-7 {width: 58%;}
    .service-md-5{width:42%;}
    }
    .responsive-img{
      display: block;
      max-width: 100%;
      height: auto;
          
    }
    a { text-decoration: none; }
    a:hover{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
    .ft-links li a:hover,.ft-links li.active > a,.ft-links li a:focus{color:#f8b54e;}
    .left{float: left !important}
    .right{float: right !important}


p{
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #3b3839;
}
  
.header-links li{text-align: left;float: left;display: inline-block;padding: 15px}
.call-link{display: block;padding: 11px 0}
.header-links li .call-link span{font-size: 20px;color: #7e6827;    display: inline-block;
    padding: 0 0 0 5px;font-weight: 700}
.header-links li span,.address-in-mb .address span{font-size: 16px;color: #2f2f2f;font-weight: 600;text-transform: uppercase; display: block;}
.header-links li label,.address-in-mb .address label{
    text-transform: uppercase;
    color: #985f2f;   
    display: block;
    font-weight: 700;
}
.header-links li a.call-link:hover span{color: #985f2f}
.header-links li img,.address-in-mb .address img{float: left;margin-right: 10px;}
  div#overlay { display: none; }
  a#toggle {
      position: absolute;
      top: 24px;
      right: 17px;
      width: 39px;
      height: 37px;
          background-color: #1B9789;
    background: radial-gradient(circle, #1E997F 0%, #189593 100%);
      text-align: center;
      color: white;
      cursor: pointer;
      display: none;
      z-index: 12;
      padding: 10px;
      line-height: 17px;
      border-radius: 10px;
      -webkit-transition: all ease-out 0.3s;
      -moz-transition: all ease-out 0.3s;
      -ms-transition: all ease-out 0.3s;
      transition: all ease-out 0.3s;
      border-radius: 3px;
  }
 /*-----Header css start-----*/
header {
    width: 100%;
    position: absolute;
    z-index: 11;
    height: 78px;
    border-bottom: 1px solid #373737;
}
.hidden{display: none;}
.menu_inner{margin-top: 27px;}
.menu_link nav > ul{text-align:right;float: right;}
.menu_link {display: inline-block;vertical-align: top;}
.headul {display: inline-block;vertical-align: top;position: relative;}
.mainheader{position:fixed;width:100%;z-index: 100;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;top:0;left: 0;right: 0;margin: auto;}
.menu_link ul > li{position: relative;display:inline-block;text-align: center;vertical-align: middle;}
.menu_link ul > li > a{color: #ffffff;font-size:16px;padding:15px 20px;display: block;position: relative;cursor: pointer;line-height: 100%;font-weight: 600;}
.menu_link ul > li > a i.menudrop {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  font-size: 10px;
}
.menu_link ul > li:hover > a i.menudrop {color: #f8b54e;
  transform: rotate(-86deg);
  -webkit-transform: rotate(-86deg);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.menu_link .submenu li{display:block;border-right: none;min-width: 100%;text-align: left;margin: 0;padding: 0;}
.menu_link .submenu li a{text-transform: capitalize;padding:15px 16px;font-size: 15px;color:#fff;line-height: 100%}
.menu_link .submenu{position: absolute;left: 0;top: 100%;z-index: 111;max-height: 0;overflow: hidden;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;background-color: rgb(37, 37, 37);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;width: 260px;}
.logo-left{width:287px;z-index: 1;float: left;padding:25px 0}
.menuright {
    float: left;
    width: calc(100% - 287px);
    text-align: right;
}


.menu_link ul li:before {content: "";position: absolute;width: 0;right:0;left:0;background: #f8b54e;height: 2px;border-radius: 3px; bottom:0;margin: 0 auto;}
.menu_link ul li:hover:before, .menu_link ul li.active:before{width: 80%; transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;  }
.menu_link .submenu li a:hover{border-radius: 0px;}
.menu_link li:hover .menu-level1, .menu_link .menu-level1 li:hover .menu-level2 {max-height: 1000px;-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.menu_link .submenu li{border-right: 0px !important}
.menu_link .submenu .menudrop{float: right;margin-top:2px;}
.submenu  .has-sub .menudrop{background:none;color:#fff;}
.menu_link li:hover .menu-level1 .has-sub a .menudrop, .menu_link .menu-level1 li:hover .menu-level2 .has-sub a .menudrop{color:#000}
.menu_link ul > li.hidden,.togglebtn,.menu_link nav > ul > li.hidden{display: none}
.menu_link .submenu li:before{content: none}
/*.menu_link .has-sub a.active .menudrop.openedmenu::before {content: '\f078';}*/
.menu-level1 .menudrop:before{content: '\f105'}
.modal-toggle img{padding-right:9px;}
.subheader li{display: inline-block;border-right: 1px solid #333}
.subheader li:last-child{border-right:none}
.subheader li a{color: #ededed;font-size: 14px;padding: 14px 36px;display: block}
.subheader li a:hover{color:#f89301}
.subheader li a img{margin-right: 10px;vertical-align: middle}
.openhr{float: left;padding: 12px 0 0;}
.openhr li{display: inline-block;color:#fff;font-size: 14px;position: relative;padding-right: 20px;margin-right: 20px;line-height: 100%}
.openhr li:first-child:before{content: '';position: absolute;right:1px;width: 1px;height: 13px;border-right: 1px solid #fff;z-index: 1}
.openhr li:first-child:after{content: '';position: absolute;right: 0;width: 3px;height: 13px;background:#222}
.menu_link .submenu.menu-level1 li:hover a{color: #f8b54e;}
.menu_link li:last-child:before{content: none;}
.menu_link li:last-child a.enquire_btn, .cta_listing a.enquire_btn {background: #ffffff;color: #141313;font-size: 16px;text-transform: uppercase;position: relative;text-align: center;padding: 0px 15px 0 0;border-radius: 3px;font-weight:600; display: inline-block;z-index: 0;overflow: hidden;line-height: 45px;margin-top: 5px;}
.cta_listing a.enquire_btn{font-weight:700;}
.menu_link li:last-child a.enquire_btn:hover, a.enquire_btn:hover{color: #ffffff;}
.btn span, a.enquire_btn span{display: inline-block;vertical-align: top;margin-right: 10px;margin-left: -1px;}
.enquire_btn:after , a.enquire_btn:after{
    position: absolute;
    content: '';
    background: url(../images/btn.png);
    width: 0;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    background-position: center right;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    z-index: -1;
}
.enquire_btn:hover:after, .enquire_btn:hover:before {
    opacity: 1;
    width: 120%;
}
.traingle_btn{
  background: url(../images/traingle.png);
  width: 40px;
  height: 46px;
}
.enquire_btn span:before {
    content: "";
    position: absolute;
    left: 4%;
    background: url(../images/sprite.png);
    background-position: -60px -734px;
    width: 24px;
    height: 23px;
    top: 13px;
    float: none;
}
.call_now {
    background: #f8b54e;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
    padding: 6px 18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(-90deg);
    display: table;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
    top: 6px;
    left:-57px;
    width: 100px;
    height: 33px;
    letter-spacing: 1px;
}
.call_box {
    margin-left: 30px;
    vertical-align: top;
}
.call_num {
  font-weight: 600;
  font-size: 28px;
  color: #ffffff;
  line-height: 35px;
  display: block;
}
.headul .info{
  color: #f8b54e;
  font-size: 14px;
  font-weight: 400;
}
.menu_link ul > li:last-child.btn {
    padding-right: 55px;
    padding-left: 25px;
}








.logo{    position: relative;
    z-index: 9;float: left;}
 .arrow{padding-left: 7px;
    /* vertical-align: middle; */
    /* margin-top: -10px; */
    top: -3px;
    position: relative;}
@keyframes slideDown {0% {transform: translateY(-100%);}50%{transform: translateY(-3%);}75%{transform: translateY(3%);} 100% {transform: translateY(0%);}}
@-webkit-keyframes slideDown {0% {-webkit-transform: translateY(-100%);}50%{-webkit-transform: translateY(-3%);}75%{-webkit-transform: translateY(3%);} 100% {-webkit-transform: translateY(0%);}}
.menudrop {
    z-index: 1;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-left: 9px;
    padding-left: 1px;
    color: #fff;
    font-size: 14px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: url(../images/scroll.png);
    background-repeat: no-repeat;
}
.mCSB_inside > .mCSB_container{padding-right:38px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{      width: 10px !important;height: 37px !important;}
.mCSB_scrollTools .mCSB_draggerRail{    background-color: #cccccc !important;}
.mCSB_scrollTools{opacity:1 !important;}
.mCSB_scrollTools .mCSB_dragger{    height: 46px !important;}

/* css for brdcrumb */
.breadcrumbs {
    width: 415px;
    display: block;
    background: #ffffff;
    margin: 125px auto 0;
    text-align: center;
    padding: 10px 0;
}
.breadcrumbs > li {
    font-weight: 600;
    padding: 5px 50px 5px 0;
    position: relative;
    display: inline-block;
    line-height: 100%;
}
.breadcrumbs > li:not(:last-child):before {
    content: "\f054 ";
    font-family: "FontAwesome";
    position: absolute;
    top: 6px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    background: #ececec;
    color: #3b3839;
    font-size: 8px;
    padding-left: 2px;
}
.breadcrumbs > li> a {
    font-size: 14px;
    color: #3b3839;
    position: relative;
    font-weight: 400;
}
.breadcrumbs > li> a:hover{
  color: #f8b54e;
}
.breadcrumbs > li:last-child a{
font-weight:600;
}
.breadcrumbs > li:last-child {
    padding-right: 0;
}
input[type=text], input[type=submit], input[type=email], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-control {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    height: 63px;
    background-color: #fff;
    font-size: 14px;
    color: #868686;
    border-radius: 3px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    font-weight: 400;
}
textarea{resize: none;}
body.fixed-header header{position: fixed;background: #000000;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;height: auto;-webkit-animation-duration: 0.7s;-webkit-animation-name: headfadeIn;animation-name: headfadeIn;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
body.fixed-header header .logo-left{padding: 20px 0 10px;}
body.fixed-header header .logo-left img{width: 65%;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #656565;
      font-family: rucksack, sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #656565;
        font-family: rucksack, sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #656565;
        font-family: rucksack, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
 color: #656565;
        font-family: rucksack, sans-serif;
}

@-webkit-keyframes headfadeIn { 0% { opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);} 100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes headfadeIn {0% {opacity: 0; -webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}

.call_box .call_num:hover{color: #f8b54e;}
.call_box a.info:hover{text-decoration: underline;}

/*=============== get in touch =================*/

.get_bg{
  background: url(../images/get-in-touchbg.jpg) no-repeat;
  background-size: contain;
  padding: 70px 0 0;
}



.patterbg{
  background: url(../images/servicebg.png) #efefef no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.inner_banner{
  background: url(../images/inner-bg.png)no-repeat;
  background-size: cover;
  padding: 50px 0 0;  
}
/*====================   button css ===================*/
.btnmore {color: #252525;background: #ffffff;border:1px solid #e1e1e1;position: relative;font-size: 16px;text-transform: uppercase;font-family: RuskSack Demi;padding: 15px 17px 15px 59px;border-radius: 3px;line-height: 100%;height: 45px;width: 156px;overflow: hidden;-webkit-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;z-index: 1;display: block;text-align: center;white-space: nowrap;vertical-align: middle;    margin:40px auto 0;}
.btnmore:before {content: '';position: absolute;top: 0;right: -50px;bottom: 0;left: 0;border-right: 9px solid transparent;border-top: 51px solid #252525;-webkit-transform: translateX(-100%);z-index: -1;transform: translateX(-100%);-webkit-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;}
.btnmore:hover::before{-webkit-transform: translateX(0);transform: translateX(0);}
.btnmore:hover, .btnmore:hover i {color: #ffffff;}
.btnmore i {position: absolute;color: #252525;font-size: 20px;width: 26px;height: 45px;background: #f8b54e;top: 0;left: 0;line-height: 45px;z-index: 1;}
.btnmore:after {content: "";position: absolute;top: -25px;left: 10px;width: 0;height: 0;border-top: 48px solid transparent;border-left: 36px solid #f8b54e;border-bottom: 49px solid transparent;}
.btnmore:hover i{color: #252525;}
.btnmore .fa-angle-double-right:before {content: "\f101";margin-left: 13px;}


/*====================   footer css ===================*/

footer .wrapper{
  max-width: 1163px;
}
.gray-left-arrow, .gray-right-arrow, .light0ragnge-left-arrow, .lightorange-right-arrow, .white-left-arrow, 
.white-right-arrow, .yellow-left-arrow, .yellow-right-arrow, .qoute, .target, 
.roof, .serach, .pencil, .rpordt, .wall, 
.edit, .call, .check, .mail, .doublearrow, 
.phone, .location
{ float: left; }


footer{
  background: url(../images/footerbg.png) no-repeat;
  padding: 60px 0 0;
  background-size: cover;
}

.ft_logo{
  width: 44.13%;
  float: left;
}
.foot_info{
  width: 55.86%;
  float: left;
}
.ft_add {
    width: 30.64%;
    float: left;
}
.ft_location{
  width: 69.09%;
  float: left;
}
/*.ft_add:not(:last-child) {
    margin-right: 20.94%;
}*/
.location{
 background: url(../images/sprite.png)no-repeat;
 float: left;
 margin-right: 4%;
 margin-top:5px;
 background-position: -10px -823px; width: 11px; height: 16px;
}

.add{
  width: 160px;
  float: left;
}
.add p{color: #747373;font-size: 14px;font-weight:700;line-height: 20px;}
.social li{display: inline-block;margin-top: 10px;}
.social li a i{
  width: 32px;
  height: 32px;
  background:#313131;
  border-radius: 100%;
  color: #ffffff;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.social li:hover i.fa-facebook {
  background: #135d9c;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.social li:hover i.fa-instagram {
  background: rgba(250,196,108,1);
    background: -moz-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,rgba(250,196,108,1)),color-stop(28%,rgba(225,66,89,1)),color-stop(54%,rgba(181,51,142,1)),color-stop(77%,rgba(129,82,164,1)),color-stop(100%,rgba(91,108,178,1)));
    background: -webkit-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -o-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
    background: linear-gradient(45deg,rgba(250,196,108,1) 0%,rgba(225,66,89,1) 28%,rgba(181,51,142,1) 54%,rgba(129,82,164,1) 77%,rgba(91,108,178,1) 100%);
   transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}


.social li:first-child{margin-right:5px;}
.phone { float: left;background: url(../images/sprite.png)no-repeat;margin-right: 5%;margin-top:7px; background-position: -33px -817px; width: 12px; height: 13px;}
.ft_info a{color: #747373;font-size: 14px;font-size: 14px;font-weight:700;}
.mail { background: url(../images/sprite.png)no-repeat;background-position: -62px -797px; width: 14px; height: 10px;margin-right: 5%;margin-top:7px;}
.ft_info a p{font-weight:700;font-size: 14px;}
.ft_info li{margin-bottom: 15px;}
.ft_menu {border-top: 1px solid #252525;border-bottom: 1px solid #252525;padding: 10px 100px;margin: 40px 0 0;text-align: center;/*display: table;*/}
.ft_info li a p{color: #747373;}
.ft_menu li {/*display: table-cell;width: 1%;*/text-align: center;display: inline-block;padding: 0 25px;}
.ft_menu li a{font-weight:400;font-size: 14px;display: block;padding: 15px 0;color: #747373;}
.ft_menu li.active a, .ft_menu li a:hover, .ft_info li a:hover, .ft_info a:hover p{color: #f8b54e;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.ft_info li a:hover{text-decoration: underline;}
.copyright p{font-weight:400;font-size: 14px; text-align: center;text-transform: uppercase;padding: 20px 0;color: #747373;}


.title, .cont_title {
    font-size: 40px;
    font-weight: 600;
    color: #3b3839;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    line-height: 29px;
}
.title{
  width: 400px;
    background: transparent;
    margin: 0 auto;
    position: relative;
}
.title:after, .title:before , 
.cont_title:before , .cont_title:after {
    content: "";
    background: url(../images/sprite.png);
    position: absolute;
    width: 96px;
    height: 30px;
}
.sub_title {color: #252525;font-size: 28px;text-transform: uppercase;text-align: center;font-weight:700;margin-bottom: 30px;}



/*---------  get in touch ----------*/

.badge-box {width: 52.43%;float: left;margin-right: 4.06%;}
.get-touch-box{width: 43.25%;float: left;}
.badge-img{position: relative;}
.badge-img:before{content: "";position: absolute;background: url(../images/badge.png)no-repeat;width: 163px;height: 201px;right:35px;top:35px;}
.get_title{color: #232323;font-size: 40px;text-transform: uppercase;font-weight:600;margin-bottom: 15px;}
.get_form p{font-weight:400;}
.get_form .width50 {padding: 0 10px;}
.get_form .form-group {margin-bottom: 20px;}
.width50 {width: 50%;padding-left: 15px;padding-right: 15px;position: relative;float: left;}
.get_form .form-control {border-color: transparent;font-size: 14px;font-weight: 400;}
.get_form .row {margin: 0 -10px;}
.get_form form{margin-top: 35px;}
.get_form textarea{height: 135px;width: 71.42%;float: left;}
.btnbox{width:100%;height: 135px;text-align: center;border-radius: 3px;background: #3b3839;text-transform: uppercase;line-height: 130px;float: right;border:0;position: relative;cursor: pointer;}
.btnbox .submitbtn{font-weight:600;font-size: 18px;color: #ffffff;background: transparent;border:0;position: relative;z-index: 1;text-transform: uppercase;}
.btnbox:before{
  border-radius: 3px;
  content: "";
  position: absolute;
  left:0;
  bottom:0;
  width: 100%;
  height: 0;
  background: #f8b54e;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.btnbox:hover:before{
  opacity: 1;
  height: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.get_form .btnbox .submitbtn{font-weight: 700;}
.btnbox:hover .submitbtn{color: #252525;}
.btnbox{width: 24.43%;float: right;}
.cta_box{background: #252525;padding: 12px 15px;margin-top: 16px;}
.border_cta{border:4px solid #3b3b3b;padding: 25px 0;}
.cta_text {width: 53.53%;float: left;padding: 0 35px 0 25px;}
.cta_text p{font-weight:300;color: #f8b54e;line-height: 28px;}
.cta_call{width: 42.48%;float: left;}
.call {background: url(../images/sprite.png); background-position: -60px -766px; width: 19px; height: 21px; width: 19px; height: 21px;right:0;left:0;top:0;bottom:0;margin:auto;position: absolute;}
.cta_icon{width: 55px;height: 55px;background: #ffffff;text-align: center;position: relative;border-radius: 100%;float: left;margin-right: 15px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.cta_call p span{display: block;font-weight:600; font-size: 24px;}
.cta_call p {float: left;color: #ffffff;font-weight:300; line-height: 25px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.cta_call a:hover p{color: #f8b54e;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.cta_call a:hover .cta_icon {background: #f8b54e; transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.badge-img img{height: 597px;}


/*-------------- pratner css ----------*/

.partner{padding: 60px 0;}
.partner_inner .title:before { left: -20%; background-position: -10px -40px; }
.partner_inner .title:after { background-position: -10px -0px;  right: -20%;}
ul.ourpartners {padding: 0 55px;}
.ourpartners li {padding: 0;margin: 10px 25px;border:1px solid #ebebeb;background: #fff;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.ourpartners img {display: block;margin:0 auto;}
.ourpartners{margin-top:40px;}
.partnerimg img {position: absolute;left: 0;right: 0;margin: auto;bottom: 0;top: 0;max-height: 100%;}
.partnerimg {position: relative;overflow: hidden;background: #fff;height: 104px;}
.ourpartners li:hover{border:1px solid #f8b54e;}
.disblock {
    display: block;
}
.partner .title{color: #232323;}
.scrollTop {position: fixed;right: 2%;bottom: 10px;border-radius: 4px;background: #f8b54e;opacity: 0;height: 40px;width: 40px;line-height: 36px;text-align: center;font-size: 22px;color: #252525;z-index: 10;}

.get_form form span.phone{width: 100% !important;height: 63px !important;margin-top: 0;}
.get_form .btnbox .submitbtn{width: 100%;}

.welcome_box h1{line-height:normal; margin:0 0 15px; }

.about .title:before {
    background-position: -10px -280px;
    left: -13%;
}
.about .title:after {
    background-position: -10px -240px;
    right: -13%;
}
.error-page {text-align:center;  margin:25px 0 0;}
.error-page p{font-weight:500; }
.error-page a{color:#f9a021;}
.error-page a:hover{text-decoration:underline;}
/*UI FIXES*/
.menu_link ul > li > a{text-transform: uppercase;}
.gallery_caption ul{padding: 25px 0 0 0;}
.gallery_caption ul li{position: relative;padding-left: 30px;}
.gallery_caption ul li:not(:last-child){margin-bottom: 10px;}
.gallery_caption ul li:before{content: "";position: absolute;left: 0;background: url(../images/sprite.png);background-position: -32px -764px;
    width: 18px;height: 20px;top: -3px;float: none;}
	
.welcome_box.suburbbox  h1{color:#3b3839!important; font-weight:600!important;}
.welcome_box.suburbbox  h2{color:#3b3839!important; font-weight:600!important;}




