/* 
======================================================================== 

Kips: style.css ( Main Theme CSS file )

Theme Name: Sean P. Snakenberg Personal Portfolio - Landing Page
Version: 1.0
Author: Bassil Qureshi
Author URI: https://themeforest.net/user/markupthemes
If you having trouble in editing js. please send a mail to bassilqureshi@gmail.com
 
This is the file you need to edit to change the look of the theme.
======================================================================== 

- // TABLE OF CONTENTS // -

================================================
 # Landing Page
 ===============================================
 1.1) General Style
 1.2) Global Style
 1.3) Header
 1.4) Banner
 1.6) About
 1.7) Experience
 1.8) Portfolio
 1.9) Services
 2.0) Testimonial
 2.1) Pricing Table
 2.2) Blog
 2.3) Contact
 2.4) Footer
 2.5) Portfolio Detail
 2.5) Blog Single Page
 2.5) Blog Listing Page
*/
/* ========================================= */
/* 		   		General Styling	 			 */
/* ========================================= */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  box-sizing: border-box; }

ol, ul {
  list-style: none; }

:focus {
  outline: 0; }

.clear {
  clear: both;
  line-height: 0;
  font-size: 0; }

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0; }
  .clearfix:after .test {
    color: red; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

header,
nav,
section,
article,
aside,
footer {
  display: block; }

* {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden; }

/* Preloader */
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999; }

.loader {
  height: 1px;
  background: #444444;
  position: absolute;
  z-index: 9999; }

/* Preloader */
h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 58px;
  margin-bottom: 35px;
  color: #444444;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif; }

h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 60px;
  color: #444444;
  font-family: 'Montserrat', sans-serif; }

h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 30px;
  color: #444444;
  font-family: 'Montserrat', sans-serif; }

h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 20px;
  color: #444444;
  font-family: 'Montserrat', sans-serif; }

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 20px;
  color: #444444;
  font-family: 'Montserrat', sans-serif; }

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
  color: #444444;
  font-family: 'Montserrat', sans-serif; }

img {
  max-width: 100%; }

hr {
  border: 0.5px solid #F1F0F0; }

p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  margin-bottom: 20px;
  color: #767676; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 30px;
    color: #444444;
    padding-left: 40px;
    position: relative; }
    ul li:before {
      content: '';
      position: absolute;
      left: 0;
      margin-top: 1px;
      width: 6px;
      height: 6px;
      background: #444444;
      border-radius: 50%;
      top: 12px; }
    ul li:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid #444444;
      left: -3px;
      top: 10px; }

ol {
  margin: 0;
  counter-reset: i;
  position: relative; }
  ol li {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 24px;
    color: #444444;
    padding-left: 40px;
    position: relative; }
    ol li:before {
      content: " ";
      counter-increment: i;
      content: counter(i) ".";
      position: absolute;
      left: 0;
      color: #444444;
      margin-top: 1px; }

a {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline; }
  a:hover {
    text-decoration: none;
    color: #666666;
    transition: all 0.4s ease; }

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
textarea,
select {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #eceaea;
  border-radius: 50px;
  padding: 10px 25px;
  width: 100%;
  color: #444444;
  margin-bottom: 15px; }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  textarea:focus,
  select:focus {
    border-color: #444444;
    transition: all 0.5s ease; }

textarea {
  border-radius: 8px;
  resize: vertical; }

