/*
Theme Name: Granite Mountain
Author: WTS WP Team
Description: WTS Custom Theme converted to WordPress
Version: 0.0.1
Tags: bootstrap
*/
@import url('css/bootstrap.css');
@import url('css/rangeslider.css');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,800,900');

/*font-family: 'Work Sans', sans-serif;*/
body{margin:0;padding:0;font-family:'Work Sans', sans-serif;-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; width: 100%; font-weight: 400;color: #707070; font-size: 20px; line-height: 30px;}
p{margin: 0 0 20px 0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;padding:0; color:#003767;}
h1{font-size: 40px; line-height: 50px;}
h3{font-size: 24px; line-height: 28px;}
h4{font-size: 18.96px;}
h5{font-size: 14px; }

a{margin:0;padding:0;text-decoration:none !important;outline:none !important;color: #707070;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover{color: #FF9B45;}
ul,li{margin:0;padding:0;list-style:none;}
::-webkit-input-placeholder{opacity:1; color: #707070;}
:-ms-input-placeholder{opacity:1;color: #707070;}
::-moz-placeholder{opacity:1;color: #707070;}
:-moz-placeholder{opacity:1;color: #707070;}

img{max-width: 100%;}


input[type="text"],input[type="tel"],input[type="password"],input[type="email"],select{width: 100%; -webkit-appearance:none;appearance:none;
-webkit-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0;}

textarea{resize: none;border: 2px solid #003767; height: 186px; width: 100%;padding: 10px 35px;    -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none; border-radius: 0;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"]{border: 2px solid #003767; height: 56px; width: 100%;padding: 0 35px;}



select{
  border: 2px solid #003767;
  height: 56px;
  width: 100%;
  padding: 0 35px;
  background: url(images/select_arr.png) no-repeat calc(100% - 35px) center;
  background-color:#fff ; 
  background-size: 25px;
  font-size: 20px;
  font-weight: 400;
  padding-right: 70px;
  outline: none ;
  -webkit-appearance: none;
  -moz-appearance: none; 
  -ms-appearance: none;
  -o-appearance: none;
   appearance: none;
   color:#707070;
   letter-spacing: 3px;
}
select::-ms-expand {
    display: none;
}

.contact_bot input[type="submit"]{height: 56px; width: 100%; border: 2px solid #FF9B45; background: none; font-size: 24px; 
	color: #FF9B45; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-weight: 800;
  -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;border-radius: 0;

}

.contact_bot input[type="submit"]:hover{background:#FF9B45; color: #fff; }



.container{width: 1350px; max-width: 100%;}


.main_head{position: absolute; left: 0; top: 0; z-index: 99; width: 100%; padding: 4px 0;}
.main_head .navbar{background: none; margin: 0; padding: 0; min-height: inherit; height: inherit;
border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.main_head .navbar-nav{line-height: 0; margin-top: 36px;}
.main_head .navbar-nav > li{padding:0; position: relative; margin-right: 10px;}
.main_head .navbar-nav > li:last-child{margin-right:0;}
.main_head .navbar-nav > li > a{font: 400 20px/24px 'Work Sans', sans-serif;color: #fff !important; padding: 10px 15px;
overflow: hidden; position: relative; display: inline-block;}




.main_head .navbar-nav > li > a:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom:0.5px;
  left: 0.5px;
  width: calc(100% - 1px);
  height: 1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
.main_head .navbar-nav > li > a:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0.5px;
  left: 0.5px;
  width: calc(100% - 1px);
  height: 1px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}

.main_head .navbar-nav > li > a:hover:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height: calc(100% - 1px);
  border-color: #FF9B45;
}
.main_head .navbar-nav > li > a:hover:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height:  calc(100% - 1px);
  border-color:#FF9B45;
}

.main_head .navbar-nav > li.current-menu-item > a:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height:  calc(100% - 1px);
  border-color: #FF9B45;
}

.main_head .navbar-nav > li.current-menu-item > a:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height:  calc(100% - 1px);
  border-color:#FF9B45;
}

.main_head .navbar-nav > li.menu-item-has-children:hover > a:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height:  calc(100% - 1px);
  border-color: #FF9B45;
}

.main_head .navbar-nav > li.menu-item-has-children:hover > a:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height:  calc(100% - 1px);
  border-color:#FF9B45;
}







.main_head .navbar-nav > li > .sub-menu{background: #fff;position: absolute;top: 100%;left: 0;z-index: 1000;display: none;border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0; -o-border-radius: 0;border-radius: 0; width: 180px;}
.main_head .navbar-nav > li:last-child > .sub-menu{ right: 0; left: inherit;padding:0; }
.main_head .navbar-nav > li > .sub-menu > li > a{font: 400 15px/20px 'Work Sans', sans-serif;color: #000; display: block; width: 100%; padding: 5px 10px;}
.main_head .navbar-nav > li > .sub-menu > li{width: 100%; display: block;}
.main_head .navbar-nav > li > .sub-menu > li > a:hover{background:#00bce4;  color: #fff;}
.logobox a{
  display: inline-block;

}

.banner_sec{width: 100%;position: relative;}
.banner_sec:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,55,103,0.81);}

.banner_sec img{width: 100%;}
.banner_caption{position: absolute; left: 0;right:0; margin: 0 auto; bottom: 107px; padding-left: 105px; }
.banner_caption h1{color: #fff;font-size: 40px;line-height: 50px;font-weight: 400;letter-spacing: 7px; margin-bottom: 0;}
.banner_caption h1 span{
  font-weight: 800;
}
.banner_caption:before{ content: ''; height:calc(100% + 107px); background: #FF9B45; width: 2px; position: absolute; left: 56px;  }


.main_body{width: 100%;}
.main_bodyn p:last-child{margin-bottom: 0;}
.about_sec{width: 100%; background: #fff;}
.cmn_padding{padding-top: 90px; padding-bottom: 90px;}
.about_sec_bott{padding-left: 85px;}

.sec_heading{font-size: 40px;line-height: 50px;font-weight: 400;letter-spacing: 7px; color:#003767; margin-bottom: 30px;}
.sec_heading span{display: inline-block; border: 2px solid #FF9B45; padding: 10px 75px; font-weight: 800;}
.about_sec{padding-bottom: 45px; width: 100%;}

.about_sec_lft{width: 100%; position: relative;}
.about_sec_outer{padding-top: 0;}
.about_sec_rt{width: 100%; padding-top: 45px; text-align: center;}
.about_sec_lft{position: relative; width: 100%;}
.homebody .about_sec_lft:before{ content: ''; height:100%; background: #FF9B45; width: 2px; position: absolute; left: 41px;  }
.about_sec_lft .sec_heading.cmn_padding{padding-bottom: 0;}

.services_sec{width: 100%; padding-bottom: 70px;}
.services_sec .row{margin: 0 -10px;}
.services_sec .col-lg-4{padding: 0 10px;}
.services_box{position: relative; width: 100%; display: inline-block; line-height: 0;}
.services_box_im{width: 100%; position: relative;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.services_box_im:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: url(images/boxes.svg) no-repeat; background-size: 100%;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.services_box_title{position: absolute; left: 0; bottom: 0; background: #fff; width: 40%; height: 33.33%; display: -webkit-box; font-weight: 800;
  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;-ms-flex-align: center;-webkit-align-items: center;
-webkit-box-align: center;align-items: center; font-size: 20px; line-height: 25px; text-align: left;color:#003767;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.services_box:hover .services_box_title{color:#FF9B45;}
.services_box:hover .services_box_im:before{background-color:rgba(0,55,103,0.81) !important; }

.services_box.active .services_box_title{color:#FF9B45;}
.services_box.active .services_box_im:before{background-color:rgba(0,55,103,0.81) !important; }



.homebody.cmn_padding{padding-top: 0;}


.footersec{width: 100%; background: #003767; position: relative; border-top: 3px solid #FF9B45; overflow: hidden;}
.footersec > .row{margin: 0;}
.footersec .footersec_iframe{position: absolute; left: 0; top: 0; padding: 0;-ms-flex: 0 0 36%;
flex: 0 0 36%;max-width: 36%; height: 100%; z-index: 5;  }
.footersec .footersec_iframe img,.footersec .footersec_iframe iframe{height: 100%; /*object-fit: cover;*/ width: 100%; border: none;}



.foot_top{padding: 120px 0 100px; color:#fff;}
.foot_top h3{font-size: 24px; letter-spacing: 3px; line-height: 30px; color: #fff; font-weight: 400; min-height: 104px; margin-bottom: 20px;}

.foot_top h3 span{
  font-weight: 800;

}
.contact_list{width: 100%;}
.contact_list li{font-size: 18px; line-height: 22px; padding-left: 26px; margin-bottom: 2px;}
.contact_list li a{color:#fff;}
.contact_list li a:hover{color:#FF9B45;}
.con_address{background: url(images/location-arrow.svg) no-repeat left 6px; background-size: 14px; margin-bottom: 25px !important;}
.home_phn{background: url(images/phone.svg) no-repeat left 5px;background-size: 13px;}
.ofc_fax{background: url(images/fax.svg) no-repeat left 4px;background-size: 13px;}

.addi_links li{font-size: 18px; line-height: 22px;margin-bottom: 5px;}
.addi_links li a{color:#fff;}
.addi_links li a:before{content: '\+'; margin-right: 10px;}
.addi_links li a:hover{color:#FF9B45;}
.footer_bot{padding-bottom: 30px;}
.footer_bot p{font-size: 15px; line-height: 20px; color: #9D9D9D; margin-bottom: 0;}


.accordion .card-header{padding: 0; text-align: left;background-color: transparent;  
	-webkit-border-radius: 0; -ms-border-radius: 0;-moz-border-radius: 0; border: none; }
.accordion .card-header h5{margin: 0; padding: 0; font-size: 24px; line-height: 30px; color: #003767;letter-spacing: 3px; font-weight: 800;}
.accordion .card-header h5 button{ width: 100%;text-align: left;background-color: rgba(0,0,0,0.04); border: 2px solid transparent;     font-weight: 800;
	padding: 15px 30px; color: #003767;  background: url(images/minus.svg) no-repeat calc(100% - 25px) center;
background-size: 26px;background-color: rgba(0,0,0,0.04); outline: none !important; cursor: pointer;}
.accordion .card-header h5 button.collapsed{background-image: url(images/plus.svg);}
.accordion .card{border: none;margin-bottom: 30px;}
.accordion .card-body{padding: 10px 30px 30px;background: rgba(0,0,0,0.04);}
.accordion .card-header h5 button.collapsed{background-color: transparent !important;border: 2px solid #FF9B45; }



.equipment_list{margin-bottom: -16px;display: -webkit-box;display: -ms-flexbox;
display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -8px;margin-left: -8px;}
.equipment_list li{margin-bottom: 16px;-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%; padding-left: 8px;padding-right: 8px;}

.equip_box{width: 100%;}
.equip_box figure{width: 100%; border: 1px solid #A5A5A5; margin-bottom: 20px; text-align:center;}
.equip_box figure:hover img{opacity: 0.7;}
.equip_box figure img{width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.equip_box h4{font-size: 20px; line-height: 35px; color: #707070; font-weight: 400;}
.equip_box h4 a{color: #707070;}
.equip_box h4 a:hover{color:#FF9B45;}
.accor_expadding{padding-left: 80px; padding-right: 80px;}
.accordion .card-body h3{font-size: 24px; line-height: 30px; color: #003767;letter-spacing: 3px;font-weight: 800;}

.addi_manu_equip{margin: 0; padding: 0;}
.addi_manu_equip li{position: relative; padding-left: 30px; margin-bottom: 3px;}
.addi_manu_equip li:before{content: '\•'; position: absolute; left: 0; top: 0;}


.contact_top{width: 100%; display: inline-block;}
.contact_top .sec_heading{width: 45%; float: left;}
.contact_topR{float: left; width: 55%; margin-top: 12px;}
.contact_topR li{width: 45%; float: left; font-size: 18px; line-height: 21px;}
.contact_topR li span{padding-left: 25px; display: inline-block; width: 100%;}

.contact_topR .con_address{background-image: url(images/location-arrow-blue.svg); margin-bottom: 10px !important;}
.contact_topR .home_phn{background-image: url(images/phone-blue.svg);}
.contact_topR .ofc_fax{background-image: url(images/fax-blue.svg);}

.contact_fld_select{max-width: 50%; padding-right: 15px;}

.contact_bot{width: 100%;}
.contact_fld{margin-bottom: 20px; width: 100%;}
.contact_fld > label{letter-spacing: 3px; margin-bottom: 5px; display: block;}


.contact_bot input[type="submit"]{width: 315px;}


.services_box_im img{

  width: 100%;
}
.contact_fld {
    margin-bottom: 20px;
  }
.content_all .contact_top .sec_heading {
    width: 100%;
    float: none;
}

.equip-text p{margin-bottom: 12px;}

.equip-text{margin-bottom: 15px;}
.equip-text:last-child{margin-bottom: 0;}





@media(min-width:1025px){

.main_head .navbar-nav > li.menu-item-has-children:hover > .sub-menu{ display: block; }

}

@media (max-width: 1600px) {
.footersec .footersec_iframe{-ms-flex: 0 0 34%;flex: 0 0 34%;max-width: 34%;}
}



@media (max-width: 1366px) {
.container{width: 1170px; max-width: 100%;}
.footersec .footersec_iframe{-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
.logobox img{max-width: 430px;}
.main_head .navbar-nav{margin-top: 28px;}
.main_head .navbar-nav > li > a{font-size: 16px; line-height: 24px;}
body{font-size: 16px; line-height: 24px;}
.banner_caption h1{font-size: 35px;line-height: 45px;font-weight: 400;letter-spacing: 5px;}

.foot_top h3 {
    font-size: 20px;
    line-height: 26px;
    }
}


@media (max-width: 1199px) {
.container{width: 940px; max-width: 100%;}
.logobox img {
    max-width: 255px;
}
.sec_heading {
    font-size: 28px;
    line-height: 36px;
  }
  .services_box_title{
    font-size: 18px;
    line-height: 22px;
  }
  .main_head .navbar-nav > li{margin-right: 4px;}


  select {
    padding: 0 18px;
    background-position: calc(100% - 18px) center;
    background-size: 16px;
    font-size: 15px;
    padding-right: 18px;
  }

  input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea{
    padding: 0 18px;
  }

  .contact_top .contact_topR{width: 52%;}
  .contact_top .sec_heading{width: 48%;}
}
@media(max-width:1024px)
{

 .main_head .navbar-nav .clickD { position: absolute;right: -19px;top: 0;width: 19px;height: 100%;background: url(images/sort-down.svg)center 47% no-repeat; cursor: pointer; display: block;background-size: 10px;}
.main_head ul.navbar-nav li .clickD.toggled + .sub-menu{display:block;}
.main_head .navbar-nav > li > a:before, .main_head .navbar-nav > li > a:after{
  display: none;
}
.main_head .navbar-nav > li > a{
  border: 1px solid transparent;
}
.main_head .navbar-nav > li > a:hover, .main_head .navbar-nav > li.current-menu-item > a{
  border-color: #FF9B45;
}


.equip_box figure img{object-fit: contain;}

}


@media (max-width: 991px) { 
.navbar-toggler{
  width: 50px;

}
.main_head .navbar-nav > li{
  margin-right: 0;
}
.main_head .navbar-nav > li > a{
  width: 100%;
 }
 .main_head .navbar-nav{
      background: #003767;
 }
 .banner_caption{
  bottom: 40px;
 }
 .banner_caption h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .banner_caption{
    padding-left: 58px;
  }
  .about_sec_bott{
    padding-left: 48px;
  }
  .sec_heading span {
 
    padding: 10px 45px;
}
.services_box_title{
  width: 60%;
}
.banner_caption:before{
  left: 40px;
}
.homebody .about_sec_lft:before{
      left: 25px;
}
.navbar-toggler:focus{
outline: none;
}
.contact_topR li {
    width: 50%;
    }
    .contact_topR{
  display: block;
  width: 100% !important;
}
.contact_top .sec_heading {
    width: 100%;

    }
    .contact_topR{
      margin-bottom:20px;
    }
    .equipment_list li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  select {
    padding: 0 10px;
    background-position: calc(100% - 10px) center;
    background-size: 13px;
    font-size: 12px;
    padding-right: 10px;
}
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea{
    padding: 0 10px;
  }
  .main_head .navbar-nav > li > a:hover, .main_head .navbar-nav > li.current-menu-item > a {
    border-color: #FF9B45;
    background: #FF9B45;
}



}


@media (max-width: 767px) {
.footersec .footersec_iframe {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}
.footersec .footersec_iframe img, .footersec .footersec_iframe iframe {
    height: 303px;
  
}

.foot_top {
    padding: 50px 0 50px;
    
}
.foot_top h3{
  min-height: auto;
}
.services_sec {
  
    padding-bottom: 50px;
}
.cmn_padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner_caption h1 {
    font-size: 20px;
    line-height: 24px;
}
.about_sec_rt {
    padding-top: 10px;
}
.services_sec .col-lg-4{
  margin-bottom: 30px;

}

.services_sec .col-lg-4:last-child{
  margin-bottom: 0;

}

.foot_top .col-md-7{
  margin-bottom: 30px;

}
.about_sec_bott {
    padding-left: 0;
}
.banner_caption{
  padding: 20px 15px;
}
.banner_caption:before{
  display: none;
}
.homebody .about_sec_lft:before{
  display: none;
}
.equipment_list li {

    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.accor_expadding {
    padding-left: 0;
    padding-right: 0;
}
.contact_fld_select {
    max-width: 100%;
    padding-right: 0;
  }
  .foot_top h3, .accordion .card-body h3{
    font-size: 19px;
    line-height: 24px;
  }
  .contact_list li, .addi_links li{
    font-size: 16px;
    line-height: 20px;
  }
  .equipment_list li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }





}


@media (max-width:624px) {
  .banner_caption{
  
    position: relative;
    bottom: inherit;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sec_heading {
    font-size: 20px;
    line-height: 32px;
        letter-spacing: 2px;
}
.logobox img {
    max-width: 212px;
}
.accordion .card-header h5 {
  
    font-size: 16px;
    line-height: 22px;
    }
    .equip_box h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .contact_topR li {
    width:100%;
}
.contact_topR .home_phn{
  margin-bottom: 10px;
}
.contact_bot input[type="submit"] {
    width: 286px;
}
}
@media (max-width:479px) {
  .contact_bot input[type="submit"] {
    width: 100%;
}
select {
    padding: 0 6px;
    background-position: calc(100% - 6px) center;
    background-size: 12px;
    font-size: 13px;
    padding-right: 6px;
    letter-spacing: 1px;
}
.accordion .card-header h5 button{
      padding: 15px 10px;
    background-position: calc(100% - 10px) center;
    background-size: 30px;
  }
  input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea{
    padding: 0 6px;
  }
  .accordion .card-header h5 button.collapsed{padding-right: 44px;}
}