/*-----------------------------------------------------------------------------------


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. About Area
  04. Service Area
  05. Offer Area
  06. Project Area
  07. Call to Action Area
  08. Team Area
  09. Testimonial Area
  10. Blog Area
  11. Brand Area
  12. Newsletter Area
  13. Counterup Area
  14. Google Map Area
  15. Bradcaump Area
  16. Our Mission Area
  17. Project Area
  18. Blog Details Area
  19. Single Service Area
  20. Single Project Area
  21. Contact Area
  22. Log In Register Area

-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/

/*

    font-family: 'Raleway', sans-serif;

    font-family: 'Open Sans', sans-serif;

    font-family: 'Josefin Sans', sans-serif;


*/


/*------------------
  01. Reset
--------------------*/
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

/*----------------------
  02. Helper Classes
------------------------*/
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*-----------------------
  03. Typography
------------------------*/
html {
    font-size: 100%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 87.5%;
    }
}
body {
    font-family: 'Open Sans', sans-serif;
    color: #1f2d30;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-family: 'Open Sans', sans-serif;
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
     text-align: justify;


}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Raleway', sans-serif;
    color: #1f2d30;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1, .h1 {
    font-size: 40px;
    font-weight: 700;
}
h2, .h2 {
    font-size: 30px;
    font-weight: 400;
}
h3, .h3 {
    font-size: 14px;
    font-weight: 400;
}
h4, .h4 {
    font-size: 14px;
    font-weight: 400;
}
h5, .h5 {
    font-size: 18px;
    font-weight: 400;
}
h6, .h6 {
    font-size: 16px;
    font-weight: 300;
}
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 30px;
        font-weight: 400;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 16px;
    }
}
ul,
ol {
    list-style: none;
}

ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}
strong {
    font-weight: 600;
}
hr {
    margin: 1.625em 0;
    border-color: #e6e6e6;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a {
    color: #fff;
}
a:hover,
a:focus,
a:active {
    color: #fff;
}
p a:hover,
p a:focus,
p a:active {
    color: #fe3024;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

body {
  overflow-x: hidden;
}
/*---------------------
` 04. Transtion
-----------------------*/
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
input,

select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

/*---------------------
  05. Images
----------------------*/
img, .img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
p + img,
img:last-child {
  margin-bottom: 0;
}
body {
  background: #fff;
}
.mark, mark {
    background: #fe3024 none repeat scroll 0 0;
    color: #ffffff;
}
/*-------------------------------
  06. Bg-Color
-------------------------------------*/
.bg__theme {
    background: #fe3024;
}
.bg__white {
  background: #fff;
}
.bg__gray {
    background: #fafafa;
}
.bg__dark {
    background: #151515;
}
.bg__cat--1{
    background-color: #01245a;
}




/*-------------------------------
  07. Social Icon Text Color
-------------------------------*/
.color--facebook {
  color: #3b5998;
}
.color--twitter {
  color: #00aced;
}
.color--googleplus {
  color: #dd4b39;
}
.color--instagram {
  color: #125688;
}
.color--pinterest {
  color: #cb2027;
}
.color--dribbble {
  color: #ea4c89;
}
.color--behance {
  color: #053eff;
}
/*-------------------------------
  08. Social Icon Bg Color
-------------------------------*/
.bg--facebook {
  background: #3b5998;
}
.bg--twitter {
  background: #00aced;
}
.bg--googleplus {
  background: #dd4b39;
}
.bg--instagram {
  background: #125688;
}
.bg--pinterest {
  background: #cb2027;
}
.bg--dribbble {
  background: #ea4c89;
}
.bg--behance {
  background: #053eff;
}
/*-----------------------------
  09. Text Color
--------------------------------*/
.text--theme { 
  color: #fe3024;
 }
.text--blue { 
  color: #fe3024;
 }
.text--white { 
  color: #fff ;
}
.text--black { 
  color: #363636; 
}
.text--white { 
  color: #fff;
 }

/*--------------------------
  10. Bg Images
----------------------------*/

 .bg--1 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/1.jpg") no-repeat fixed 0 0 / cover ;
}

 .bg--1 {
  background: rgba(0, 0, 0, 0) url("../../images/others/2.png") no-repeat scroll 0 0 / cover ;
}



