/**
*****************************************
@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('../../../css-2');
@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 ======================*/
#banner {
  margin-top: -65px;
}
#rev_slider {
  overflow: hidden;
}
#banner h1 {
  line-height: 80px;
  padding-bottom: 19px;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
#banner p {
  font-family: 'Montserrat-Light';
  font-size: 24px;
  line-height: 36px;
  color:#272727;
}

#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;
}
.post-media img {
  max-width: 600px;
  margin: auto !important;
  display: block;
}