/**
*****************************************
@File: Dynamic. | Responsive HTML5 Template.
stylesheet created by : jubayer.hasan1991@gmail.com



* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below>>>>>
******************************************
|index page styles|

* Global Style.
* Header Styles.
* Menu Styles.
* Search and cart option Styles.
* Banner Styles.
* Welcome Section Styles.
* What Makes us Special Styles.
* Request Quote Styles.
* What Makes us Special Styles.
* Our Service Styles.
* Why choose us Styles.
* Testimonial Styles.
* Our Team Styles.
* FAQ Styles.
* Request Call Back Styles.
* Google map Styles.
* Footer Styles.



|Single Pages Styles|



* Page Breadcrumb Styles.
* Side Bar styles.
* About Us Page Styles.
* Company History Styles.
* Our Team Grid Styles.
* Team List Styles.
* Team Single Page Styles.
* Career Page Styles.
* Career Single Page Styles.
* Client feedback Styles.
* Our partners Styles.
* Contact US page Styles.
* Blog Default Styles.
* Blog Grid Styles.
* Sidebar Style One Styles.
* Blog List View Styles.
* Blog Single Post Styles.
* Project Grid Styles.
* Project Grid Filter Styles.
* Masonary Project Gallery Styles.
* Project Gallery With Filter Styles.
* Project Grid With Sidebar Styles.
* Project Single Styles.
* Shop Page Styles.
* Shop With Side Bar Styles.
* Shop Single Styles.
* Sidebar Style One Styles.
* check Out page Styles.
* cart Table Styles.
* Cart page Styles.
* Account Page Styles.
* Service Inner Page Styles.

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




/**
* Importing necessary  Styles.
**/

@import url('../fonts/montserrat/montserrat-bold/styles-1.css');
@import url('../fonts/montserrat/montserrat-regular/styles-1.css');
@import url('../fonts/montserrat/montserrat-semibold/styles-1.css');
@import url('../fonts/montserrat/montserrat-light/styles-1.css');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap-1.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min-1.css');
/*-----flaticon ----------*/
@import url('../fonts/icon/font/flaticon-1.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel-1.css');
@import url('../vendor/owl-carousel/owl.theme-1.css');
/*----jquery ui css-------*/
@import url('../vendor/jquery-ui/jquery-ui-1.css');
/*-------- responsive menu -----------*/
@import url('../vendor/responsivemenu/files/css/menuzord-1.css');
@import url('../vendor/responsivemenu/files/css/menuzord-animations-1.css');
/*----revolution-slider---*/
@import url('../vendor/revolution/settings-1.css');
@import url('../vendor/revolution/layers-1.css');
@import url('../vendor/revolution/navigation-1.css');
/*-------fancy box --------*/
@import url('../vendor/fancy-box/jquery.fancybox-1.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate-1.css');