/*----------------------------
  11. Background overlay 
---------------------------------*/
[data__overlay] {
    position: relative;
}
[data__overlay]:before {
    position: absolute;
    content: '';
    background: #3f51b5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data__overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
[data__overlay].image--light:before {
    background: #fff;
}
[data__overlay].bg--primary:before {
    background: #425cbb;
}
[data__overlay="1"]:before {
    opacity: 0.1;
}
[data__overlay="2"]:before {
    opacity: 0.2;
}
[data__overlay="3"]:before {
    opacity: 0.3;
}
[data__overlay="4"]:before {
    opacity: 0.4;
}
[data__overlay="5"]:before {
    opacity: 0.5;
}
[data__overlay="6"]:before {
    opacity: 0.6;
}
[data__overlay="7"]:before {
    opacity: 0.7;
}
[data__overlay="8"]:before {
    opacity: 0.8;
}
[data__overlay="9"]:before {
    opacity: 0.9;
}
[data__overlay="10"]:before {
    opacity: 1;
}


/*---------------------------------
  12. Background Black Overlay 
---------------------------------*/

[data--black__overlay] {
    position: relative;
}

[data--black__overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--black__overlay="1"]:before {
    opacity: 0.1;
}

[data--gray__overlay] {
    position: relative;
}

[data--gray__overlay]:before {
    position: absolute;
    content: '';
    background: #fafafa;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--gray__overlay="9"]:before {
    opacity: 0.9;
}
[data--gray__overlay="9.5"]:before {
    opacity: 0.95;
}


[data--black__overlay="2"]:before {
    opacity: 0.2;
}
[data--black__overlay="3"]:before {
    opacity: 0.3;
}
[data--black__overlay="4"]:before {
    opacity: 0.4;
}
[data--black__overlay="5"]:before {
    opacity: 0.5;
}
[data--black__overlay="6"]:before {
    opacity: 0.6;
}
[data--black__overlay="7"]:before {
    opacity: 0.7;
}
[data--black__overlay="8"]:before {
    opacity: 0.8;
}
[data--black__overlay="9"]:before {
    opacity: 0.9;
}
[data--black__overlay="10"]:before {
    opacity: 1;
}
[data--black__overlay="0"]:before {
    opacity: 0;
}

[data--black__overlay="0"] > div{
  z-index: 5;
  color: #fff;
}


[data--1f2d30__overlay] {
    position: relative;
}

[data--1f2d30__overlay]:before {
    position: absolute;
    content: '';
    background: #1f2d30;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--1f2d30__overlay="9.5"]:before {
    opacity: 0.95;
}



[data--theme__overlay] {
    position: relative;
}

[data--theme__overlay]:before {
    position: absolute;
    content: '';
    background: #fe3024;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--theme__overlay="9"]:before {
    opacity: 0.9;
}




/*-------------------------
  13. Input
--------------------------*/
input[type=text],
input[type=email],
input[type=password]{
    width: 100%;
}
select {
    width: 100%;
    
}
input:focus {
    background: transparent;
    border: 1px solid #fe3024;
}
textarea {
    resize: none;
    background: #fe3024;
    border: 1px solid #fe3024;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 1px solid #fe3024;
    outline: none;
}
/*----------------------------
  14. Basic margin padding
-----------------------------*/
.m--0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p--0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*---------------------------
  15. Margin top
--------------------------*/
.mt--0 { margin-top: 0 }
.mt--10 { margin-top: 10px }
.mt--15 { margin-top: 15px }
.mt--20 { margin-top: 20px }
.mt--30 { margin-top: 30px }
.mt--40 { margin-top: 40px }
.mt--50 { margin-top: 50px }
.mt--60 { margin-top: 60px }
.mt--70 { margin-top: 70px }
.mt--80 { margin-top: 80px }
.mt--90 { margin-top: 90px }
.mt--100 { margin-top: 100px }
.mt--110 { margin-top: 110px }
.mt--120 { margin-top: 120px }
.mt--130 { margin-top: 130px }
.mt--140 { margin-top: 140px }
.mt--150 { margin-top: 150px }

/*-----------------------------
  16. Margin bottom
-------------------------------*/
.mb--0 { margin-bottom: 0 }
.mb--10 { margin-bottom: 10px }
.mb--15 { margin-bottom: 15px }
.mb--20 { margin-bottom: 20px }
.mb--30 { margin-bottom: 30px }
.mb--40 { margin-bottom: 40px }
.mb--50 { margin-bottom: 50px }
.mb--60 { margin-bottom: 60px }
.mb--70 { margin-bottom: 70px }
.mb--80 { margin-bottom: 80px }
.mb--90 { margin-bottom: 90px }
.mb--100 { margin-bottom: 100px }
.mb--110 { margin-bottom: 110px }
.mb--120 { margin-bottom: 120px }
.mb--130 { margin-bottom: 130px }
.mb--140 { margin-bottom: 140px }
.mb--150 { margin-bottom: 150px }

/*--------------------------
  17. Padding top
---------------------------*/
.pt--0 { padding-top: 0 }
.pt--10 { padding-top: 10px }
.pt--15 { padding-top: 15px }
.pt--20 { padding-top: 20px }
.pt--30 { padding-top: 30px }
.pt--40 { padding-top: 40px }
.pt--50 { padding-top: 50px }
.pt--60 { padding-top: 60px }
.pt--70 { padding-top: 70px }
.pt--80 { padding-top: 80px }
.pt--90 { padding-top: 90px }
.pt--100 { padding-top: 100px }
.pt--110 { padding-top: 110px }
.pt--120 { padding-top: 120px }
.pt--130 { padding-top: 130px }-
.pt--140 { padding-top: 140px }
.pt--150 { padding-top: 150px }

/*------------------------
  18. Padding bottom
---------------------------*/
.pb--0 { padding-bottom: 0 }
.pb--10 { padding-bottom: 10px }
.pb--15 { padding-bottom: 15px }
.pb--20 { padding-bottom: 20px }
.pb--30 { padding-bottom: 30px }
.pb--40 { padding-bottom: 40px }
.pb--50 { padding-bottom: 50px }
.pb--60 { padding-bottom: 60px }
.pb--70 { padding-bottom: 70px }
.pb--80 { padding-bottom: 80px }
.pb--90 { padding-bottom: 90px }
.pb--100 { padding-bottom: 100px }
.pb--110 { padding-bottom: 110px }
.pb--120 { padding-bottom: 120px }
.pb--130 { padding-bottom: 130px }
.pb--140 { padding-bottom: 140px }
.pb--150 { padding-bottom: 150px }
.pb--170 { padding-bottom: 170px }


/*------------------------------
  19. Page section padding 
-------------------------------*/
.ptb--0 { padding: 0 }
.ptb--10 { padding: 10px 0 }
.ptb--20 { padding: 20px 0 }
.ptb--30 { padding: 30px 0 }
.ptb--40 { padding: 40px 0 }
.ptb--50 { padding: 50px 0 }
.ptb--60 { padding: 60px 0 }
.ptb--70 { padding: 70px 0 }
.ptb--80 { padding: 80px 0 }
.ptb--90 { padding: 90px 0 }
.ptb--100 { padding: 100px 0 }
.ptb--110 { padding: 110px 0 }
.ptb--120 { padding: 120px 0 }
.ptb--130 { padding: 130px 0 }
.ptb--140 { padding: 140px 0 }
.ptb--150 { padding: 150px 0 }

/*---------------------------
  20. Page section margin 
-----------------------------*/
.mtb--0 { margin: 0 }
.mtb--10 { margin: 10px 0 }
.mtb--15 { margin: 15px 0 }
.mtb--20 { margin: 20px 0 }
.mtb--30 { margin: 30px 0 }
.mtb--40 { margin: 40px 0 }
.mtb--50 { margin: 50px 0 }
.mtb--60 { margin: 60px 0 }
.mtb--70 { margin: 70px 0 }
.mtb--80 { margin: 80px 0 }
.mtb--90 { margin: 90px 0 }
.mtb--100 { margin: 100px 0 }
.mtb--110 { margin: 110px 0 }
.mtb--120 { margin: 120px 0 }
.mtb--130 { margin: 130px 0 }
.mtb--140 { margin: 140px 0 }
.mtb--150 { margin: 150px 0; }


/*-----------------------------
  21. Custom cloumn
--------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
/*------------------------
 Others
-------------------------*/
p.form-messege{
  margin-top:15px;font-size:14px
}
p.success {
  color: green;
}
p.error {
  color: red;
}

/*-----------------------------------------
  22. Moz Placeholder
------------------------------------------*/

*::-moz-selection {
    background: #fe3024;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #fe3024;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #fe3024;
    color: #fff;
    text-shadow: none;
}

input::-moz-placeholder {
    color: #333;
    font-size: 14px;
}

.single__option select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: rgba(0, 0, 0, 0) url("../../images/icons/select-option.png") no-repeat scroll 90% 21px / 10px 6px;
}

input [type="text"]:focus, 
input [type="text"]:focus::-moz-placeholder,
input [type="email"]:focus, 
input [type="email"]:focus::-moz-placeholder{
  color: #333333;
}

input::-moz-placeholder {
  color: #444 !important;
  opacity: 1;
}
input::-webkit-input-placeholder { / Chrome/Opera/Safari /
  color: #444 !important;
  opacity: 1;
}
input::-moz-placeholder { / Firefox 19+ /
  color: #444 !important;
  opacity: 1;
}
input:-ms-input-placeholder { / IE 10+ /
  color: #444 !important;
  opacity: 1;
}
input:-moz-placeholder { / Firefox 18- /
  color: #444 !important;
  opacity: 1;
}








/*----------------------------------
  Header Top Area
-------------------------------------*/