blockquote {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #FAF8F8;
  margin-bottom: 15px;
  border-left: 4px solid #444444;
  padding: 30px 70px 30px 70px;
  line-height: 24px;
  color: #444444;
  margin-bottom: 20px;
  font-style: italic;
  position: relative; }
  @media only screen and (max-width: 640px) {
    blockquote {
      padding: 30px 25px 30px 70px; } }
  @media only screen and (max-width: 480px) {
    blockquote {
      padding: 32px 20px; } }
  blockquote:before {
    content: '\f10d';
    font-family: fontawesome;
    position: absolute;
    left: 14px;
    font-size: 45px;
    top: 23px;
    color: #e7e6e6; }
    @media only screen and (max-width: 480px) {
      blockquote:before {
        opacity: 0.2; } }
  blockquote span {
    position: relative;
    padding-left: 20px; }
    blockquote span:before {
      content: '';
      width: 12px;
      height: 1px;
      background: #444444;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -2px; }

@media only screen and (min-width: 520px) and (max-width: 620px) {
  .container {
    width: 480px; } }

/* ============================= */
/*           Fancy Box           */
/* ============================= */
.fancybox-next span,
.fancybox-prev span {
  background-image: none !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center; }

.fancybox-next span:before,
.fancybox-prev span:before {
  content: '';
  position: absolute;
  font-family: 'FontAwesome';
  left: 0px;
  top: 0px;
  font-size: 12px;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  background-color: rgba(28, 28, 28, 0.4) !important;
  color: #ffffff;
  visibility: visible;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease; }

.fancybox-next span:before {
  content: '\f178'; }

.fancybox-prev span:before {
  content: '\f177'; }

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
  background-color: #444444 !important;
  color: #ffffff; }

.fancybox-type-image .fancybox-close {
  right: 0px;
  top: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/icon-cross.png) center center no-repeat;
  background-color: #444444 !important; }

.fancybox-type-image .fancybox-close:hover {
  background-color: #000000 !important; }

.fancybox-type-image .fancybox-skin {
  padding: 0px !important; }

.section_heading {
  margin-top: 0; }
  .section_heading span {
    display: inline-block;
    padding: 15px 0px;
    position: relative; }
    .section_heading span:after {
      background: #444444 none repeat scroll 0 0;
      bottom: 0;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      width: 36px; }

.blog_heading_border {
  position: relative; }
  .blog_heading_border:before {
    content: "";
    background: #444444;
    bottom: -18px;
    display: block;
    height: 2px;
    margin-bottom: 6px;
    position: absolute;
    width: 18px; }

.mt_reply {
  line-height: 12px;
  font-size: 12px; }

.mt_btn_grey,
.mt_btn_white,
input[type="submit"] {
  padding: 10px 30px;
  border: 1px solid #444444;
  background: #444444;
  font-size: 16px;
  border-radius: 50px;
  margin-bottom: 10px;
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500; }
  @media only screen and (max-width: 640px) {
    .mt_btn_grey,
    .mt_btn_white,
    input[type="submit"] {
      font-size: 14px;
      padding: 10px 19px; } }
  .mt_btn_grey:hover, .mt_btn_grey:focus,
  .mt_btn_white:hover,
  .mt_btn_white:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus {
    border: 1px solid #444444;
    color: #444444;
    background-color: #f9f9f9;
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none; }

.mt_btn_white {
  background: #f9f9f9;
  color: #444444;
  border: 1px solid #f9f9f9;
  font-weight: 600; }
  .mt_btn_white:hover, .mt_btn_white:focus {
    border: 1px solid #444444;
    color: #f9f9f9;
    background-color: #444444 !important;
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none; }

#content {
  margin-bottom: 60px; }

/* ============================= */
/*           Dark Version        */
/* ============================= */
.darker h1 {
  color: #FFFFFF; }
.darker h2 {
  color: #FFFFFF; }
.darker h3 {
  color: #FFFFFF; }
.darker h4 {
  color: #FFFFFF; }
.darker h5 {
  color: #FFFFFF; }
.darker h6 {
  color: #FFFFFF; }
.darker hr {
  border: 0.5px solid #666666; }
.darker p {
  color: #e1e1e1; }
.darker ul li {
  color: #e1e1e1; }
  .darker ul li:before {
    background: #e1e1e1; }
  .darker ul li:after {
    border: 1px solid #e1e1e1; }
.darker ol li {
  color: #e1e1e1; }
  .darker ol li:before {
    color: #e1e1e1; }
.darker a {
  color: #e1e1e1; }
  .darker a:hover {
    color: #FFFFFF; }
.darker blockquote {
  background-color: #444444;
  border-left: 4px solid #202020;
  color: #202020; }
  .darker blockquote:before {
    color: #e7e6e6; }
  .darker blockquote span {
    color: #e1e1e1; }
    .darker blockquote span:before {
      background: #e1e1e1; }
.darker input[type=text],
.darker input[type=email],
.darker input[type=number],
.darker input[type=password],
.darker input[type=tel],
.darker textarea,
.darker select {
  background-color: transparent;
  border: 1px solid #666666;
  color: #666666; }
  .darker input[type=text]:focus,
  .darker input[type=email]:focus,
  .darker input[type=number]:focus,
  .darker input[type=password]:focus,
  .darker input[type=tel]:focus,
  .darker textarea:focus,
  .darker select:focus {
    border-color: #666666; }
.darker .section_heading span:after {
  background: #FFFFFF; }
.darker .blog_heading_border:before {
  background: #FFFFFF; }
.darker .mt_btn_grey,
.darker .mt_btn_white,
.darker input[type="submit"] {
  background: #dddddd;
  color: #444444;
  border-color: #dddddd; }
  .darker .mt_btn_grey:hover, .darker .mt_btn_grey:focus,
  .darker .mt_btn_white:hover,
  .darker .mt_btn_white:focus,
  .darker input[type="submit"]:hover,
  .darker input[type="submit"]:focus {
    color: #dddddd;
    background-color: #000000;
    border-color: #000000; }

.darker-mine-shaft {
  background: #202020; }

.darker-shaft {
  background: #2b2b2b; }

.light-bg {
  background: #f9f9f9; }

.mt_light_banner {
  background-color: #444444; }

.mt_error {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 13px 20px;
  text-align: center;
  background: rgba(228, 25, 25, 0.75);
  color: #fff;
  font-size: 14px; }

.toast-message {
  font-size: 14px; }

/* ========================================= */
/* 		   			LAYOUT 					 */
/* ========================================= */
/* ====================== */
/*         Header         */
/* ====================== */
#mt_header nav #navigation .sticky-nav,
#mt_header nav #navigation .sticky-nav-white {
  padding: 10px !important;
  transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
  -webkit-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
  -moz-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
  -o-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
  -ms-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
  -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
  -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52); }
  #mt_header nav #navigation .sticky-nav .logo a img,
  #mt_header nav #navigation .sticky-nav-white .logo a img {
    margin-top: 2px;
    width: 125px; }
    @media only screen and (max-width: 360px) {
      #mt_header nav #navigation .sticky-nav .logo a img,
      #mt_header nav #navigation .sticky-nav-white .logo a img {
        width: 115px; } }
#mt_header nav #navigation .sticky-nav-white ul.nav.navbar-nav li a {
  color: #444444 !important; }
#mt_header nav #navigation .reveal-menu {
  padding: 15px !important; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #mt_header nav #navigation .reveal-menu .navbar-right {
      float: none !important;
      margin: 0 auto;
      width: 97%; } }
  #mt_header nav #navigation .reveal-menu ul.nav.navbar-nav li a {
    color: #444444 !important; }
#mt_header nav #navigation .navbar.navbar-default {
  padding: 25px 0;
  border-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    #mt_header nav #navigation .navbar.navbar-default .col-md-12 {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-toggle {
      border-color: #444444;
      background-color: #444444;
      display: block; }
      #mt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover {
        border-color: #FFFFFF;
        background-color: #FFFFFF; }
        #mt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover .icon-bar {
          background-color: #444444; } }
  @media only screen and (max-width: 767px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-toggle {
      margin-right: 0; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-toggle .icon-bar {
      background-color: #FFFFFF; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-header {
      float: none; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-header .logo {
      display: inline-block;
      margin-top: 5px; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse.collapse {
      display: none !important; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse.collapse.in {
      display: block !important; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse {
      border-top: 1px solid #eceaea;
      margin-top: 15px;
      max-height: 263px;
      overflow-y: auto !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav > li {
      float: none; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px; } }
  @media only screen and (max-width: 991px) {
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav {
      float: none !important; } }
  #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    margin-bottom: 0;
    margin-left: 20px;
    padding: 0; }
    @media only screen and (max-width: 991px) {
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
        border-bottom: 1px solid #444444;
        margin-bottom: 0;
        margin-left: 0;
        padding: 0; } }
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:before {
      display: none; }
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:after {
      display: none !important; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:first-child {
        margin-left: 0 !important; } }
    @media only screen and (max-width: 991px) {
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:last-child {
        border-bottom: none; } }
    #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
      font-size: 15px;
      font-family: 'open sans', sans-serif;
      font-weight: 400;
      color: #FFFFFF;
      padding: 0;
      line-height: 43px;
      position: relative;
      letter-spacing: 1px;
      text-decoration: none; }
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:focus:before, #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:hover:before {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform-origin: left top 0;
        -webkit-transform-origin: left top 0;
        -moz-transform-origin: left top 0;
        -o-transform-origin: left top 0;
        -ms-transform-origin: left top 0; }
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:before {
        background-color: #444444;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 43px;
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform-origin: right top 0;
        -webkit-transform-origin: right top 0;
        -moz-transform-origin: right top 0;
        -o-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        width: 100%; }
  #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
    background: none !important;
    border-bottom: 1px solid #444444; }
    @media only screen and (max-width: 991px) {
      #mt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
        border-bottom: none; } }
#mt_header .darker #navigation .reveal-menu.darker-mine-shaft {
  background: #202020 !important; }
  #mt_header .darker #navigation .reveal-menu.darker-mine-shaft ul.nav.navbar-nav li a {
    color: #e1e1e1 !important; }
    #mt_header .darker #navigation .reveal-menu.darker-mine-shaft ul.nav.navbar-nav li a:before {
      background-color: #e1e1e1 !important; }
  #mt_header .darker #navigation .reveal-menu.darker-mine-shaft ul.nav.navbar-nav li.active a {
    border-bottom: 1px solid #e1e1e1 !important; }

/* =========================== */
/*         End Header          */
/* =========================== */
/* ====================== */
/*         Banner         */
/* ====================== */
#mt_banner {
  padding-top: 80px; }
  #mt_banner .static {
    position: static; }
  #mt_banner .relative {
    position: relative; }
  @media only screen and (max-width: 991px) {
    #mt_banner {
      height: 100% !important;
      position: relative; } }
  @media only screen and (min-width: 480px) and (max-width: 620px) {
    #mt_banner {
      height: 560px !important;
      overflow: hidden;
      position: relative; } }
  @media only screen and (max-width: 620px) {
    #mt_banner .col-md-6.col-sm-6.col-xs-6,
    #mt_banner .col-xs-5 {
      width: 100%; } }
  @media only screen and (min-width: 520px) and (max-width: 620px) {
    #mt_banner .col-md-6.col-sm-6.col-xs-6,
    #mt_banner .col-xs-5 {
      padding: 0; } }
  @media only screen and (max-width: 620px) {
    #mt_banner .col-xs-offset-1 {
      margin-left: 0; } }
  #mt_banner .banner_caption_text {
    margin-top: -170px;
    position: absolute;
    top: 50%;
    width: 50%; }
    @media only screen and (min-width: 620px) and (max-width: 640px) {
      #mt_banner .banner_caption_text {
        margin-top: -150px; } }
    @media only screen and (max-width: 620px) {
      #mt_banner .banner_caption_text {
        margin-top: 24px;
        position: static;
        top: 0;
        width: 100%; } }
    #mt_banner .banner_caption_text h1 {
      color: #444444;
      position: relative;
      margin: 15px 0 25px 0;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner_caption_text h1 {
          margin: 15px 0;
          font-size: 40px; } }
      @media only screen and (max-width: 640px) {
        #mt_banner .banner_caption_text h1 {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 15px;
          position: relative; } }
      @media only screen and (max-width: 480px) {
        #mt_banner .banner_caption_text h1 {
          font-size: 26px; } }
    #mt_banner .banner_caption_text p {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 45px; }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner_caption_text p {
          margin-bottom: 35px; } }
      @media only screen and (max-width: 640px) {
        #mt_banner .banner_caption_text p {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 30px; } }
  #mt_banner .banner_caption_img {
    text-align: center; }
    @media only screen and (min-width: 480px) and (max-width: 620px) {
      #mt_banner .banner_caption_img {
        float: right;
        position: relative;
        text-align: center;
        top: -90px;
        width: 200px; } }
    @media only screen and (max-width: 480px) {
      #mt_banner .banner_caption_img {
        margin: 0 auto;
        width: 200px; } }
    #mt_banner .banner_caption_img img {
      width: 100%; }
      @media only screen and (max-width: 480px) {
        #mt_banner .banner_caption_img img {
          width: 100%; } }
  #mt_banner .darker .banner_caption_text span {
    color: #e1e1e1; }
  #mt_banner .darker .banner_caption_text h1 {
    color: #FFFFFF; }

/* ========================== */
/*         End Banner         */
/* ========================== */
/* ============================ */
/*            About Me          */
/* ============================ */
#mt_about_me {
  padding: 100px 0;
  position: relative; }
  @media only screen and (max-width: 640px) {
    #mt_about_me {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_about_me h2 {
      margin-bottom: 30px; } }
  #mt_about_me .mt_about_me p {
    margin-bottom: 38px; }
  @media only screen and (max-width: 640px) {
    #mt_about_me .mt_about_me {
      margin-bottom: 30px; } }
  #mt_about_me .mt_skill-progress {
    margin-top: 20px; }
    #mt_about_me .mt_skill-progress .mt_skill-bar {
      margin-bottom: 28px; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-mark span, #mt_about_me .mt_skill-progress .mt_skill-bar .progress-title-holder {
        color: #5e5e5e;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        margin: 0 0 15px; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-title-holder {
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-title {
        z-index: 100; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-wrapper {
        width: 100%;
        z-index: 10; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-mark {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%); }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-content, #mt_about_me .mt_skill-progress .mt_skill-bar .progress-outter {
        height: 4px;
        border-radius: 3px; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-outter {
        background-color: #c8c8c8; }
      #mt_about_me .mt_skill-progress .mt_skill-bar .progress-content {
        background-color: #484848;
        width: 0%; }
  #mt_about_me .darker .progress-title,
  #mt_about_me .darker .progress-mark span,
  #mt_about_me .darker .progress-title-holder {
    color: #FFFFFF !important; }
  #mt_about_me .darker .progress-content {
    background-color: #FFFFFF !important; }
  #mt_about_me .darker .progress-outter {
    background-color: #444444 !important; }

/* ================================= */
/*         End How it Works          */
/* ================================= */
/* ================================== */
/*           Experience Section       */
/* ================================== */
#mt_experience {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_experience {
      padding: 60px 0; } }
  #mt_experience .single_experience {
    float: left;
    width: 100%; }
    #mt_experience .single_experience:last-of-type .designation {
      border: 0; }
    #mt_experience .single_experience .company_name {
      width: 90px;
      position: relative;
      float: left;
      top: -13px;
      right: -16px; }
      #mt_experience .single_experience .company_name .line {
        border-right: 1px solid #444444;
        content: "";
        height: 117px;
        position: absolute;
        right: -23px;
        top: 12px;
        width: 0;
        z-index: 1; }
      #mt_experience .single_experience .company_name h4 {
        color: #444444;
        margin: 0;
        font-weight: normal;
        text-transform: capitalize;
        font-size: 18px;
        overflow-wrap: break-word; }
      #mt_experience .single_experience .company_name p {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        background: #444;
        text-align: center;
        margin-top: 3px;
        border-radius: 5px; }
      #mt_experience .single_experience .company_name:before {
        content: '';
        border-top: 4px solid transparent;
        border-left: 5px solid #444;
        border-bottom: 4px solid transparent;
        position: absolute;
        right: -5px;
        top: 11px; }
    #mt_experience .single_experience .designation {
      float: left;
      width: 67%;
      margin-left: 40px;
      border-left: 1px solid #444;
      margin-bottom: 4px; }
      @media only screen and (max-width: 991px) {
        #mt_experience .single_experience .designation {
          width: 62%; } }
      @media only screen and (max-width: 380px) {
        #mt_experience .single_experience .designation {
          width: 52%; } }
      #mt_experience .single_experience .designation .circle {
        float: left;
        position: relative;
        top: -6px;
        z-index: 2;
        display: inline-block;
        width: 15px;
        height: 15px;
        background: #444444;
        border-radius: 50%;
        left: -8px; }
        #mt_experience .single_experience .designation .circle:before {
          background: rgba(68, 68, 68, 0.13) none repeat scroll 0 0;
          border-radius: 50%;
          content: "";
          height: 23px;
          position: absolute;
          width: 23px;
          top: -4px;
          left: -4px; }
        #mt_experience .single_experience .designation .circle:after {
          background: rgba(68, 68, 68, 0.08) none repeat scroll 0 0;
          border-radius: 50%;
          content: "";
          height: 29px;
          position: absolute;
          width: 29px;
          top: -7px;
          left: -7px; }
      #mt_experience .single_experience .designation h3 {
        padding-left: 36px;
        margin: 0;
        font-weight: 600;
        font-size: 20px;
        text-transform: capitalize;
        margin-top: -17px; }
        @media only screen and (max-width: 991px) {
          #mt_experience .single_experience .designation h3 {
            margin-top: -11px;
            font-size: 16px;
            line-height: 27px; } }
      #mt_experience .single_experience .designation h5 {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 2px;
        color: #444444;
        font-family: 'Montserrat', sans-serif;
        padding-left: 37px;
        margin-top: 0; }
      #mt_experience .single_experience .designation p {
        padding-left: 36px;
        color: #444444;
        font-size: 14px;
        line-height: 24px; }
  #mt_experience .darker h5,
  #mt_experience .darker p {
    color: #e1e1e1 !important; }
  #mt_experience .darker .circle {
    background: #e1e1e1 !important; }
    #mt_experience .darker .circle:before {
      background: rgba(255, 255, 255, 0.13) !important; }
    #mt_experience .darker .circle:after {
      background: rgba(255, 255, 255, 0.08) !important; }