/*==================== Global Style =================*/

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont-2.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont-3.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont-2.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont-2.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont-2.svg') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Montserrat-Regular';
  color:#272727;
  font-size: 16px;
}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
  font-family: 'Montserrat-Bold'
}
h1 {font-size: 60px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
ul {list-style-type: none;}

a {text-decoration: none; display: inline-block; color:#9e9e9e; outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}

button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {display: block; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.tran3s {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tran7s {
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.theme_title {position: relative; padding-bottom: 26px; margin-top:-6px;}
.theme_title:before {
  content: '';
  width:70px;
  height:2px;
  position: absolute;
  bottom: 0;
  left:0;
}
.theme_title_center {text-align: center;}
.theme_title_center>span {
  display: block;
  width:70px;
  height:2px;
  margin:23px auto 0 auto;
}
.img_holder {position: relative;}

.float_left {
  float:left;
}
.float_right {
  float:right;
}
.main_page {overflow-x:hidden;}


/*======================= Main Banner ======================*/

#rev_slider {
  overflow: hidden;
}
#banner h1 {
  line-height:60px;
  padding-bottom: 19px;
  display: inline-block;
  border-bottom: 1px solid transparent;
  color:white !important;
  margin-bottom: 20px !important;
}
#banner p {
  font-family: 'Montserrat-Light';
  font-size: 24px;
  line-height: 36px;
  color:#ffffff !important;
  background:gray;
  opacity: 0.8;
  margin-top: 10px;
 
  
}

.tp-rightarrow.tparrows.hephaistos.noSwipe {
  top:25% !important;
}
.tp-leftarrow.tparrows.hephaistos.noSwipe {
  top:25% !important;

}

.slider-caption {
  border-radius: 5px;
  padding: 15px !important;
  box-shadow: -7px 20px 18px 0px rgba(0,0,0,0.1);
}
.tp-caption a{
  margin-top: 70px !important;
}
#banner .contact_us,
#banner .our_service {
  width:155px;
  line-height: 55px;
  color:#fff;
  font-family: 'Montserrat-Bold';
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
}
.tp-bannertimer {
  display: none !important;
}
.hephaistos.tparrows {
  background: transparent !important;
  height:57px;
}
.hephaistos.tparrows:before {
  font-size: 57px;
  line-height: 57px;
  font-family: "Flaticon";
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}

.hephaistos.tparrows .arrow-holder {
  width:105px;
  height: 100%;
  position: absolute;
  top:0;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.hephaistos.tparrows.tp-leftarrow .arrow-holder {
  transform: translate3d(-30px, 0, 0);
  left:calc(100% + 20px);
}
.hephaistos.tparrows.tp-rightarrow .arrow-holder {
  transform: translate3d(30px, 0, 0);
  right:calc(100% + 6px);
}
.hephaistos.tparrows .arrow-holder:after {
  display: block;
  width:105px;
  height:35px;
  line-height: 35px;
  color:#fff;
  text-align: center;
  font-family: 'Montserrat-SemiBold';
  font-size: 14px;
  top:11px;
  position: absolute;
}


.hephaistos.tparrows:hover .arrow-holder,
.hephaistos.tparrows:focus .arrow-holder{
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.hephaistos.tparrows .arrow-holder:before {
  font-family: 'font-awesome';
  position: absolute;
  top:17px;
  position: absolute;
}
.hephaistos.tparrows.tp-leftarrow .arrow-holder:before {
  content: '';
  right: calc(100% - 1px)
}
.hephaistos.tparrows.tp-rightarrow .arrow-holder:before {
  content: '';
  right: -5px;
}

body.bg {
  background: url(../images/home/pattern-1.png) repeat;
}
.ml1.dept-name span{
  font-size: 48px;

}

.post-light-group.wow-outer,.isotope-item,.team-card-it,.slick-slide img,
.wk-desk-3,.term-condition-left,.term-condition-right,.imgBox.sect-dept,.home-video-grid {
  background: #fff;
  box-shadow: 0 0 15px #b7b7b785;
  margin: 30px 0;
  transition: all ease-in-out .3s;
}
.advertise-button {
  text-align: left !important;
  padding-left: 0px !important;
}
.advertise-button.text-center {
  text-align: left !important;
}
.team-card {
  margin-top:0px !important;
}
.wk-desk-3 {
  width: 23% !important;
}
.image-cropper.it-card-img {
  margin-top: 15px;
}
.social-media-links {
  margin-bottom: 20px;
}
.imgBox img{
  height: auto !important;

}
.h-message{
  text-transform: uppercase;

}
.rd-menu.rd-navbar-dropdown li {
  border-bottom: 1px solid #82CEA9;
  padding: 7px 5px;
  width: 100%;
}
.rd-menu.rd-navbar-dropdown.rd-navbar-open-right {
  padding: 20px 10px !important;
  margin-top: 17px !important;
  width:200% !important;
}
.unit.align-items-center {
  float: right;
  margin-top: 8%;
  margin-left: 0%;
}

.unit-body ul {
  text-align: right;
  margin-bottom: 10px;
}
.row.head-phone-no {
  margin-top: 10px !important;
}
.head-social-links {
  text-align: right;
}
.head-social-links img {
  background: #05361C;
  margin-right: 10px;
  border-radius: 17px;
  margin-top: 10px !important;
  max-width: 31px;
  max-height: 32px;
  min-height: 32px;
}
.head-log-block {
  margin: 10px 0px !important;
}
.head-log-block a {
  float: left;
}
.unit-body {
 font-size: 18px;
  float: left;
  margin-top:4%;
  margin-left: 2%;
}

.card-text {
  color: #333 !important;
}
.faq-search-wrap {
  padding: 7px 0 60px !important;
}
.position {
  font-size: 20px !important;
}
.h-message small {
  font-size: 16px;
  color: black;
}
.initiatives-item:hover .hover-image {
  opacity: 1.5 !important;
 
}


.container-fluid.project h5.card-title.h-message {
  font-size: 16px;
}


.container.project-page img {
  min-width: 350px;
  padding: 10px;
}
.project-page div.card{
  box-shadow: 0 0 15px #b7b7b785;
  border: 1px solid gray !important;
  border-radius: 5px !important;
  transition: all ease-in-out .3s;
}
.project-page img{

  border-radius: 10px !important;
}
#main_slider div.tp-bgimg.defaultimg {
  max-height:450px;
}
#banner {
  max-height:450px;
}
.rev_slider_wrapper h1 {
  font-size:48px !important;
  line-height: 54px !important;
}


@media (max-width: 576px) { 
  .col-md-3.responsive-cell-block.wk-desk-3.wk-ipadp-3.wk-tab-6.wk-mobile-12.team-card-container {
    width: 100% !important;
  }
  .head-social-links {
    text-align: left;
  }
  .unit-body ul {
    text-align: left !important;
   
  }
}


@media (max-width: 768px) { 
  .unit-body ul {
    text-align: left !important;
   
  }
  .col-md-3.responsive-cell-block.wk-desk-3.wk-ipadp-3.wk-tab-6.wk-mobile-12.team-card-container {
    width: 100% !important;
  }
  .head-social-links {
    text-align: left;
  }
  
   }