.heaher__top__left {
    align-items: center;
    display: flex;
    height: 45px;
}
.header__top__right {
    align-items: center;
    display: flex;
    height: 45px;
    justify-content: flex-end;
}
.login-register {
    display: flex;
    margin-right: 47px;
}
.heaher__top__left li {
    color: #fff;
    font-size: 12px;
}
.heaher__top__left li + li {
    margin-left: 47px;
}
.heaher__top__left li i {
    padding-right: 12px;
}
.login-register li a {
    font-size: 15px;
    text-transform: uppercase;
}
.login-register li.separator {
    color: #fff;
    padding: 0 10px;
}
.heaher__top__btn a {
    align-items: center;
    background: #fe3024 none repeat scroll 0 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 45px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.heaher__top__btn a:hover {
    color: #060606;
}


/*----------------------------------------
  Menu basic style
------------------------------------------*/


.header{
  z-index: 10;
  position: relative;
}
.main__menu {
  display: flex;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.main__menu > li > a {
  color: #1f2d30;
  display: block;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 600;
  height: 130px;
  line-height: 130px;
  position: relative;
  text-transform: uppercase;
}
.main__menu li {
  position: relative;
}
.main__menu > li:hover > a{
  color: #fe3024;
}
.logo a{
  display: block;
}

.logo {
    height: 130px;
    line-height: 130px;
}
.main__menu li {
    padding: 0 15px;
}
.htc__header__search {
    align-items: center;
    display: flex;
    height: 130px;
    justify-content: flex-end;
    position: relative;
}
.htc__header__search input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: currentcolor currentcolor #e1e1e1;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #bfbfbf;
  line-height: 25px;
  padding-bottom: 2px;
  padding-right: 23px;
  padding-top: 2px;
  width: 100%;
}
.htc__header__search a i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-53%);
    transition: 0.4s;
}
.htc__header__search a i:hover{
    color: #fe3024;
}
.htc__header__search i {
    color: #bfbfbf;
    font-size: 15px;
}
.htc__header__search input::-moz-placeholder {
  color: #bfbfbf !important;
}
.brochure{
       background: #01245a;
    padding: 20px 10px;
}


/*-----------------------------------------
  Sticky  For  Header
-------------------------------------------*/

.sticky__header.scroll-header {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;*/
    background: rgb(255 255 255) none repeat scroll 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.sticky__header.scroll-header .main__menu > li > a {
  height: 70px;
  line-height: 70px;
}
.sticky__header.scroll-header .logo {
  height: 70px;
  line-height: 70px;
}
.sticky__header.scroll-header .logo a img {
  max-width: 123px;
  margin-top: 20px;
}
.sticky__header.scroll-header .htc__header__search {
  height: 70px;
}






.fluid-container.mobile-menu-container {
  position: relative;
}
.mobile-logo {
  align-items: center;
  display: flex;
  height: 52px;
  left: 0;
  padding-left: 15px;
  position: absolute;
  top: 0;
  z-index: 2147483647;
}
.mobile-logo img {
  max-height: 25px;
}

/*-----------------------------
  Dropdown Menu
--------------------------------*/
.main__menu li.drop{
    position: relative;
}

.main__menu li.drop ul.dropdown {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 120%;
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
  width: 220px;
 height: 400px;
  overflow-x: hidden;
    overflow-y: scroll;
  z-index: 999;
}

.main__menu ::-webkit-scrollbar {
  width: 7px;
}
/* Track */
.main__menu ::-webkit-scrollbar-track {
  background: #fe3024; 
}
 
/* Handle */
.main__menu ::-webkit-scrollbar-thumb {
  background: #01245a; 
}

.main__menu li.drop:hover ul.dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.main__menu ul.dropdown li {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    padding: 0;
}
.main__menu ul.dropdown li a {
    background: #ffffff none repeat scroll 0 0;
    color: #1f2d30;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.main__menu li.drop ul.dropdown li:hover > a {
    background: #fafafa none repeat scroll 0 0;
    color: #fe3024;
}



.slider-area > img {
  height: 100vh;
  width: 100%;
}

.slider__bg--1 {
  background: rgba(0, 0, 0, 0) url("../../images/slider/bg/1.jpg") no-repeat scroll 0 0 / cover ;
}

.slider__bg--2 {
  background: rgba(0, 0, 0, 0) url("../../images/slider/bg/2.jpg") no-repeat scroll 0 0 / cover ;
}

/*-----------------------------------------
  Background variation Content
-------------------------------------------*/


.slider__fixed--height {
  height: 830px;
}

.slide__align--center {
  align-items: center;
  display: flex;
}
.slider__inner{
  position: relative;
  z-index: 2;
  text-align: center;
}

.slider__inner h2{
        color: #fdfdfd;
    font-family: Open Sans;
    font-size: 45px;
    font-weight: 700;
    line-height: 26px;

}

.slider__inner h4 {
    color: #fdfdfd;
    font-family: Open Sans;
    font-size: 30px;
    font-weight: 700;
    line-height: 26px;
}
.slider__inner h1 {
    color: #fdfdfd;
    font-size: 66px;
    font-weight: 800;
    line-height: 55px;
    margin-top: 24px;
}
.slider__inner p {
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    margin: 23px auto auto;
    width: 57%;
}
.slider__btn {
    margin-top: 40px;
}
.htc__btn {
    background: #01245a none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    transition: 0.5s;
    border: 1px solid #01245a;
}
/*.htc__btn:hover{*/
/*    border: 1px solid #fe3024;*/
/*    background: transparent;*/
/*    color:#fe3024;*/
/*}*/


.htc__slider__fornt__img {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}



/*----------------------
  Animation
-------------------------*/
.slider__activation__wrap {
    position: relative;
}
.slider__activation__wrap .owl-nav div {
    height: 54px;
    left: 0;
    line-height: 59px;
    position: absolute;
    top: 50%;
    width: 35px;
}

.slider__activation__wrap .owl-nav div.owl-next {
    left: auto;
    right: 0;
}
.slider__activation__wrap .owl-nav div i {
    color: #fff;
    font-size: 30px;
}
.slider__activation__wrap.owl-theme .owl-nav [class*="owl-"] {
    background: #1f2d30 none repeat scroll 0 0;
    transition: 0.5s;
}

.slider__activation__wrap.owl-theme .owl-nav [class*="owl-"]:hover {
    background: rgb(132 179 214 / 65%) none repeat scroll 0 0;
}



.slider__activation__wrap.owl-theme .owl-nav {
  margin-top: 0;
}



/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
 #scrollUp {
    border-radius: 2px;
    bottom: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 200;
    bottom: 15px;
}
#scrollUp:hover {
}

@-webkit-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@-moz-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
#scrollUp i {
    color: #fff;
}
 #scrollUp {
    background:#01245a none repeat scroll 0 0;
}
 

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*---------------------------------------
  03. About Area
----------------------------------------*/ 