/* ================================== */
/*         End Experience Section     */
/* ================================== */
/* ===================================== */
/*           Portfolio Section           */
/* ===================================== */
#mt_portfolio {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_portfolio {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_portfolio h2 {
      margin-bottom: 30px; } }
  #mt_portfolio .isotopeSelector {
    margin-bottom: 25px; }
  #mt_portfolio li:after {
    display: none; }
  #mt_portfolio li:before {
    display: none; }
  #mt_portfolio .mt_filter {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; }
    #mt_portfolio .mt_filter ul li {
      margin-right: 15px;
      padding: 0;
      margin-bottom: 17px; }
      @media only screen and (max-width: 640px) {
        #mt_portfolio .mt_filter ul li {
          margin-bottom: 0; } }
      #mt_portfolio .mt_filter ul li a {
        color: #666666;
        font-size: 12px;
        text-decoration: none;
        text-transform: uppercase; }
        #mt_portfolio .mt_filter ul li a:hover:before {
          transform: scaleX(1);
          -webkit-transform: scaleX(1);
          -moz-transform: scaleX(1);
          -o-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform-origin: left top 0;
          -webkit-transform-origin: left top 0;
          -moz-transform-origin: left top 0;
          -o-transform-origin: left top 0;
          -ms-transform-origin: left top 0; }
        #mt_portfolio .mt_filter ul li a:before {
          background-color: #444444;
          content: "";
          height: 0.5px;
          left: 0;
          position: absolute;
          top: 25px;
          transform: scaleX(0);
          -webkit-transform: scaleX(0);
          -moz-transform: scaleX(0);
          -o-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform-origin: right top 0;
          -webkit-transform-origin: right top 0;
          -moz-transform-origin: right top 0;
          -o-transform-origin: right top 0;
          -ms-transform-origin: right top 0;
          transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          width: 99%; }
  #mt_portfolio .mt_filter li a.active {
    border-bottom: 0.5px solid #444444; }
  #mt_portfolio .portfolio_row {
    margin-top: 30px; }
    #mt_portfolio .portfolio_row .hovereffect-portfolio {
      width: 100%;
      height: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      text-align: center;
      cursor: default; }
      #mt_portfolio .portfolio_row .hovereffect-portfolio:hover .overlayPort {
        background-color: rgba(229, 225, 225, 0.55); }
      #mt_portfolio .portfolio_row .hovereffect-portfolio:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      #mt_portfolio .portfolio_row .hovereffect-portfolio:hover ul.info {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: transparent; }
      #mt_portfolio .portfolio_row .hovereffect-portfolio .overlayPort {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      #mt_portfolio .portfolio_row .hovereffect-portfolio h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.6); }
      #mt_portfolio .portfolio_row .hovereffect-portfolio h2, #mt_portfolio .portfolio_row .hovereffect-portfolio img {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      #mt_portfolio .portfolio_row .hovereffect-portfolio img {
        display: block;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      #mt_portfolio .portfolio_row .hovereffect-portfolio ul {
        overflow: hidden; }
        #mt_portfolio .portfolio_row .hovereffect-portfolio ul li {
          margin-left: 7px;
          margin-right: 7px;
          width: 100%; }
          #mt_portfolio .portfolio_row .hovereffect-portfolio ul li:after {
            display: none; }
          #mt_portfolio .portfolio_row .hovereffect-portfolio ul li a {
            color: #fff;
            display: inline-block;
            float: left;
            text-align: left;
            text-decoration: none; }
            #mt_portfolio .portfolio_row .hovereffect-portfolio ul li a h4 {
              margin-bottom: 0;
              line-height: 28px; }
              @media only screen and (max-width: 480px) {
                #mt_portfolio .portfolio_row .hovereffect-portfolio ul li a h4 {
                  font-size: 14px;
                  line-height: 20px;
                  margin-bottom: 0; } }
            #mt_portfolio .portfolio_row .hovereffect-portfolio ul li a p {
              font-size: 12px; }
      #mt_portfolio .portfolio_row .hovereffect-portfolio ul.info {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid #fff;
        margin: 0 auto;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        font-weight: normal;
        height: 90%;
        width: 93%;
        position: absolute;
        padding: 37% 0 0 0;
        left: 0;
        right: 0;
        top: 5%; }
        @media only screen and (max-width: 480px) {
          #mt_portfolio .portfolio_row .hovereffect-portfolio ul.info {
            padding: 35% 0 0; } }
  #mt_portfolio .darker .mt_filter a {
    color: #FFFFFF !important; }
    #mt_portfolio .darker .mt_filter a:before {
      background: #FFFFFF !important; }
  #mt_portfolio .darker .mt_filter a.active {
    border-color: #FFFFFF !important; }
  #mt_portfolio .darker .portfolio_row .hovereffect-portfolio h4, #mt_portfolio .darker .portfolio_row .hovereffect-portfolio p {
    color: #444444; }

/* ========================================= */
/*           End Portfolio Section           */
/* ========================================= */
/* ===================================== */
/*           Awardage Section           */
/* ===================================== */
#mt_awardage {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_awardage {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_awardage h2 {
      margin-bottom: 30px; } }
  #mt_awardage .isotopeSelector {
    margin-bottom: 25px; }
  #mt_awardage li:after {
    display: none; }
  #mt_awardage li:before {
    display: none; }
  #mt_awardage .mt_filter {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; }
    #mt_awardage .mt_filter ul li {
      margin-right: 15px;
      padding: 0;
      margin-bottom: 17px; }
      @media only screen and (max-width: 640px) {
        #mt_portfolio .mt_filter ul li {
          margin-bottom: 0; } }
      #mt_awardage .mt_filter ul li a {
        color: #666666;
        font-size: 12px;
        text-decoration: none;
        text-transform: uppercase; }
        #mt_awardage .mt_filter ul li a:hover:before {
          transform: scaleX(1);
          -webkit-transform: scaleX(1);
          -moz-transform: scaleX(1);
          -o-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform-origin: left top 0;
          -webkit-transform-origin: left top 0;
          -moz-transform-origin: left top 0;
          -o-transform-origin: left top 0;
          -ms-transform-origin: left top 0; }
        #mt_awardage .mt_filter ul li a:before {
          background-color: #444444;
          content: "";
          height: 0.5px;
          left: 0;
          position: absolute;
          top: 25px;
          transform: scaleX(0);
          -webkit-transform: scaleX(0);
          -moz-transform: scaleX(0);
          -o-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform-origin: right top 0;
          -webkit-transform-origin: right top 0;
          -moz-transform-origin: right top 0;
          -o-transform-origin: right top 0;
          -ms-transform-origin: right top 0;
          transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          width: 99%; }
  #mt_awardage .mt_filter li a.active {
    border-bottom: 0.5px solid #444444; }
  #mt_awardage .awardage_row {
    margin-top: 30px; }
    #mt_awardage .awardage_row .hovereffect-awardage {
      width: 100%;
      height: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      text-align: center;
      cursor: default; }
      #mt_awardage .awardage_row .hovereffect-awardage:hover .overlayAwardage {
        background-color: rgba(229, 225, 225, 0.55); }
      #mt_awardage .awardage_row .hovereffect-awardage:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      #mt_awardage .awardage_row .hovereffect-awardage:hover ul.info {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: transparent; }
      #mt_awardage .awardage_row .hovereffect-awardage .overlayAwarage {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      #mt_awardage .awardage_row .hovereffect-awardage h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.6); }
      #mt_awardage .awardage_row .hovereffect-awardage h2, #mt_awardage .awardage_row .hovereffect-awardage img {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      #mt_awardage .awardage_row .hovereffect-awardage img {
        display: block;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      #mt_awardage .awardage_row .hovereffect-awardage ul {
        overflow: hidden; }
        #mt_awardage .awardage_row .hovereffect-awardage ul li {
          margin-left: 7px;
          margin-right: 7px;
          width: 100%; }
          #mt_awardage .awardage_row .hovereffect-awardage ul li:after {
            display: none; }
          #mt_awardage .awardage_row .hovereffect-awardage ul li a {
            color: #fff;
            display: inline-block;
            float: left;
            text-align: left;
            text-decoration: none; }
            #mt_awardage .awardage_row .hovereffect-awardage ul li a h4 {
              margin-bottom: 0;
              line-height: 28px; }
              @media only screen and (max-width: 480px) {
                #mt_awardage .awardage_row .hovereffect-awardage ul li a h4 {
                  font-size: 14px;
                  line-height: 20px;
                  margin-bottom: 0; } }
            #mt_awardage .awardage_row .hovereffect-awardage ul li a p {
              font-size: 12px; }
      #mt_awardage .awardage_row .hovereffect-awardage ul.info {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid #fff;
        margin: 0 auto;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        font-weight: normal;
        height: 90%;
        width: 93%;
        position: absolute;
        padding: 37% 0 0 0;
        left: 0;
        right: 0;
        top: 5%; }
        @media only screen and (max-width: 480px) {
          #mt_awardage .awardage_row .hovereffect-awardage ul.info {
            padding: 35% 0 0; } }
  #mt_awardage .darker .mt_filter a {
    color: #FFFFFF !important; }
    #mt_awardage .darker .mt_filter a:before {
      background: #FFFFFF !important; }
  #mt_awardage .darker .mt_filter a.active {
    border-color: #FFFFFF !important; }
  #mt_awardage .darker .awardage_row .hovereffect-awardage h4, #mt_awardage .darker .awardage_row .hovereffect-awardage p {
    color: #444444; }

/* ========================================= */
/*           End Awardage Section           */
/* ========================================= */
/* ====================== */
/*        Services        */
/* ====================== */
#mt_services {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_services {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_services h2 {
      margin-bottom: 30px; } }
  #mt_services .box {
    padding: 15px 30px;
    background: #FFFFFF;
    margin-bottom: 30px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #mt_services .box {
        margin-bottom: 30px; } }
    #mt_services .box:hover {
      -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
      -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
      -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
      -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
      box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease; }
    #mt_services .box .icon {
      text-align: left; }
      #mt_services .box .icon i {
        font-size: 54px;
        color: #444444; }
    #mt_services .box h3 {
      margin-bottom: 23px;
      margin-top: 0;
      text-align: left;
      color: #444444; }
    #mt_services .box p {
      margin-bottom: 30px;
      text-align: left; }
  #mt_services .darker .box {
    background: #2b2b2b; }
    #mt_services .darker .box .icon i {
      color: #e1e1e1; }
    #mt_services .darker .box h3 {
      color: #e1e1e1; }

/* ========================== */
/*        End Services        */
/* ========================== */
/* ====================== */
/*      Testimonials      */
/* ====================== */
#mt_testimonial {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_testimonial {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_testimonial h2 {
      margin-bottom: 30px; } }
  #mt_testimonial .owl-dots {
    text-align: center;
    margin-top: 30px; }
    @media only screen and (max-width: 640px) {
      #mt_testimonial .owl-dots {
        margin-top: 10px; } }
    #mt_testimonial .owl-dots .owl-dot.active {
      background: #444444;
      border-radius: 50%;
      height: 10px;
      transition: all 0.5s ease 0s;
      width: 10px;
      position: relative; }
      #mt_testimonial .owl-dots .owl-dot.active:before {
        border: 1px solid #444444;
        border-radius: 50%;
        content: "";
        height: 18px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50.1%, -50%);
        width: 18px; }
    #mt_testimonial .owl-dots .owl-dot {
      border: 1px solid #444444;
      border-radius: 50%;
      display: inline-block;
      height: 10px;
      margin-right: 12px;
      width: 10px; }
  #mt_testimonial .testimonial_main {
    background: #f9f9f9;
    padding: 0 25px;
    margin: 65px 0 8px -8px;
    padding-bottom: 25px;
    float: left;
    width: 100%; }
    @media only screen and (max-width: 991px) {
      #mt_testimonial .testimonial_main {
        margin: 65px 0 8px; } }
    @media only screen and (max-width: 640px) {
      #mt_testimonial .testimonial_main {
        text-align: center;
        margin: 0 0 8px; } }
    #mt_testimonial .testimonial_main .mt_testimonial_img {
      margin-bottom: 22px; }
      #mt_testimonial .testimonial_main .mt_testimonial_img img {
        width: 20%;
        border-radius: 50%;
        box-shadow: 4px 8px 18px 0 #cccccc;
        -ms-box-shadow: 4px 8px 18px 0 #cccccc;
        -webkit-box-shadow: 4px 8px 18px 0 #cccccc;
        -moz-box-shadow: 4px 8px 18px 0 #cccccc;
        -o-box-shadow: 4px 8px 18px 0 #cccccc;
        margin-top: -60px; }
        @media only screen and (max-width: 991px) {
          #mt_testimonial .testimonial_main .mt_testimonial_img img {
            width: 15%; } }
        @media only screen and (max-width: 640px) {
          #mt_testimonial .testimonial_main .mt_testimonial_img img {
            width: 15%;
            margin: 30px auto 0; } }
        @media only screen and (max-width: 570px) {
          #mt_testimonial .testimonial_main .mt_testimonial_img img {
            width: 25%; } }
        @media only screen and (min-width: 360px) and (max-width: 480px) {
          #mt_testimonial .testimonial_main .mt_testimonial_img img {
            width: 32%; } }
        @media only screen and (max-width: 360px) {
          #mt_testimonial .testimonial_main .mt_testimonial_img img {
            width: 35%; } }
    #mt_testimonial .testimonial_main p {
      margin-bottom: 6px !important; }
      @media only screen and (max-width: 640px) {
        #mt_testimonial .testimonial_main p {
          font-size: 14px;
          line-height: 22px; } }
    #mt_testimonial .testimonial_main em {
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1px; }
    #mt_testimonial .testimonial_main span {
      display: block;
      font-size: 12px;
      margin-top: -4px; }
  #mt_testimonial .darker .testimonial_main {
    background: #202020; }
    #mt_testimonial .darker .testimonial_main em,
    #mt_testimonial .darker .testimonial_main span {
      color: #e1e1e1; }
    #mt_testimonial .darker .testimonial_main .mt_testimonial_img img {
      box-shadow: 3px 3px 14px 0 #000000;
      -ms-box-shadow: 3px 3px 14px 0 #000000;
      -webkit-box-shadow: 3px 3px 14px 0 #000000;
      -moz-box-shadow: 3px 3px 14px 0 #000000;
      -o-box-shadow: 3px 3px 14px 0 #000000; }
  #mt_testimonial .darker .owl-dot.active {
    background: #e1e1e1; }
    #mt_testimonial .darker .owl-dot.active:before {
      border-color: #e1e1e1; }
  #mt_testimonial .darker .owl-dot {
    border-color: #e1e1e1; }