.about {
    margin-left: -15px;
    margin-right: -15px;
    transition: all 0.5s ease 0s;
}
.about__inner h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}
.about__inner h2:hover a{
    color: #000;
}
.about__inner p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.about__btn a {
    font-family: Raleway;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
.about__btn a:hover{
    color: #000;
}
.about__icon {
    position: relative;
    text-align: right;
    top: -11px;
}
.about__btn {
    margin-top: 10px;
}
.about {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
}
.about__inner.about__hober__info {
    background: #fe3024 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
}
.about__inner.about__hober__info.active {
    transform: scaleY(1);
}

.about__inner {
  background: #1f2d30 none repeat scroll 0 0;
  padding: 60px 26px 22px;
}
.about:hover .about__inner.about__hober__info {
    transform: scaleY(1);
}
.about__inner.about__hober__info h2 {
    padding-top: 20px;
}
.about__inner.about__hober__info .about__icon {
    top: 31px;
}
.about__icon img {
    max-height: 39px;
}

/*-----------------------
About 2
--------------------------*/

.about--2 .about__inner {
    background: #fafafa none repeat scroll 0 0;
}
.about--2 .about__inner h2 {
    color: #1f2d30;
}
.about--2 .about__inner p {
    color: #606060;
}
.about--2 .about__btn a {
    color: #1f2d30;
}
.about--2 .about__inner.about__hober__info {
    background: #fe3024 none repeat scroll 0 0;
}
.about--2 .about__inner.about__hober__info h2 {
    color: #fff;
}
.about--2 .about__inner.about__hober__info p {
    color: #fff;
}
.about--2 .about__inner.about__hober__info .about__btn a {
    color: #fff;
}

.text__pos {
    position: relative;
}
.text__shape {
    left: 128px;
    position: absolute;
    top: 50%;
}
.text__shape h2 {
    color: #f7f7f7;
    font-family: Josefin Sans;
    font-size: 120px;
    font-weight: 700;
    letter-spacing: 15px;
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateY(50%)  translateX(0);
}

/*---------------------------------------
  04. Service Area
----------------------------------------*/ 

.section__title h2.title__line {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.section__title p {
    color: #606060;
    margin: 21px auto auto;
    width: 57%;
}
.service__thumb a img {
    width: 100%;
    border-radius: 5px;
}
.service__thumb {
    position: relative;
}
.service__section__wrap .service__thumb {
  /*margin-left: -15px;*/
}
.service{
    margin-bottom:20px;
}
.service__hover {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 2;
}
.service__hover::before {
    background: #01245a73 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.85;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.service__action {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.service__action a {
    color: #fefefe;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.4s ease 0s;
}
.service__action a:hover {
    color: #fff;
}
.service__details h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 18px;
    text-align: center;
    text-transform: uppercase;
}
.service:hover .service__hover {
    opacity: 1;
}

.service:hover .service__details a{
    color:#01245a;
}

.service:hover .service__details a:after{
    position:relative;
    content:"\f101";
    font-family:'fontawesome';
    color:#01245a;
    margin-left:10px;
}
.container-fluid .section__title p {
    width: 34%;
}
/*Service Page*/

.service__page .service {
    margin-top: 70px;
}
.service__page .service__section__wrap{
    margin-top: -10px;
}

.service--2 .container-fluid .section__title p {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: 21px;
    text-align: left;
    width: 72%;
}

/*---------------------------------------
  05. Offer Area
----------------------------------------*/ 

.offer {
    display: flex;
}
.offer__icon img {
    max-width: 47px;
}
.offer__icon {
    margin-right: 18px;
}
.offer__details p {
  color: #606060;
  font-size: 14px;
  line-height: 24px;
  padding-right: 29px;
}
.offer__details h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.offer.separator {
    position: relative;
}
.offer.separator::before {
    background: rgba(0, 0, 0, 0) url("images/icons/line.png") no-repeat scroll 100% 100% / cover ;
    content: "";
    height: 100%;
    left: -43px;
    position: absolute;
    top: 0;
    width: 1px;
    }

 /*Offer Style 2*/
.htc__offer__area{
    position: relative;
}

.htc__offer__2 .htc__offer__thumb {
    position: absolute;
    right: 0;
    top: 0;
    width: 44%;
}
.htc__offer__2 .htc__offer__container .offer + .offer {
    margin-top: 50px;
}
.htc__offer__2 .htc__offer__container {
    padding: 69px 0;
}
.htc__offer__2 .offer__details h2 {
    font-size: 20px;
    margin-bottom: 3px;
}

.htc__offer__area.htc__offer--2 {
    padding-top: 130px;
}
.htc__offer--2 .h1__offer__image {
  position: absolute;
  right: 3%;
  top: -40%;
  width: 21%;
  z-index: 3;
}


/*---------------------------------------
  06. Project Area
----------------------------------------*/

.project{
    margin-left: -15px;
    margin-right: -15px;
}

.project__thumb {
    position: relative;
    z-index: 4;
}
.project__hover__info {
    background: rgb(132 179 214 / 78%) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}
.project__action {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 5;
}
.project__action h2 {
    color: #fefefe;
    font-size: 20px;
    font-weight: 700;
}
.project__hover__info::before {
    border: 1px solid #fff;
    bottom: 50px;
    content: "";
    height: auto;
    left: 45px;
    position: absolute;
    right: 45px;
    top: 50px;
    width: auto;
    z-index: 2;
}

.project__action h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 17px;
}
.project__action > h2:hover a {
    color: #000;
}
.project__action h2 a {
    transition: all 0.4s ease 0s;
}
.project:hover .project__hover__info,
.project__itm:hover .project__hover__info {
    opacity: 1;
}

.project__thumb a {
    display: block;
}
.project__thumb a img {
    width: 100%;
}
.project__itm{
    margin-top: 30px;
}

/*---------------------------------------
  07. Call to Action Area
----------------------------------------*/

.callto__action__wrap {
    align-items: center;
    display: flex;
    height: 175px;
    justify-content: space-between;
}
.callto__action__wrap h2 {
    color: #fffffe;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.htc__btn--transparent {
    border: 1px solid #fff;
    display: inline-block;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    line-height: 44px;
    padding: 0 36px;
    transition: all 0.5s ease 0s;
}
.htc__btn--transparent:hover {
    background: #fe3024 none repeat scroll 0 0;
    border: 1px solid #fe3024;
    color: #fff;
}
.callto__action__wrap{
    position: relative;
    z-index: 1;
}


/*---------------------------------------
  08. Team Area
----------------------------------------*/

.team__inner {
    position: relative;
}
.team__hover__info {
    background: rgba(252, 194, 54, 0.85) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 25px 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: center bottom 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team__social__link {
    display: flex;
    justify-content: center;
}
.team__social__link li a {
    color: #000;
}
.team__social__link li {
    margin: 0 13px;
}
.team__social__link li a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #fe3024;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.team__social__link li a:hover i {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.team__details {
    background: #1f2d30 none repeat scroll 0 0;
    border-top: 1px solid #ffffff;
    padding: 23px 0;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.team__details h2 a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.5s;
}
.team__details h2 {
  line-height: 14px;
}
.team__details h2 a:hover{
    color: #000;
}
.team__details h4 {
    color: #ffffff;
    font-family: Open Sans;
    font-weight: 300;
    margin-top: 10px;
    text-transform: capitalize;
}
.team:hover .team__details {
    background: #fe3024 none repeat scroll 0 0;
}
.team:hover .team__hover__info {
    transform: scaleY(1);
}
.htc__team__container{
    position: relative;
    z-index: 2;
}
.team {
    margin-top: 30px;
}
/*-------------------
    Team 2
--------------------*/


.h1__team--one .team__social__link {
    display: block;
    margin-top: -15px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.h1__team--one .team__social__link li {
    margin: 15px 0;
}
.h1__team--one .team__hover__info {
    bottom: auto;
    height: 100%;
    left: 0;
    padding: 0;
    top: 0;
    transform: scaleX(0);
    width: 85px;
}
.h1__team--one .team:hover .team__hover__info {
    transform: scaleX(1);
}

/*---------------------------------------
  09. Testimonial Area
----------------------------------------*/


.reguest__quote,
.htc__testimonial__wrap{
    position: relative;
    z-index: 2;
}
.htc__testimonial__area .section__title p {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: 20px;
    width: 100%;
}
.htc__testimonial__area .section__title{
    margin-bottom: 47px;
}
.section__title.text-left {
    margin-bottom: 47px;
}
.testimonial {
    align-items: center;
    display: flex !important;
    position: relative;
}
.testimonial__thumb img {
    width: 100%;
}
.testimonial__thumb {
    margin-right: 40px;
    min-width: 48%;
}
.testimonial__activation--2 .testimonial__thumb {
      margin-right: 25px;
      min-width: 37%;
}
.testimonial__activation--2 .testimonial__details p {
      font-style: italic;
      padding-right: 19px;
}
.testimonial__details h2 {
    color: #303030;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    text-transform: capitalize;
}
.testimonial__details h4 {
    color: #606060;
    font-family: open sans;
    font-size: 14px;
    margin-top: 7px;
}
.single__cl__form {
    display: flex;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.single__cl__form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    width: 50%;
    color: #606060;
}
.single__cl__form input::-moz-placeholder {
    color: #606060 !important;
}
.single__cl__message textarea::-moz-placeholder {
    color: #606060 !important;
    opacity: 1;
}
.clint__submit__btn a {
    padding: 0 17px;
}
.single__cl__message textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    margin-bottom: 22px;
    min-height: 155px;
    padding-left: 20px;
    padding-top: 12px;
}
.htc__testimonial__wrap .slick-dots {
    bottom: 1px;
    right: -57px;
}
.htc__testimonial__wrap .slick-dots li.slick-active button::before,
.htc__testimonial__wrap .slick-dots li button:hover::before {
    background: #fe3024 none repeat scroll 0 0;
    opacity: 1;
}

.htc__testimonial__wrap .slick-dots li button::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 10px;
    opacity: 1;
    width: 10px;
    transition: 0.4s;
}
.htc__testimonial__wrap .slick-dots li {
    height: 10px;
    margin: 0;
    padding: 0;
    width: 10px;
}
.htc__testimonial__wrap .slick-dots li + li {
    margin-left: 10px;
}
.tes__icon i {
    color: #c7c0c0;
    font-size: 18px;
    margin-bottom: 18px;
}
/*----------------------------
    Testimonial 2
-----------------------------*/

.htc__testimonial__area.testimonial__2 .section__title p {
    margin: 0;
}
.htc__testimonial__left h2.title__line {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.htc__testimonial__left p + p {
    margin-top: 15px;
}
.testimonial__2 .htc__testimonial__wrap .slick-dots {
    bottom: -40px;
    left: -99%;
    right: auto;
}
.testimonial__2 .htc__testimonial__left p {
  padding-right: 14px;
}
.testimonial__2 .testimonial__details h2 {
  margin-top: 17px;
}




/*---------------------------------------
  10. Blog Area
----------------------------------------*/

.blog__thumb a {
    display: block;
}
.blog__thumb a img {
    width: 100%;
}
.blog__thumb {
    padding-bottom: 24px;
    position: relative;
}
.blog__hover__info {
    bottom: 0;
    left: 0;
    padding: 0 26px;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.blog__meta {
    align-items: center;
    background: #1f2d30 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 25px;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 0 25px;
    transition: 0.4s;
}
.blog:hover .blog__meta{
    background: #fe3024;
}
.blog:hover .blog__meta li a,
.blog:hover .blog__meta li{
    color: #1f2d30;
}

.blog__meta li a {
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    transition: 0.4s;
}
.blog__meta li a:hover{
    color: #fe3024;
}
.blog__meta li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: 0.4s;
}
.blog__meta li + li {
    margin-left: 20px;
}

.blog__details h2 {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 25px;
    text-transform: uppercase;
}
.blog__btn a {
    color: #b6b6b6;
    font-family: Raleway;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.blog__btn a i {
    padding-left: 9px;
}
.blog__btn a:hover {
    color: #fe3024;
}
.blog__btn {
    margin-top: 16px;
}
.blog{
    margin-top: 30px;
}
/*--------------------------
    Blog 2
----------------------------*/
.htc__blog--2 .blog__hover__info {
    padding: 0;
}
.htc__blog--2 .blog__meta {
    border: 2px solid transparent;
    border-radius: 0;
}
.blog--one,
.blog--two{
    margin-top: -30px;
}
.blog--two .blog__hover__info {
    padding: 0 86px;
}
.blog--three{
    margin-top: -60px;
}
.blog--three .blog {
    margin-top: 60px;
}
.blog--one .blog__hover__info {
    padding: 0 130px;
}
.blog__video {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
}
.blog__activation{
    position: relative;
}
.blog__activation .owl-nav div {
    height: 60px;
    left: 30px;
    line-height: 67px;
    position: absolute;
    top: 50%;
    width: 38px;
}

.blog__activation .owl-nav div.owl-next {
    left: auto;
    right: 30px;
}

.blog__activation.owl-theme .owl-nav [class*="owl-"] {
    background: rgba(207, 207, 208, 0.6) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
.blog__activation .owl-nav div i {
    color: #303030;
    font-size: 30px;
}
.blog--details .htc__bl__dtl__inner {
    padding-right: 30px;
}
/*---------------------------------------
  11. Brand Area
----------------------------------------*/


.brand__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand__list li a {
    display: block;
}
.htc__brand__area {
    padding-bottom: 125px;
    padding-top: 126px;
}

/*---------------------------------------
  12. Newsletter Area
----------------------------------------*/


.news__input input::-moz-placeholder {
    color: #979797;
    opacity: 1;
}

.newsletter__wrap {
    text-align: center;
}
.newsletter__wrap h2 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.newsletter__wrap h4 {
    color: #606060;
    font-family: Open Sans;
    font-size: 18px;
}
.newsletter__form {
    margin: 40px auto auto;
    width: 655px;
}
.htc__news__inner {
    position: relative;
}
.news__input input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #d7d7d7;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #979797;
    padding-bottom: 7px;
}
.clearfix.subscribe__btn {
    bottom: 0;
    position: absolute;
    right: 0;
}
.news__input {
    width: 500px;
}
.subscribe__btn input {
    background: #fe3024 none repeat scroll 0 0;
    border: 1px solid #fe3024;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
}
.subscribe__btn input:hover {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
}
.htc__newsletter__area {
    position: relative;
}
.newsletter__thumb {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 21%;
}
/*---------------------------------------
  13. Counterup Area
----------------------------------------*/

.htc__counterup__wrap {
    align-items: center;
    display: flex;
    justify-content: space-around;
}
.fact__count span.count {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
}
.fact__title h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 6px;
    text-transform: uppercase;
}
.h1__countdown .htc__callto__action h2 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 18px;
}
.h1__countdown .htc__callto__action {
    padding-bottom: 100px;
    padding-top: 100px;
}
.h1__countdown .htc__call__btn {
    margin-top: 36px;
}
.h1__countdown .htc__callto__action p {
    width: 65%;
}
.h1__countdown .htc__counterup__wrap {
    height: 145px;
    padding: 0 157px;
}
.counterup__left__thumb {
    margin-left: -15px;
    margin-right: 40px;
}