/* =========================== */
/*      End Testimonials       */
/* =========================== */
/* ====================== */
/*        Pricing         */
/* ====================== */
#mt_pricing {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_pricing {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_pricing h2 {
      margin-bottom: 30px; } }
  #mt_pricing .main_pricing_conatiner.highlight_pricing {
    -ms-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -webkit-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61); }
    #mt_pricing .main_pricing_conatiner.highlight_pricing:hover a {
      border: 1px solid #444444;
      color: #f9f9f9;
      background-color: #f9f9f9;
      transition: all 0.5s ease;
      text-shadow: initial;
      -ms-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -o-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -webkit-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -moz-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61); }
    #mt_pricing .main_pricing_conatiner.highlight_pricing .price {
      background: #444444; }
      #mt_pricing .main_pricing_conatiner.highlight_pricing .price h2 {
        color: #FFFFFF; }
      #mt_pricing .main_pricing_conatiner.highlight_pricing .price .price_tag {
        color: #FFFFFF; }
      #mt_pricing .main_pricing_conatiner.highlight_pricing .price .per_month {
        color: #FFFFFF; }
    #mt_pricing .main_pricing_conatiner.highlight_pricing .choose_plan_btn {
      text-align: center;
      padding-bottom: 40px; }
      #mt_pricing .main_pricing_conatiner.highlight_pricing .choose_plan_btn .mt_btn_grey {
        height: 55px;
        line-height: 55px;
        padding: 0;
        text-align: center;
        width: 55px;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61); }
        #mt_pricing .main_pricing_conatiner.highlight_pricing .choose_plan_btn .mt_btn_grey i {
          font-size: 45px; }
  #mt_pricing .main_pricing_conatiner {
    background: #FFFFFF none repeat scroll 0 0;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    border-radius: 10px; }
    @media only screen and (max-width: 991px) {
      #mt_pricing .main_pricing_conatiner {
        margin-bottom: 40px; } }
    #mt_pricing .main_pricing_conatiner:hover a {
      border: 1px solid #444444;
      color: #f9f9f9;
      background-color: #444444 !important;
      transition: all 0.5s ease;
      text-shadow: initial;
      -ms-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -o-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -webkit-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      -moz-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
      box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61); }
    #mt_pricing .main_pricing_conatiner .price {
      background: #f9f9f9 none repeat scroll 0 0;
      padding: 35px 0 50px;
      text-align: center;
      position: relative; }
      #mt_pricing .main_pricing_conatiner .price h2 {
        font-family: montserrat;
        font-weight: 200;
        margin-bottom: 5px; }
        @media only screen and (max-width: 480px) {
          #mt_pricing .main_pricing_conatiner .price h2 {
            font-size: 24px;
            margin-bottom: 0;
            margin-top: 0; } }
      #mt_pricing .main_pricing_conatiner .price .price_tag {
        font-family: montserrat;
        font-size: 48px;
        font-weight: 500;
        color: #666666; }
        @media only screen and (max-width: 480px) {
          #mt_pricing .main_pricing_conatiner .price .price_tag {
            font-size: 40px; } }
      #mt_pricing .main_pricing_conatiner .price .per_month {
        font-family: open sans;
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #666666; }
    #mt_pricing .main_pricing_conatiner .price_listing {
      padding: 25px 40px 8px; }
      @media only screen and (max-width: 480px) {
        #mt_pricing .main_pricing_conatiner .price_listing {
          padding: 70px 0 25px 20px; } }
    #mt_pricing .main_pricing_conatiner .choose_plan_btn {
      text-align: center;
      padding-bottom: 40px; }
      #mt_pricing .main_pricing_conatiner .choose_plan_btn .mt_btn_white {
        background: #f9f9f9;
        height: 55px;
        line-height: 55px;
        padding: 0;
        text-align: center;
        width: 55px;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
        box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61); }
        #mt_pricing .main_pricing_conatiner .choose_plan_btn .mt_btn_white i {
          font-size: 45px; }
  #mt_pricing .darker .main_pricing_conatiner {
    background: #202020;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61); }
    #mt_pricing .darker .main_pricing_conatiner:hover a {
      -ms-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -o-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -webkit-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -moz-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61); }
    #mt_pricing .darker .main_pricing_conatiner .price {
      background: #202020; }
      #mt_pricing .darker .main_pricing_conatiner .price span {
        color: #FFFFFF; }
    #mt_pricing .darker .main_pricing_conatiner .price_listing {
      background: #202020; }
    #mt_pricing .darker .main_pricing_conatiner .choose_plan_btn {
      background: #202020; }
      #mt_pricing .darker .main_pricing_conatiner .choose_plan_btn .mt_btn_white {
        -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61); }
  #mt_pricing .darker .main_pricing_conatiner.highlight_pricing {
    -ms-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -o-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -moz-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61); }
    #mt_pricing .darker .main_pricing_conatiner.highlight_pricing:hover a {
      -ms-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -o-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -webkit-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      -moz-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
      box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61); }
    #mt_pricing .darker .main_pricing_conatiner.highlight_pricing .price_listing {
      background: #2b2b2b; }
    #mt_pricing .darker .main_pricing_conatiner.highlight_pricing .choose_plan_btn {
      background: #2b2b2b; }
      #mt_pricing .darker .main_pricing_conatiner.highlight_pricing .choose_plan_btn .mt_btn_grey {
        -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61); }

/* =========================== */
/*        End Pricing          */
/* =========================== */
/* ============================= */
/*          Blog Section         */
/* ============================= */
#mt_blog {
  padding: 100px 0; }
  #mt_blog .blog-post_wrapper {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61); }
    #mt_blog .blog-post_wrapper:hover .post_img {
      transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      -moz-transform: scale(1.1, 1.1);
      -o-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s; }
  #mt_blog .grid-item {
    margin-bottom: 38px; }
  #mt_blog .blog-post-image .img {
    overflow: hidden; }
    #mt_blog .blog-post-image .img img {
      max-width: 100%;
      min-width: 100%; }
  #mt_blog .author_img {
    margin-bottom: 0;
    margin-top: -59px;
    position: relative;
    z-index: 99;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 1px 1px 3px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 1px 1px 3px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 1px 1px 3px 0 rgba(204, 204, 204, 0.61); }
    @media only screen and (max-width: 991px) {
      #mt_blog .author_img {
        margin-bottom: 32px;
        margin-top: -47px; } }
  #mt_blog .post-detail_container {
    position: relative; }
    #mt_blog .post-detail_container .sperator {
      position: absolute;
      top: 0;
      width: 100%;
      height: 35px;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: skew(0, -5deg);
      -moz-transform: skew(0, -5deg);
      -ms-transform: skew(0, -5deg);
      -o-transform: skew(0, -5deg);
      transform: skew(0, -5deg);
      background: #fff;
      z-index: 10; }
      @media only screen and (max-width: 991px) {
        #mt_blog .post-detail_container .sperator {
          height: 65px; } }
    #mt_blog .post-detail_container .post-content {
      background-color: #fff;
      padding: 15px 15px; }
      #mt_blog .post-detail_container .post-content .post-title {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 2px;
        margin-top: 0; }
        #mt_blog .post-detail_container .post-content .post-title a {
          text-decoration: none;
          color: #1a1a1a;
          display: block; }
          #mt_blog .post-detail_container .post-content .post-title a:hover, #mt_blog .post-detail_container .post-content .post-title a:focus {
            text-decoration: none;
            transition: 0.4s all ease; }
      #mt_blog .post-detail_container .post-content .post-metadata {
        padding-left: 2px; }
        #mt_blog .post-detail_container .post-content .post-metadata li {
          font-size: 12px;
          line-height: 20px;
          color: #555555;
          padding-right: 3px;
          padding-left: 3px; }
          #mt_blog .post-detail_container .post-content .post-metadata li:before, #mt_blog .post-detail_container .post-content .post-metadata li:after {
            display: none !important; }
          #mt_blog .post-detail_container .post-content .post-metadata li a {
            font-size: 12px;
            line-height: 20px;
            color: #555555;
            text-decoration: none; }
      #mt_blog .post-detail_container .post-content p.post-excerpt {
        color: #444444;
        font-size: 14px;
        line-height: 22px; }
  #mt_blog .view_all_posts {
    margin-top: 50px;
    padding: 10px 30px;
    border: 1px solid #444444;
    font-size: 16px;
    border-radius: 50px;
    display: inline-block;
    color: #444444;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif; }
    #mt_blog .view_all_posts:hover, #mt_blog .view_all_posts:focus {
      border: 1px solid #444444;
      color: #FFFFFF;
      background-color: #444444;
      transition: all 0.5s ease;
      text-shadow: initial;
      text-decoration: none; }
  #mt_blog .darker .blog-post_wrapper {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61); }
    #mt_blog .darker .blog-post_wrapper .sperator {
      background: #2b2b2b; }
    #mt_blog .darker .blog-post_wrapper .post-content {
      background: #2b2b2b; }
      #mt_blog .darker .blog-post_wrapper .post-content h3 a {
        color: #FFFFFF; }
      #mt_blog .darker .blog-post_wrapper .post-content ul li {
        color: #e1e1e1; }
        #mt_blog .darker .blog-post_wrapper .post-content ul li a {
          color: #e1e1e1; }
      #mt_blog .darker .blog-post_wrapper .post-content p {
        color: #e1e1e1; }
  #mt_blog .darker .view_all_posts {
    border: 1px solid #e1e1e1;
    color: #e1e1e1; }
    #mt_blog .darker .view_all_posts:hover, #mt_blog .darker .view_all_posts:focus {
      border: 1px solid #e1e1e1;
      color: #444444;
      background-color: #e1e1e1; }