/*---------------------------------------
  14. Google Map Area
----------------------------------------*/


.map-contacts{
    position: relative;
}
#googleMap {
    height: 436px;
    width: 100%;
}
.htc__contact__address--2 {
    background: rgba(31, 45, 48, 0.92) none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    right: 18%;
}
.htc__contact__address--2 .map-contacts {
    position: relative;
}
.htc__contact__address--2 .htc__contact__wrap {
    display: block;
}
.htc__contact__address--2 .htc__contact__wrap {
    padding: 0 40px;
}
.htc__contact__address--2 .htc__contact__wrap .ht__address__inner + .ht__address__inner {
    margin-top: 40px;
}

/*---------------------------------------
  15. Bradcaump Area
----------------------------------------*/


.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    /*height: 400px;*/
    height: 200px;
    position: relative;
    z-index: 2;
}
.bradcaump__inner h2.bradcaump-title {
    color: #fdfdfd;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
}
.bradcaump-inner span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.bradcaump-inner a {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.bradcaump-inner {
    margin-top: 6px;
}
.brd-separetor {
    padding: 0 7px;
}
.htc__bst__btn .htc__btn {
    padding: 0 36px;
}

/*---------------------------------------
  16. Our Mission Area
----------------------------------------*/

.htc__mission__area {
    position: relative;
}
.htc__offer__thumb {
    position: absolute;
    right: 0;
    top: 0;
}
.htc__mission__container {
    padding: 89px 0;
}
.htc__mission__container .single__mission + .single__mission {
    margin-top: 50px;
}
.single__mission h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.single__mission p {
    padding-right: 33px;
}




/*---------------------------------------
  17. Project Area
----------------------------------------*/

.project--one{
    margin-top: -20px;
}

.project--one .project {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px;
}

/*---------------------------------------
  18. Blog Details Area
----------------------------------------*/

.sidebar__separator{
    margin-top: 30px;
}

.htc__category {
    padding: 40px;
    text-align: center;
}
.cat__list li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.cat__list li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.cat__list li:first-child {
    padding-top: 0;
}
.cat__list li:hover a {
    color: #fe3024;
}
.sidebar__title {
    border-bottom: 1px dashed #e1e1e1;
    color: #303030;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.htc__search__area {
    padding: 40px;
}
.pro__input__box {
    position: relative;
}
.pro__input__box i {
  background: #1f2d30 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 33px;
}
.pro__input__box input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #c5c5c5;
    height: 35px;
    padding: 0 34px 0 15px;
    position: relative;
}
.pro__input__box i:hover {
    background: #fe3024 none repeat scroll 0 0;
}
.htc__category {
    padding: 40px;
    text-align: center;
}
.cat__list li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.cat__list li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.cat__list li:first-child {
    padding-top: 0;
}
.cat__list li:hover a {
    color: #fe3024;
}
.htc__broc {
    padding: 40px 19px;
}
.brocure__list li a {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.brocure__list li a i {
    color: #606060;
    font-size: 18px;
    padding-right: 14px;
}
.brocure__list li + li {
    border-top: 1px dashed #e1e1e1;
    margin-top: 20px;
    padding-top: 20px;
}
.brocure__list li a:hover {
    color: #fe3024;
}
.htc__recent__post {
    padding: 40px 20px;
}
.htc__single__post {
    border-top: 1px dashed #e1e1e1;
    display: flex;
    padding-bottom: 20px;
    padding-top: 20px;
}
.post__thumb {
    margin-right: 15px;
    min-width: 60px;
}
.post__details h4 {
    color: #303030;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.post__meta span {
    color: #606060;
    font-size: 12px;
}
.build__dream__inner h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    padding-right: 14px;
    text-align: center;
}
.build__btn {
    margin-top: 18px;
    text-align: center;
}
.build__btn .htc__btn {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
}
.htc__build__dream {
    height: 237px;
    padding-top: 40px;
}
.recent__post__wrap .htc__single__post:first-child {
    border-top: 0 none;
    padding-top: 0;
}
.htc__tag {
    padding: 40px;
}
.tag__list li a {
    color: #606060;
}
.tag__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.tag__list li {
    margin: 0 5px 10px;
}
.tag__list li a {
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 34px;
    padding: 0 9px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.tag__list li a:hover {
    background: #fe3024 none repeat scroll 0 0;
    border: 1px solid #fe3024;
    color: #fff;
}
/*Blog Details Leftsidebar*/

.htc__blog__details__page .blog__hover__info {
    padding: 0 145px;
}
.htc__blog__details__page .blog__meta {
  justify-content: space-around;
  padding: 0 50px;
}
.htc__blog__details h2 {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 27px;
    margin-top: 30px;
    text-transform: uppercase;
}
blockquote {
    background: #fafafa none repeat scroll 0 0;
    border-left: 0 none;
    color: #606060;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    margin: 50px 0;
    padding: 30px 54px 30px 70px;
}

.bl__dtl p {
    color: #606060;
    font-size: 14px;
    line-height: 24px;
}
.bl__dtl p + p {
    margin-top: 22px;
}

.bl__post__share {
    display: flex;
    margin-bottom: 70px;
    margin-top: 47px;
}
.bl__post__link {
    display: flex;
}
.bl__post__link li a i {
    color: #bbbbbb;
}
.bl__post__link li + li {
    padding-left: 25px;
}
.bl__post__share span {
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 600;
    padding-right: 18px;
}
.title__line--3 {
    color: #1f2d30;
    display: inline-block;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
.title__line--3::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single__comment {
    display: flex;
}
.bl__comment__thumb {
    margin-right: 24px;
    min-width: 15%;
}
.bl__comment__thumb img {
    width: 100%;
}
.bl__comment__meta {
    align-items: center;
    display: flex;
    margin-bottom: 2px;
}
.bl__comment__meta h2 {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-right: 9px;
}
.bl__comment__meta span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 9px;
}
.bl__remply {
    display: flex;
}
.bl__remply li a {
    color: #bbbbbb;
    text-transform: capitalize;
    transition: 0.4s;
}
.bl__remply li a:hover{
    color: #fe3024;
}
.bl__remply li + li {
    margin-left: 30px;
}
.bl__comment__form {
    margin-top: 70px;
}
.bl__form__inner {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.single__form {
    margin: 0 15px;
    width: 50%;
}
.bl__input__box {
}
.single__form .bl__input__box + .bl__input__box {
    margin-top: 18px;
}
.single__form .bl__input__box span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.bl__input__box input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.bl__comnt__btn {
    margin-top: 24px;
}
.bl__comnt__btn a.htc__btn {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.single__form span {
    color: #606060;
    display: inline-block;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.single__form textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 200px;
}
.single__comment.reply {
    margin-bottom: 65px;
    margin-left: 88px;
    margin-top: 65px;
}

.pre__next__btn li a {
    color: #bbbbbb;
    font-size: 16px;
    text-transform: capitalize;
}
.pre__next__btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}
.pre__next__btn li a i {
    border: 1px solid #e1e1e1;
    display: inline-block;
    height: 25px;
    line-height: 22px;
    text-align: center;
    width: 25px;
}
.pre__next__btn li a i.fa.fa-angle-left {
    margin-right: 11px;
}
.pre__next__btn li a i.fa.fa-angle-right {
    margin-left: 11px;
}


/*---------------------------------------
  19. Single Service Area
----------------------------------------*/

.prodict-det-small li {
    padding: 0 10px;
    width: 25%;
}
.ht-portfolio-full-image .tab-pane img {
    width: 100%;
}
.prodict-det-small {
    display: flex;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.prodict-det-small li a {
    display: block;
}
.prodict-det-small li a img {
    width: 100%;
}
.htc__service__dtl {
    margin-top: 55px;
}
.title__line--4 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.htc__ser__dtl__inner .htc__ser__dtl .title__line--4 {
  font-size: 24px;
}
.htc__ser__dtl__inner {
    display: flex;
    justify-content: space-between;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 47px;
}
.htc__ser__dtl__inner .htc__ser__dtl {
    padding: 0 25px;
    width: 50%;
}

/*---------------------------------------
  20. Single Project Area
----------------------------------------*/


.pro__dtl__inner {
    padding: 70px 40px;
}
.pro__dtl__content {
    display: flex;
}
.pro__dtl__list li {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
}
.pro__dtl__list.font__bold li {
    color: #1f2d30;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.pro__dtl__list li + li {
    padding-top: 24px;
}
.pro__dtl__inner h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 43px;
    text-transform: uppercase;
}
.pro__dtl__list.font__bold {
    padding-right: 20px;
}
.download__project {
    margin-top: 20px;
    padding: 51px 0;
    text-align: center;
}
.download__project h2 {
    color: #fe3024;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.htc__pro__desc__container {
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 70px;
}
.single__project__details h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.single__project__details {
    margin: 0 20px;
    width: 33.33%;
}
.single__project__details p + p {
    margin-top: 11px;
}
.facts__list li a {
    color: #606060;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.facts__list li + li {
    margin-top: 20px;
}
.facts__list {
    margin-top: 25px;
}
.facts__list li a i {
    padding-right: 10px;
}
.facts__list li a:hover {
    color: #fe3024;
}

/*---------------------------------------
  21. Contact Area
----------------------------------------*/

.title__line--5 {
    color: #1f2d30;
    display: inline-block;
    font-family: Open Sans;
    font-weight: 700;
    padding-bottom: 18px;
    position: relative;
    text-transform: uppercase;
}
.htc__contact__inner p {
    margin-top: 37px;
    width: 76%;
}
.title__line--5::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.htc__address__container {
    display: flex;
    margin-top: 50px;
}
.ct__address {
    display: flex;
}
.ct__address__icon i {
    border: 1px solid #696969;
    border-radius: 100%;
    color: #606060;
    font-size: 30px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 47px;
}
.htc__address__container .ct__address + .ct__address {
    margin-left: 115px;
}
.ct__details p a {
    color: #606060;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}
.ct__details p {
    font-weight: 600;
}
.ct__address__icon {
    margin-right: 18px;
}
.ct__details p a:hover {
    color: #fe3024;
}
#googleMap {
    height: 470px;
    width: 100%;
}
.map__contacts{
    margin-top: 50px;
}

.htc__contact__form__wrap {
    /*margin-top: 100px;*/
}
.single-contact-inner {
    display: flex;
    margin-left: -28px;
    margin-right: -28px;
    margin-top: 48px;
}
.single-contact-form {
    padding: 0 28px;
    width: 50%;
}
.contact-box span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 9px;
}
.contact-box + .contact-box {
    margin-top: 17px;
}
.contact-box input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.contact-btn {
    margin-top: 25px;
}
.contact-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 205px;
}
.contact-btn .htc__btn {
  font-size: 12px;
  height: 35px;
  line-height: 34px;
  padding: 0 28px;
  text-transform: uppercase;
}





/*------------------------------
  22. Log In Register Area
--------------------------------*/

.single__tabs__panel.tab-pane:not(.active) {
    display: none;
}

.login__register__menu {
    display: flex;
    justify-content: center;
    margin: 0 auto 51px;
    max-width: 370px;
}
.login__register__menu li a {
    color: #000000;
    font-size: 36px;
    transition: all 0.4s ease 0s;
}
.login__register__menu li {
    padding: 0 20px;
}
.login__register__menu li.active a {
    color: #fe3024;
}
.login__register__menu li a:hover {
    color: #fe3024;
}
.htc__login__register__wrap {
    margin: 0 auto;
    max-width: 370px;
}
.login input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #8e8e8e;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #686868;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    background: transparent;
}
.login input + input {
    margin-bottom: 20px;
    margin-top: 40px;
}
.tabs__checkbox span.forget a{
    float: right;
    color: #fe3024;
    font-size: 12px;
}
.tabs__checkbox label {
    bottom: 2px;
    color: #999;
    font-size: 15px;
    padding-left: 9px;
    position: relative;
    text-transform: capitalize;
    font-weight: normal;
    cursor: pointer;
}
.tabs__checkbox {
    margin-bottom: 20px;
}
.tabs__checkbox span {
    color: #686868;
    text-transform: capitalize;
    padding-left: 5px;
}
.htc__login__btn a {
    border: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    width: 150px;
    color: #4b4b4b;
    text-transform: uppercase;
}
.htc__login__btn {
    text-align: center;
}
.login input:last-child {
    margin-top: 14px;
}
.htc__social__connect h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
}
.htc__soaial__list {
    display: flex;
    justify-content: center;
}
.htc__soaial__list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 35px;
}
.user__meta__inner .htc__soaial__list {
    justify-content: space-between;
}
.htc__soaial__list li a i {
    color: #fff;
    font-size: 16px;
}
.htc__social__connect {
    text-align: center;
}
.htc__soaial__list li + li {
    margin-left: 10px;
}
.login input::-moz-placeholder {
    color: #686868 !important;
    font-size: 16px !important;
}
.htc__login__btn a:hover{
    background: #fe3024;
    color: #fff;
    border: 1px solid #fe3024;
}