/* ================================ */
/*         End Blog Section         */
/* ================================ */
/* ====================== */
/*         Contact        */
/* ====================== */
#mt_contact {
  padding: 100px 0; }
  @media only screen and (max-width: 640px) {
    #mt_contact {
      padding: 60px 0; } }
  @media only screen and (max-width: 640px) {
    #mt_contact h2 {
      margin-bottom: 30px; } }
  #mt_contact .contact_form {
    padding: 50px 25px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    border-radius: 8px; }
    @media only screen and (max-width: 990px) {
      #mt_contact .contact_form {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 480px) {
      #mt_contact .contact_form {
        padding: 20px 15px; } }
    #mt_contact .contact_form h3 {
      line-height: 35px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 480px) {
        #mt_contact .contact_form h3 {
          font-size: 18px;
          line-height: 27px;
          margin-bottom: 28px; } }
    #mt_contact .contact_form textarea {
      resize: none !important; }
      @media only screen and (max-width: 480px) {
        #mt_contact .contact_form textarea {
          font-size: 16px; } }
    @media only screen and (max-width: 480px) {
      #mt_contact .contact_form input[type="text"],
      #mt_contact .contact_form input[type="email"] {
        font-size: 16px; } }
    #mt_contact .contact_form #submit-btn {
      text-align: right;
      padding-left: 45px;
      padding-right: 45px;
      margin-top: 5px;
      position: relative; }
      @media only screen and (max-width: 480px) {
        #mt_contact .contact_form #submit-btn {
          font-size: 15px;
          margin-top: 5px;
          padding: 10px 30px; } }
    #mt_contact .contact_form .mt_load {
      display: none;
      position: absolute;
      top: 11px;
      right: -35px;
      margin-left: 14px; }
      #mt_contact .contact_form .mt_load span {
        margin: 0 auto;
        position: relative;
        text-indent: -9999em;
        border-top: 2px solid rgba(0, 0, 0, 0.2);
        border-right: 2px solid rgba(0, 0, 0, 0.2);
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        border-left: 2px solid #111;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        display: inline-block; }
      #mt_contact .contact_form .mt_load:after {
        border-radius: 50%;
        width: 26px;
        height: 26px; }
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #mt_contact .contact_info {
    padding: 45px 25px;
    background: #444444;
    -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    border-radius: 8px; }
    @media only screen and (max-width: 990px) {
      #mt_contact .contact_info {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 480px) {
      #mt_contact .contact_info {
        padding: 20px 15px; } }
    #mt_contact .contact_info h2 {
      color: #FFFFFF;
      margin-bottom: 10px; }
    #mt_contact .contact_info p {
      color: #FFFFFF;
      font-size: 14px; }
    #mt_contact .contact_info a {
      color: #fff; }
    @media only screen and (max-width: 991px) {
      #mt_contact .contact_info .email_sec {
        overflow: hidden; } }
    @media only screen and (max-width: 991px) {
      #mt_contact .contact_info .email_sec .row {
        display: inline-block;
        margin-right: 24px; } }
    #mt_contact .contact_info .mt_info {
      margin-bottom: 15px; }
      #mt_contact .contact_info .mt_info h5 {
        color: #fff;
        margin-bottom: 0;
        margin-top: 0; }
      #mt_contact .contact_info .mt_info a {
        font-size: 14px;
        text-decoration: none;
        width: 100%; }
      #mt_contact .contact_info .mt_info p {
        margin-bottom: 9px; }
    #mt_contact .contact_info .mt_icon {
      text-align: center; }
      @media only screen and (max-width: 991px) {
        #mt_contact .contact_info .mt_icon {
          text-align: left; } }
      #mt_contact .contact_info .mt_icon i {
        color: #fff;
        font-size: 50px;
        line-height: initial;
        text-align: center; }
  #mt_contact .darker .contact_form {
    background: #2b2b2b; }

/* =========================== */
/*         End Contact         */
/* =========================== */
/* ====================== */
/*         Footer         */
/* ====================== */
#mt_footer {
  padding: 6px 0;
  background-color: #444444;
  /* =========== Footer Social Icons =========== */
  /* =========== Copyright =========== */ }
  @media only screen and (max-width: 767px) {
    #mt_footer .col-sm-6 {
      float: left;
      width: 100%; } }
  #mt_footer .social_icons {
    font-size: 14px;
    line-height: 55px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #mt_footer .social_icons {
        float: none;
        width: 100%; } }
    #mt_footer .social_icons a {
      width: 25px;
      height: 25px;
      line-height: 25px !important;
      position: relative;
      margin: 0 6px;
      text-align: center;
      display: inline-block;
      color: #FFFFFF;
      -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
      -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
      -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
      -ms-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
      transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }
      #mt_footer .social_icons a i,
      #mt_footer .social_icons a span {
        position: relative;
        top: 0;
        left: 0; }
      #mt_footer .social_icons a:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
        -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
        -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
        -ms-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
        transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }
      #mt_footer .social_icons a:hover {
        color: #444444; }
        #mt_footer .social_icons a:hover:before {
          background: #FFFFFF; }
  #mt_footer .copyright p {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    line-height: 55px; }
    @media only screen and (max-width: 767px) {
      #mt_footer .copyright p {
        text-align: center; } }

/* =========================== */
/*         End Footer          */
/* =========================== */
/* ===================================== */
/* 		   	Portfolio Detail  	 	  	 */
/* ===================================== */
/*=========================================== */
/*           Portfolio Detail Section          */
/* =========================================== */
#portfolio_details {
  padding-top: 70px; }
  #portfolio_details .portfolio_description h2 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #444444;
    font-weight: 700; }
  #portfolio_details .portfolio_description p {
    font-weight: 300;
    line-height: 28px; }
  #portfolio_details .portfolio_sidebar {
    padding: 45px 25px;
    background: #f9f9f9; }
    #portfolio_details .portfolio_sidebar span {
      float: left;
      width: 105px;
      font-size: 14px; }
      @media only screen and (max-width: 991px) {
        #portfolio_details .portfolio_sidebar span {
          width: 100%; } }
    #portfolio_details .portfolio_sidebar p {
      margin-bottom: 11px;
      font-size: 14px; }
    #portfolio_details .portfolio_sidebar li {
      color: #818181;
      line-height: 28px;
      padding-left: 0; }
      #portfolio_details .portfolio_sidebar li:before {
        display: none; }
      #portfolio_details .portfolio_sidebar li:after {
        display: none; }
    #portfolio_details .portfolio_sidebar a {
      color: #818181;
      text-decoration: none;
      font-size: 14px; }
      #portfolio_details .portfolio_sidebar a:hover {
        text-decoration: underline; }
  #portfolio_details .project_gallery {
    padding: 35px 0 60px 0; }
    #portfolio_details .project_gallery h2 {
      margin-top: 0;
      color: #444444;
      font-weight: 700;
      margin-bottom: 70px; }
      @media only screen and (max-width: 991px) {
        #portfolio_details .project_gallery h2 {
          margin-bottom: 38px; } }
    #portfolio_details .project_gallery .portfolio_hover {
      margin-bottom: 30px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 991px) {
        #portfolio_details .project_gallery .portfolio_hover img {
          width: 100%; } }
      #portfolio_details .project_gallery .portfolio_hover .fancybox i {
        position: absolute;
        top: 50%;
        color: #fff;
        z-index: 2;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 32px;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background: rgba(255, 255, 255, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      #portfolio_details .project_gallery .portfolio_hover:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        z-index: 2; }
      #portfolio_details .project_gallery .portfolio_hover:hover img {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s; }
      #portfolio_details .project_gallery .portfolio_hover:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      #portfolio_details .project_gallery .portfolio_hover:hover .fancybox i {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #portfolio_details .darker .portfolio_description h2 {
    color: #FFFFFF; }
  #portfolio_details .darker .project_gallery h2 {
    color: #FFFFFF; }
  #portfolio_details .darker .portfolio_sidebar {
    background: #202020; }

/* ================================================ */
/*           End Portfolio Detail Section           */
/* ================================================ */
/* ========================================= */
/* 		   		Blog Section      	 	  	 */
/* ========================================= */
/* ============================= */
/*          Blog Single          */
/* ============================= */
#blog_banner {
  padding: 75px 0 0;
  position: relative; }
  #blog_banner .bread_crumbs {
    line-height: 70px; }
    #blog_banner .bread_crumbs .breadcrumb {
      background-color: transparent;
      border-radius: 0;
      margin-bottom: 0;
      padding: 0 !important; }
      #blog_banner .bread_crumbs .breadcrumb li {
        padding-right: 0;
        padding-left: 0;
        line-height: 45px; }
        #blog_banner .bread_crumbs .breadcrumb li:before {
          content: '/    ';
          color: #FFFFFF;
          position: initial;
          background: transparent; }
        #blog_banner .bread_crumbs .breadcrumb li:after {
          display: none; }
        #blog_banner .bread_crumbs .breadcrumb li:first-child:before {
          display: none; }
        #blog_banner .bread_crumbs .breadcrumb li a {
          color: #FFFFFF;
          text-decoration: none;
          font-weight: bold;
          font-size: 12px; }
          #blog_banner .bread_crumbs .breadcrumb li a:hover {
            color: #FFFFFF !important; }
      #blog_banner .bread_crumbs .breadcrumb .active {
        font-size: 14px;
        color: #FFFFFF; }