/*-------------------------------
    Mobile Menu
------------------------------*/

.mean-container .mean-bar {
  min-height: 0;
  padding: 0;
}
.mean-container a.meanmenu-reveal {
  margin-top: -88px;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}


/*-----------------------------
	Footer Default
------------------------------*/

.htc__footer__wrap{
	position: relative;
	z-index: 2;
}

.ht__address__inner {
    display: flex;
}
.ht__address__details p {
    color: #fafafa;
    font-size: 16px;
    font-weight: 500;
}
.ht__address__icon i {
  border: 1px solid #fafafa;
  border-radius: 100%;
  color: #fafafa;
  font-size: 24px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 45px;
}

.ht__address__icon.map-pin i {
  line-height: 43px;
}


.ht__address__icon.glob i {
  line-height: 43px;
}

.ht__address__details {
  margin-top: -2px;
}
.htc__contact__address {
    padding: 56px 0;
}
.ht__address__icon {
    margin-right: 20px;
    min-width: 47px;
}
.ht__address__inner:hover .ht__address__icon i {
    background: #fe3024 none repeat scroll 0 0;
    border: 1px solid #fe3024;
    color: #fff;
}
.htc__contact__wrap {
	display: flex;
	justify-content: space-between;
}

.ft__title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
    text-transform: uppercase;
}
.ft__details p {
    color: #fff;
    font-size: 14px;
}
.footer__link {
    display: flex;
}
.ft__menu li a {
    color: #ffffff;
    font-size: 14px;
    transition: 0.4s;
}
.ft__menu li a:hover{
	color: #fe3024;
}
.footer__link ul.ft__menu + ul.ft__menu {
    margin-left: 30px;
}
.ft__menu li + li {
    padding-top: 13px;
}
.footer__instagram {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -6px;
}
.footer__instagram li {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 33.33%;
}
.footer__instagram li a img {
    width: 100%;
}
.copyright {
    padding: 15px 0;
    text-align: center;
}
.copyright__inner p {
    color: #fff;
    font-size: 14px;
    /*font-weight: 600;*/
}
.copyright__inner p a {
    color: #1f2d30;
    padding: 0 3px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.copyright__inner p a:hover {
    color: #fff;
}
.footer.quick__link {
  left: 67px;
  position: relative;
}

.abc{
     /*text-align: center;*/
    padding: 20px;
}

@media(max-width:500px){
    .abc{
     /*text-align: center;*/
    padding: 0px;
}

.htc__mission__container{
        padding: 10px 0;
}

}



 .callFloat{
      position: fixed;
      left: 10px;
    bottom: 80px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    z-index: 100;
    color: #fff;
    background: #01245a;
    
    }
   
   .flot{
   position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
     border-radius: 50%;
    bottom: 20px;
    color: #fff;
    background: #27d127;
    left: 10px;
    font-size: 30px;
    z-index: 100;
 
    }
    
    .flot-icon a:hover{
        color:#fff !important;
       
    }
    .icoons{
        position: fixed;
        top: 40%;
        right: 0px;
        z-index: 100;
        background:transparent;
        padding:20px 10px;
        box-shadow:1px 1px 5px 1px #ccc;
    }
    


   .service-title {
    color: #32528e;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    }
    
    .servic-content p{
        font-weight:500;
        color: #000;
    }
    
    .servic-content p::before{
        position:relative;
        content:'\f101';
        font-family:'fontawesome';
        margin-right:5px;
    }
    
    .servicepage-p{
        text-align:justify;
        margin-bottom:10px;
    }
    .servicepage .htc__category {
        padding: 10px;
    text-align: left;
    }
    .servicepage .htc__category .cat__list li {
    border-bottom: 1px solid #312d2d1f;
    padding: 5px 0;}

       .enq-form {
    /*border: 1px solid black;*/
    padding: 10px;
    background: #fe3024;
    border-radius: 5px;
    background: #fe3024 none repeat scroll 0 0;
        }
        
    .enq-form input, select{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    border: none;
    border-radius: 5px;
        background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    height: 35px;

    }
    
    .enq-form input:hover{
        background:#fff;
    }
    
   .enq-form .htc__btn{
       border-radius: 5px;
       
   }
   
  .enq-form input:focus{
       background: #fff; 
   }
   .enq-form textarea{
       border-radius: 5px;
   }
    .panel-default>.panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
}
.panel-body{
    padding-left:40px;
    padding-top:26px;
}
.panel-title {
    font-weight: bold;}
    
.modal-body{
            background: #fe3024;
    }
    
    
.servicepage .btn:hover, .btn:focus, .btn.focus {
    color: #fff !important;
    text-decoration: none;
    outline:none;
}

.modal-content{
        width: 70%;
    margin: auto;
}

.modal-body {
    position: relative;
    padding: 15px 5px;
}

.service-btn{
    margin-top:20px;
    text-align:center;
}
    .ser-call-btn{
    padding: 10px 30px;
    font-size: 15px;
    background: #01245a;
    font-weight: 600;
    color: #fff;
    }
    
     .ser-call-btn:hover a{
         color:#fff;
     }
     .ser-enq-btn{
    padding: 10px 30px;
    font-size: 15px;
    background: #cb3434;
    font-weight: 600;
    color: #fff;
    }
     .ser-enq-btn:hover a{
         color:#fff !important;
     }
     
     .service-list{
             color: #000;
    border: 1px solid grey;
    background: #ededed;
     }
     .service-list li{
    border-bottom:1px solid #5f5f5f;
    background:#fe3024d4;
    padding: 10px;
    color: #fff !important;
    
     }
     
     .service-title {
    color: #32528e;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}



.p-title{
    color: #1f2d30;
    font-size: 40px; 
    font-weight: 700;
    text-transform: uppercase; 
    margin-bottom:20px;
}
@media(max-width:500px){
    .bradcaump__inner h2.bradcaump-title {
            font-size: 18px;
    }
    .bradcaump-inner a {
          font-size: 15px;
    }
    .bradcaump-inner span{
        font-size: 15px;
    }
    .ht__bradcaump__wrap {
            height: 140px;
    }
    .service-btn{
        display:flex;
        margin-bottom: 30px;
    }
    .ser-call-btn{
    padding: 10px 18px;
    margin-right:10px;
    }
    .ser-enq-btn{
    padding: 10px 18px;
    }
    .modal-content {
            width: 100%;
    }
    .ptb--100{
        padding: 50px 0;
    }
    .service__page .service {
    margin-top: 38px;
    }
    
    .h1__service.pt--40.pb--30{
            padding: 0px 40px 0;
    }
    .gallery-p img{
        margin-bottom:5px;
    }
    .p-title{
            font-size: 25px;
    }
    
    .htc__address__container {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    }
}

.panel-group a:hover,a:focus,a:active{
    color:#000;
}