#blog_main_sec {
  padding-top: 70px; }
  #blog_main_sec .post_img {
    margin-bottom: 30px; }
    #blog_main_sec .post_img img {
      width: 100%; }
  #blog_main_sec .post_title h3 {
    font-weight: 500;
    margin-bottom: 10px; }
  #blog_main_sec .post_title ul li:before, #blog_main_sec .post_title ul li:after {
    display: none; }
  #blog_main_sec .post_title ul li a {
    text-decoration: none; }
  #blog_main_sec .author_box {
    background: #FAF8F8;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    margin-bottom: 30px; }
    #blog_main_sec .author_box .author_img {
      float: left;
      width: 22%; }
      #blog_main_sec .author_box .author_img img {
        margin-bottom: 10px;
        width: 100%;
        border-radius: 50%; }
      #blog_main_sec .author_box .author_img ul li {
        display: inline-block;
        padding-left: 15px;
        margin-bottom: 0; }
        #blog_main_sec .author_box .author_img ul li:before, #blog_main_sec .author_box .author_img ul li:after {
          display: none; }
        #blog_main_sec .author_box .author_img ul li a {
          color: #444444;
          font-size: 17px; }
          #blog_main_sec .author_box .author_img ul li a:hover {
            color: #666666;
            transition: all 0.4s ease; }
    #blog_main_sec .author_box .author_bio {
      float: left;
      margin-left: 3%;
      width: 75%; }
      #blog_main_sec .author_box .author_bio h5 {
        margin-top: 0; }
  #blog_main_sec #comments {
    margin-top: 60px;
    margin-bottom: 70px; }
    #blog_main_sec #comments .single-post_heading {
      font-size: 20px;
      color: #444444;
      text-transform: capitalize; }
    #blog_main_sec #comments .comments-lists:before {
      display: none; }
    #blog_main_sec #comments .comments-lists .comment {
      position: relative;
      list-style: none;
      padding-left: 118px;
      padding-top: 1px;
      min-height: 100px;
      border-bottom: 1px solid #F4F6F6;
      margin-top: 35px; }
      @media only screen and (max-width: 991px) {
        #blog_main_sec #comments .comments-lists .comment {
          padding-left: 90px; } }
      #blog_main_sec #comments .comments-lists .comment:before, #blog_main_sec #comments .comments-lists .comment:after {
        display: none; }
      #blog_main_sec #comments .comments-lists .comment:last-child {
        border-bottom: 0px; }
      #blog_main_sec #comments .comments-lists .comment .activity_rounded {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0; }
        #blog_main_sec #comments .comments-lists .comment .activity_rounded img {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          -webkit-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -moz-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -o-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -ms-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61); }
      #blog_main_sec #comments .comments-lists .comment h4 {
        font-size: 15px;
        color: #444444;
        margin-top: 3px;
        text-transform: capitalize; }
      #blog_main_sec #comments .comments-lists .comment p {
        font-size: 14px;
        color: #777777;
        line-height: 24px; }
      #blog_main_sec #comments .comments-lists .comment small.date-posted {
        color: #666666;
        font-size: 12px;
        margin-left: 12px; }
      #blog_main_sec #comments .comments-lists .comment .comment-body {
        padding-bottom: 18px; }
        #blog_main_sec #comments .comments-lists .comment .comment-body .reply {
          padding: 0px 25px;
          border: 1px solid #666666;
          color: #666666;
          font-size: 12px;
          border-radius: 0 5px 0 5px;
          margin-bottom: 10px;
          display: inline-block; }
          #blog_main_sec #comments .comments-lists .comment .comment-body .reply:hover {
            background: #666666;
            color: #FFFFFF;
            transition: all 0.5s ease; }
      #blog_main_sec #comments .comments-lists .comment .children {
        overflow: hidden;
        list-style: none;
        padding-left: 0px;
        list-style: none; }
        #blog_main_sec #comments .comments-lists .comment .children .comment {
          position: relative;
          /*padding-left: 118px;*/
          border-top: 1px solid #F4F6F6;
          border-bottom: 0px;
          margin-top: 0px; }
          #blog_main_sec #comments .comments-lists .comment .children .comment:before {
            display: none; }
          #blog_main_sec #comments .comments-lists .comment .children .comment .activity_rounded {
            margin-top: 25px; }
          #blog_main_sec #comments .comments-lists .comment .children .comment .comment-body {
            border: none !important;
            margin-top: 25px; }
    #blog_main_sec #comments .leave_comment h3 {
      font-size: 20px;
      color: #444444;
      text-transform: capitalize; }
    #blog_main_sec #comments .leave_comment .form-group .form-control {
      height: 40px; }
    #blog_main_sec #comments .leave_comment .form-group input[type="text"],
    #blog_main_sec #comments .leave_comment .form-group input[type="email"] {
      border: 1px solid #eceaea;
      border-radius: 50px;
      box-shadow: none;
      font-size: 16px;
      color: #1a1a1a;
      padding: 10px 25px;
      margin-bottom: 20px; }
      #blog_main_sec #comments .leave_comment .form-group input[type="text"]:hover, #blog_main_sec #comments .leave_comment .form-group input[type="text"]:focus,
      #blog_main_sec #comments .leave_comment .form-group input[type="email"]:hover,
      #blog_main_sec #comments .leave_comment .form-group input[type="email"]:focus {
        border: 1px solid #444444; }
    #blog_main_sec #comments .leave_comment textarea {
      resize: vertical;
      min-height: 180px;
      border: none;
      border: 1px solid #eceaea;
      border-radius: 8px;
      box-shadow: none;
      font-size: 16px;
      color: #1a1a1a;
      padding: 10px 25px;
      margin-bottom: 20px; }
      #blog_main_sec #comments .leave_comment textarea:hover, #blog_main_sec #comments .leave_comment textarea:focus {
        border: 1px solid #444444; }
  #blog_main_sec .darker aside a {
    color: #e1e1e1; }
  #blog_main_sec .darker aside .widget {
    background-color: transparent; }
    #blog_main_sec .darker aside .widget .search-form input[type=text] {
      border-color: #666666; }
  #blog_main_sec .darker aside .widget_tag_cloud ul li a {
    color: #444444; }
    #blog_main_sec .darker aside .widget_tag_cloud ul li a:hover, #blog_main_sec .darker aside .widget_tag_cloud ul li a:focus {
      color: #FFFFFF; }
  #blog_main_sec .darker .author_box {
    background: #202020; }
  #blog_main_sec .darker #comments .single-post_heading {
    color: #FFFFFF; }
  #blog_main_sec .darker #comments .comments-lists .comment h4 {
    color: #e1e1e1; }
  #blog_main_sec .darker #comments .leave_comment h3 {
    color: #FFFFFF; }
  #blog_main_sec .darker #comments .leave_comment .form-group input[type="text"],
  #blog_main_sec .darker #comments .leave_comment .form-group input[type="email"],
  #blog_main_sec .darker #comments .leave_comment textarea {
    border-color: #444444; }
  #blog_main_sec .darker .activity_rounded img {
    -webkit-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.61) !important;
    -moz-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.61) !important;
    -o-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.61) !important;
    -ms-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.61) !important;
    box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.61) !important; }

aside .widget {
  background-color: #fff;
  margin-bottom: 50px; }
  aside .widget h3 {
    margin-bottom: 30px; }
  aside .widget ul {
    padding: 0px;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0px; }
    aside .widget ul li {
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 400;
      padding-left: 0; }
      aside .widget ul li:before, aside .widget ul li:after {
        display: none; }
      aside .widget ul li span.categoryCount {
        float: right; }
      aside .widget ul li a {
        font-size: 16px;
        font-weight: 400;
        color: #444444;
        text-decoration: none; }
  aside .widget .search-form input[type=text] {
    border-bottom: 1px solid #eceaea;
    width: 100%;
    font-size: 20px;
    padding-left: 22px;
    padding-right: 40px;
    font-weight: 300;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-position-x: 98%;
    background-position-y: 50%; }
    aside .widget .search-form input[type=text]:focus {
      border-color: #666666; }
aside .widget_recent_entries ul {
  overflow: hidden; }
  aside .widget_recent_entries ul li {
    position: relative;
    padding-left: 90px;
    float: left; }
    aside .widget_recent_entries ul li:before {
      display: none; }
    aside .widget_recent_entries ul li h4 {
      margin-bottom: 3px;
      line-height: 16px;
      margin-top: 0; }
      aside .widget_recent_entries ul li h4 a {
        color: #444444;
        line-height: 20px; }
        aside .widget_recent_entries ul li h4 a:hover {
          color: #666666;
          transition: all ease 0.4s; }
    aside .widget_recent_entries ul li span {
      color: #666666;
      font-size: 14px; }
    aside .widget_recent_entries ul li p {
      color: #666666;
      font-size: 14px; }
    aside .widget_recent_entries ul li img {
      position: absolute;
      top: 2px;
      left: 0;
      width: 79px; }
    aside .widget_recent_entries ul li a {
      font-size: 16px;
      display: block;
      text-decoration: none; }
aside .widget_tag_cloud ul {
  overflow: hidden; }
  aside .widget_tag_cloud ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 4px; }
    aside .widget_tag_cloud ul li a {
      background-color: #FAF8F8;
      font-size: 14px;
      text-transform: capitalize;
      text-decoration: none;
      color: #444444;
      padding: 4px 12px;
      font-weight: 400;
      border-radius: 3px; }
      aside .widget_tag_cloud ul li a:hover, aside .widget_tag_cloud ul li a:focus {
        color: #FFFFFF;
        background: #444444; }

/* ================================= */
/*          End Blog Single          */
/* ================================= */
/* ============================= */
/*          Blog Listing         */
/* ============================= */
#blog_single_main_sec {
  padding: 140px 0px 65px;
  position: relative; }
  #blog_single_main_sec .section_title h2 {
    color: #ffffff; }
  #blog_single_main_sec .section_title p {
    color: #dddddd; }
  #blog_single_main_sec .blog-post_wrapper {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61); }
    #blog_single_main_sec .blog-post_wrapper:hover .img img {
      transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      -moz-transform: scale(1.1, 1.1);
      -o-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s; }
  #blog_single_main_sec .grid-item {
    margin-bottom: 38px; }
  #blog_single_main_sec .blog-post-image .img {
    overflow: hidden; }
    #blog_single_main_sec .blog-post-image .img img {
      max-width: 100%;
      min-width: 100%; }
  #blog_single_main_sec .author_img {
    margin-bottom: 0;
    margin-top: -59px;
    position: relative;
    z-index: 99;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61); }
    @media only screen and (max-width: 991px) {
      #blog_single_main_sec .author_img {
        margin-bottom: 31px; } }
  #blog_single_main_sec .post-detail_container {
    position: relative; }
    #blog_single_main_sec .post-detail_container .sperator {
      position: absolute;
      top: 0;
      width: 100%;
      height: 35px;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: skew(0, -5deg);
      -moz-transform: skew(0, -5deg);
      -ms-transform: skew(0, -5deg);
      -o-transform: skew(0, -5deg);
      transform: skew(0, -5deg);
      background: #fff;
      z-index: 10; }
      @media only screen and (max-width: 991px) {
        #blog_single_main_sec .post-detail_container .sperator {
          height: 65px; } }
    #blog_single_main_sec .post-detail_container .post-content {
      background-color: #fff;
      padding: 15px 15px; }
      #blog_single_main_sec .post-detail_container .post-content ul li:before, #blog_single_main_sec .post-detail_container .post-content ul li:after {
        display: none !important; }
      #blog_single_main_sec .post-detail_container .post-content .post-title {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 2px;
        margin-top: 0; }
        #blog_single_main_sec .post-detail_container .post-content .post-title a {
          text-decoration: none;
          color: #1a1a1a;
          display: block; }
          #blog_single_main_sec .post-detail_container .post-content .post-title a:hover, #blog_single_main_sec .post-detail_container .post-content .post-title a:focus {
            text-decoration: none;
            color: #666666;
            transition: 0.4s all ease; }
      #blog_single_main_sec .post-detail_container .post-content .post-metadata {
        padding-left: 2px; }
        #blog_single_main_sec .post-detail_container .post-content .post-metadata li {
          font-size: 12px;
          line-height: 20px;
          color: #555555;
          padding-right: 3px;
          padding-left: 3px; }
          #blog_single_main_sec .post-detail_container .post-content .post-metadata li:before {
            display: none !important; }
          #blog_single_main_sec .post-detail_container .post-content .post-metadata li a {
            font-size: 12px;
            line-height: 20px;
            color: #555555;
            text-decoration: none; }
            #blog_single_main_sec .post-detail_container .post-content .post-metadata li a:hover, #blog_single_main_sec .post-detail_container .post-content .post-metadata li a:focus {
              color: #666666; }
      #blog_single_main_sec .post-detail_container .post-content p.post-excerpt {
        color: #444444;
        font-size: 14px;
        line-height: 22px; }
      #blog_single_main_sec .post-detail_container .post-content a.read-more {
        padding: 10px 30px;
        border: 1px solid #666666;
        font-size: 14px;
        border-radius: 0 5px 0 5px;
        margin-bottom: 10px;
        display: inline-block;
        color: #666666; }
        #blog_single_main_sec .post-detail_container .post-content a.read-more:hover {
          background: #666666;
          color: #FFFFFF;
          transition: all 0.5s ease; }
  #blog_single_main_sec .post-cards_row {
    margin-top: 70px; }
    #blog_single_main_sec .post-cards_row a.all-posts-btn {
      margin-top: 20px;
      margin-bottom: 10px; }
    #blog_single_main_sec .post-cards_row #blog-items .item {
      padding: 0px 15px; }
  #blog_single_main_sec .pagination {
    margin-bottom: 68px;
    margin-top: 30px; }
    #blog_single_main_sec .pagination li {
      padding-left: 0;
      padding-bottom: 0; }
      #blog_single_main_sec .pagination li:before, #blog_single_main_sec .pagination li:after {
        display: none !important; }
      #blog_single_main_sec .pagination li a {
        border-radius: 50%;
        height: 40px;
        line-height: 40px;
        margin-right: 9px;
        padding: 0;
        text-align: center;
        width: 40px;
        color: #444444;
        font-size: 12px;
        border-color: #bfbfbf; }
        #blog_single_main_sec .pagination li a:hover, #blog_single_main_sec .pagination li a:focus {
          background-color: #444444;
          color: #FFFFFF;
          border-color: #444444; }
    #blog_single_main_sec .pagination .prev a,
    #blog_single_main_sec .pagination .next a {
      border-radius: 50px;
      width: 100px; }
    #blog_single_main_sec .pagination li.active a {
      background: #444444 !important;
      border-color: #444444 !important;
      color: #FFFFFF; }
  #blog_single_main_sec .darker .blog-post_wrapper {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.61); }
    #blog_single_main_sec .darker .blog-post_wrapper .sperator {
      background: #2b2b2b; }
    #blog_single_main_sec .darker .blog-post_wrapper .post-content {
      background: #2b2b2b; }
      #blog_single_main_sec .darker .blog-post_wrapper .post-content h3 a {
        color: #FFFFFF; }
      #blog_single_main_sec .darker .blog-post_wrapper .post-content ul li {
        color: #e1e1e1; }
        #blog_single_main_sec .darker .blog-post_wrapper .post-content ul li a {
          color: #e1e1e1; }
      #blog_single_main_sec .darker .blog-post_wrapper .post-content p {
        color: #e1e1e1; }
  #blog_single_main_sec .darker .view_all_posts {
    border: 1px solid #e1e1e1;
    color: #e1e1e1; }
    #blog_single_main_sec .darker .view_all_posts:hover, #blog_single_main_sec .darker .view_all_posts:focus {
      border: 1px solid #e1e1e1;
      color: #444444;
      background-color: #e1e1e1; }

/* ================================== */
/*          End Blog Listing          */
/* ================================== */

/*# sourceMappingURL=style.css.map */