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

Zieno: style.css ( Main Theme CSS file )

Theme Name: Zieno Personal Portfolio - Landing Page
Version: 1.0
Author: RavenThemez
If you having trouble in editing js. please send a mail to raventhemez@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	 			 */
/* ========================================= */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
  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 */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #212529;
  z-index: 3000;
  /* makes sure it stays on top */ }

#status {
  position: fixed;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  background: none;
  background-color: #FFFFFF;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  -webkit-animation: scaleout 0.5s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999999999; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0; } }
/* End Preloader */
h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 58px;
  margin-bottom: 35px;
  color: #212529;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif; }

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

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

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

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

h6 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
  color: #ffff;
  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: #212529;
    padding-left: 40px;
    position: relative; }
    ul li:before {
      content: '';
      position: absolute;
      left: 0;
      margin-top: 1px;
      width: 6px;
      height: 6px;
      background: #212529;
      border-radius: 50%;
      top: 12px; }
    ul li:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid #212529;
      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: #212529;
    padding-left: 40px;
    position: relative; }
    ol li:before {
      content: " ";
      counter-increment: i;
      content: counter(i) ".";
      position: absolute;
      left: 0;
      color: #212529;
      margin-top: 1px; }

a {
  color: #212529;
  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: #212529;
  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: #212529;
    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 #212529;
  padding: 30px 70px 30px 70px;
  line-height: 24px;
  color: #212529;
  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: #212529;
      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: #212529 !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: #212529 !important; }

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

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

.img-120 {
  max-width: 120px;
  width: 100%;
  display: block; }
  @media only screen and (max-width: 768px) {
    .img-120 {
      margin: 0 auto 25px; } }

.background-dark {
  background-color: #212121; }

.bg_dark_logo {
  background: #3a3838; }

.logo_section {
  padding: 100px 0; }

.over-hide {
  overflow: hidden; }

.section {
  position: relative;
  width: 100%; }

.general_heading span {
  color: #CDCDCD;
  font-size: 16px;
  margin-left: 30px;
  position: relative;
  display: block; }
  .general_heading span:before {
    background: #212529;
    content: "";
    height: 1px;
    left: -38px;
    position: absolute;
    top: 11px;
    width: 30px; }
.general_heading h3 {
  margin-top: 0; }

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

.title {
  padding-bottom: 40px;
  font-weight: 600; }

.main-title {
  margin-bottom: 90px; }

.main-title.no-subtitle {
  margin-bottom: 2.5rem; }

.main-title h2,
.main-title h3,
.main-title h4,
.main-title h5 {
  max-width: 500px;
  width: 100%;
  text-transform: capitalize; }

.main-title.text-center h2,
.main-title.text-center h3,
.main-title.text-center h4,
.main-title.text-center h5 {
  margin: 0 auto; }

.main-subtitle-top {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #cacaca;
  margin-bottom: 10px; }

.main-subtitle-bottom.on-light {
  color: #999; }

.main-subtitle-bottom {
  font-size: 12px;
  line-height: 25px;
  color: #afafaf;
  font-weight: 500;
  letter-spacing: 1px; }

.main-subtitle-bottom.smaller {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400; }

.main-title.on-dark .main-subtitle-bottom {
  color: #d5d5d5; }

.main-title.text-center h3 {
  margin-bottom: 10px; }

/* =========== Footer Social Icons =========== */
.social_icons {
  font-size: 14px;
  line-height: 55px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .social_icons {
      float: none;
      width: 100%; } }
  .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); }
    .social_icons a i,
    .social_icons a span {
      position: relative;
      top: 0;
      left: 0; }
    .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); }
    .social_icons a:hover {
      color: #212529; }
      .social_icons a:hover:before {
        background: #FFFFFF; }

.blog_heading_border {
  position: relative; }
  .blog_heading_border:before {
    content: "";
    background: #212529;
    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 #212529;
  background: #212529;
  font-size: 16px;
  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 #212529;
    color: #FFFFFF;
    background-color: #202020;
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none; }

.mt_btn_white {
  background: #f9f9f9;
  color: #212529;
  border: 1px solid #f9f9f9;
  font-weight: 600; }
  .mt_btn_white:hover, .mt_btn_white:focus {
    border: 1px solid #212529;
    color: #f9f9f9;
    background-color: #212529 !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: #212529;
  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: #212529;
  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 .general_heading span:before,
.darker .about_heading span:before {
  background: #f9f9f9 !important; }

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

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

.light-bg {
  background: #f9f9f9; }

.mt_light_banner {
  background-color: #212529; }

.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: #212529 !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: #212529 !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: #212529;
      background-color: #212529;
      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: #212529; } }
  @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 #212529;
        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: #212529;
        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 #212529; }
    @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;
  overflow: hidden; }
  #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 .intro_text {
      position: relative; }
      #mt_banner .banner_caption_text .intro_text:before {
        background: #444 none repeat scroll 0 0;
        content: "";
        height: 1px;
        left: -514px;
        margin-top: 0;
        position: absolute;
        top: 50%;
        width: 500px; }
    #mt_banner .banner_caption_text h1 {
      color: #212529;
      position: relative;
      margin: 10px 0 15px 0;
      font-weight: 800; }
      @media only screen and (max-width: 991px) {
        #mt_banner .banner_caption_text h1 {
          margin-bottom: 0;
          font-size: 30px; } }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner_caption_text h1 {
          margin: 0;
          font-size: 30px; } }
      @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 h1 span.light_text_rt {
        font-weight: 200; }
    #mt_banner .banner_caption_text p {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 991px) {
        #mt_banner .banner_caption_text p {
          margin-bottom: 10px;
          font-size: 14px; } }
      @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_text .signature {
      margin-bottom: 0; }
      #mt_banner .banner_caption_text .signature img {
        width: 14%;
        margin-top: 15px; }
    #mt_banner .banner_caption_text .social_icons {
      text-align: left !important; }
      #mt_banner .banner_caption_text .social_icons a {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        position: relative;
        margin: 0 6px;
        text-align: center;
        display: inline-block;
        color: #212529;
        -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_banner .banner_caption_text .social_icons a i,
        #mt_banner .banner_caption_text .social_icons a span {
          position: relative;
          top: 0;
          left: 0; }
        #mt_banner .banner_caption_text .social_icons a:before {
          content: "";
          display: inline-block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          border: 1px solid #212529;
          -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_banner .banner_caption_text .social_icons a:hover {
          color: #FFFFFF; }
          #mt_banner .banner_caption_text .social_icons a:hover:before {
            background: #212529; }
  #mt_banner .banner_caption_img {
    text-align: center;
    position: relative;
    z-index: 2; }
    @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:before {
      background: url("../images/circle-lines.svg");
      border-radius: 50%;
      content: "";
      height: 500px;
      position: absolute;
      left: 50%;
      width: 500px;
      z-index: -1;
      top: 0;
      transform: translate(-50%, 0); }
      @media only screen and (max-width: 991px) {
        #mt_banner .banner_caption_img:before {
          height: 350px;
          width: 350px; } }
      @media only screen and (max-width: 640px) {
        #mt_banner .banner_caption_img:before {
          bottom: -90px;
          height: 250px;
          width: 250px; } }
      @media only screen and (max-width: 480px) {
        #mt_banner .banner_caption_img:before {
          bottom: -110px;
          right: -80%; } }
    #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 .intro_text:before {
    background: #e1e1e1; }
  #mt_banner .darker .banner_caption_img:before {
    background: url("../images/circle-lines-dark.svg"); }
  #mt_banner .darker .banner_caption_text span {
    color: #e1e1e1; }
  #mt_banner .darker .banner_caption_text h1 {
    color: #FFFFFF; }
    #mt_banner .darker .banner_caption_text h1 span {
      color: #FFFFFF; }
  #mt_banner .darker .social_icons a {
    color: #FFFFFF; }
    #mt_banner .darker .social_icons a:before {
      border: 1px solid #FFFFFF; }
    #mt_banner .darker .social_icons a:hover {
      color: #212529; }
      #mt_banner .darker .social_icons a:hover:before {
        background: #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 .about_heading span {
    color: #CDCDCD;
    font-size: 16px;
    margin-left: 30px;
    position: relative;
    display: block; }
    #mt_about_me .mt_about_me .about_heading span:before {
      background: #212529;
      content: "";
      height: 1px;
      left: -38px;
      position: absolute;
      top: 11px;
      width: 30px; }
  #mt_about_me .mt_about_me .about_heading h3 {
    margin-top: 0; }
  #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 .about_img {
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #mt_about_me .about_img {
        width: 50%;
        margin: 30px auto 0 auto; } }
    @media only screen and (max-width: 640px) {
      #mt_about_me .about_img {
        width: 80%;
        margin-top: 0; } }
    @media only screen and (max-width: 480px) {
      #mt_about_me .about_img {
        width: 100%; } }
    #mt_about_me .about_img:before {
      background: #f9f9f9 none repeat scroll 0 0;
      content: "";
      height: 384px;
      position: absolute;
      right: 20px;
      top: -14px;
      width: 380px; }
      @media only screen and (max-width: 1200px) {
        #mt_about_me .about_img:before {
          width: 290px;
          height: 294px;
          right: 15px; } }
      @media only screen and (max-width: 767px) {
        #mt_about_me .about_img:before {
          width: 330px;
          height: 340px;
          right: -15px; } }
      @media only screen and (max-width: 480px) {
        #mt_about_me .about_img:before {
          width: 420px;
          height: 410px;
          right: -15px; } }
      @media only screen and (max-width: 360px) {
        #mt_about_me .about_img:before {
          width: 290px;
          height: 280px;
          right: -15px; } }
    #mt_about_me .about_img img {
      width: 85%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #mt_about_me .about_img img {
          width: 100%; } }
      @media only screen and (max-width: 640px) {
        #mt_about_me .about_img img {
          width: 100%; } }
  #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: #212529 !important; }

/* ================================= */
/*         End How it Works          */
/* ================================= */
/* ================================== */
/*           Experience Section       */
/* ================================== */
#mt_experience_sec {
  padding: 100px 0; }

.rt_about_welcome {
  position: relative; }
  @media only screen and (max-width: 480px) {
    .rt_about_welcome h3 {
      font-size: 20px; } }
  .rt_about_welcome .general_heading span:before {
    left: -30px;
    width: 21px; }
  .rt_about_welcome .mt_work_postion:last-of-type p {
    margin-bottom: 0 !important; }
  .rt_about_welcome .mt_skills {
    margin-bottom: 70px; }
  .rt_about_welcome .mt_skill-progress {
    margin-top: 20px; }
    .rt_about_welcome .mt_skill-progress .mt_skill-bar {
      margin-bottom: 28px; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-mark span, .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-title-holder {
        color: #5e5e5e;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        margin: 0 0 15px; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-title-holder {
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-title {
        z-index: 100; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-wrapper {
        width: 100%;
        z-index: 10; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-mark {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%); }
        @media only screen and (max-width: 480px) {
          .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-mark {
            position: static;
            margin-left: 20px; } }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-content, .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-outter {
        height: 4px;
        border-radius: 3px; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-outter {
        background-color: #c8c8c8; }
      .rt_about_welcome .mt_skill-progress .mt_skill-bar .progress-content {
        background-color: #484848;
        width: 0%; }
  .rt_about_welcome .mt_work_postion h4 {
    color: #444;
    font-size: 16px;
    font-weight: 500;
    margin: 0; }
  .rt_about_welcome .mt_work_postion p {
    margin-bottom: 15px; }
  .rt_about_welcome .darker .mt_work_postion h4 {
    color: #FFFFFF; }
  .rt_about_welcome .darker .progress-title,
  .rt_about_welcome .darker .progress-mark span,
  .rt_about_welcome .darker .progress-title-holder {
    color: #FFFFFF !important; }
  .rt_about_welcome .darker .progress-content {
    background-color: #FFFFFF !important; }
  .rt_about_welcome .darker .progress-outter {
    background-color: #525252 !important; }
  .rt_about_welcome .dark_experience.content-column {
    background: #2f2f2f; }
  .rt_about_welcome .outer-box {
    position: relative;
    background-color: #f6f6f6; }
  .rt_about_welcome .image-column {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (max-width: 768px) {
      .rt_about_welcome .image-column {
        height: 400px;
        position: static;
        width: 100%; } }
    .rt_about_welcome .image-column:hover .overlay-link {
      background: rgba(0, 0, 0, 0.5); }
    .rt_about_welcome .image-column .image {
      width: 100%;
      display: none; }
      .rt_about_welcome .image-column .image img {
        display: block;
        width: 100%; }
    .rt_about_welcome .image-column .overlay-link {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1);
      transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -webkit-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
      -o-transition: all 0.6s ease; }
      .rt_about_welcome .image-column .overlay-link .icon {
        position: absolute;
        left: 50%;
        margin-left: -40px;
        width: 86px;
        height: 86px;
        top: 50%;
        line-height: 88px;
        padding-left: 5px;
        margin-top: -43px;
        text-align: center;
        color: #444;
        font-size: 20px;
        background: #ffffff;
        border-radius: 50%; }
  .rt_about_welcome .content-column.light-bg {
    background: #f6f6f6; }
  .rt_about_welcome .content-column {
    position: relative;
    width: 50%;
    float: right;
    padding: 90px; }
    @media only screen and (max-width: 991px) {
      .rt_about_welcome .content-column {
        padding: 60px 30px; } }
    @media only screen and (max-width: 768px) {
      .rt_about_welcome .content-column {
        float: left;
        position: relative;
        width: 100%; } }
    .rt_about_welcome .content-column .content-box {
      position: relative;
      max-width: 550px;
      float: left; }
      .rt_about_welcome .content-column .content-box h2 {
        position: relative;
        font-size: 35px;
        font-weight: 800;
        color: #444;
        line-height: 50px;
        margin-bottom: 20px;
        margin-top: 0; }
        @media only screen and (max-width: 991px) {
          .rt_about_welcome .content-column .content-box h2 {
            font-size: 30px;
            line-height: 40px; } }
        @media only screen and (max-width: 768px) {
          .rt_about_welcome .content-column .content-box h2 {
            font-size: 22px;
            line-height: 35px;
            margin-top: 0; } }
        @media only screen and (max-width: 480px) {
          .rt_about_welcome .content-column .content-box h2 {
            font-size: 18px;
            line-height: 30px; } }
      .rt_about_welcome .content-column .content-box p {
        position: relative;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 25px;
        color: #767676; }
        @media only screen and (max-width: 768px) {
          .rt_about_welcome .content-column .content-box p {
            font-size: 14px; } }

/* ================================== */
/*         End Experience Section     */
/* ================================== */
/* ===================================== */
/*           Portfolio Section           */
/* ===================================== */
#mt_portfolio {
  padding: 100px 0 0;
  /* #Grid And Filter
  ================================================== */ }
  @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 .portfolio-box {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden; }
    #mt_portfolio .portfolio-box img {
      width: 100%;
      display: block;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear; }
    #mt_portfolio .portfolio-box p {
      bottom: 40px;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 20px; }
    #mt_portfolio .portfolio-box h5 {
      letter-spacing: 1px;
      font-size: 18px;
      line-height: 23px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      bottom: 70px; }
  #mt_portfolio .portfolio-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #212529;
    display: block;
    opacity: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }
  #mt_portfolio .portfolio-box:hover .portfolio-overlay {
    opacity: 1; }
  #mt_portfolio .portfolio-box h5,
  #mt_portfolio .portfolio-box p {
    position: absolute;
    left: -10px;
    z-index: 3;
    opacity: 0;
    margin-bottom: 0;
    color: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
  #mt_portfolio .portfolio-box:hover h5,
  #mt_portfolio .portfolio-box:hover p {
    opacity: 1;
    left: 40px;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s; }
  #mt_portfolio .portfolio-box:hover p {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  #mt_portfolio .grid-wraper {
    position: relative;
    width: 100%;
    display: block; }
  #mt_portfolio .grid-wraper.drop-shadow {
    box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.3); }
  #mt_portfolio .grid-wraper:after {
    content: '';
    display: block;
    clear: both; }
  #mt_portfolio .grid-box {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden; }
  #mt_portfolio .grid-box.visible {
    overflow: visible; }
  #mt_portfolio .grid-box.float-inline {
    float: left;
    display: inline-block; }
  #mt_portfolio .grid-box.float-inline.right-inline {
    float: right; }
  #mt_portfolio .grid-box.with-margin {
    margin: 15px;
    width: calc(100% - 30px); }
  #mt_portfolio .grid-box.half {
    width: 50%; }
  #mt_portfolio .grid-box.half.with-margin {
    margin: 15px;
    width: calc(50% - 30px); }
  #mt_portfolio .grid-box.third {
    width: 33.33333333333333333333333%; }
  #mt_portfolio .grid-box.third.with-margin {
    margin: 15px;
    width: calc(33.33333333333333333333333% - 30px); }
  #mt_portfolio .grid-box.quarter {
    width: 25%; }
  #mt_portfolio .grid-box.quarter.with-margin {
    margin: 15px;
    width: calc(25% - 30px); }
  #mt_portfolio .grid-box.fifth {
    width: 20%; }
  #mt_portfolio .grid-box.fifth.with-margin {
    margin: 15px;
    width: calc(20% - 30px); }
  @media (max-width: 767px) {
    #mt_portfolio .grid-box.third {
      width: 100%; } }

/* ========================================= */
/*           End Portfolio 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 .service-box {
    position: relative;
    width: 100%;
    padding: 40px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06); }
    #mt_services .service-box :hover .icon-in-box {
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px); }
    #mt_services .service-box:hover .icon-in-box {
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px); }
    #mt_services .service-box p {
      margin-bottom: 0; }
    #mt_services .service-box .big-text-in {
      font-size: 5rem;
      line-height: 5rem;
      font-weight: 400;
      opacity: 0.2; }
    #mt_services .service-box .careers-bdg {
      position: absolute;
      top: 20px;
      right: 20px;
      padding: 0 12px;
      height: 26px;
      line-height: 26px;
      font-size: 12px;
      color: #fff;
      border-radius: 3px;
      text-align: center;
      z-index: 2; }
    #mt_services .service-box .btn-link {
      padding-left: 0; }
    #mt_services .service-box i {
      font-size: 40px; }
    #mt_services .service-box .icon-in-box {
      height: 90px;
      width: 90px;
      background-color: #fff;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear; }
      #mt_services .service-box .icon-in-box i {
        font-size: 35px;
        line-height: 90px;
        text-align: center; }
  #mt_services .service-box.border-on-light.border-on-hover {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }
  #mt_services .service-box.dark {
    border: 1px solid rgba(255, 255, 255, 0.06); }
  #mt_services .no-padding-services {
    padding: 0; }
  #mt_services .background-white {
    background-color: #ffffff; }
  #mt_services .darker .service-box {
    background: #2b2b2b; }
    #mt_services .darker .service-box i {
      color: #e1e1e1; }
    #mt_services .darker .service-box h5 {
      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 .testimonial-box {
    position: relative;
    width: 100%;
    padding: 3.5rem;
    border-radius: 0.35rem;
    background: #f9f9f9;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06); }
    #mt_testimonial .testimonial-box img {
      width: 60px !important;
      height: 60px;
      display: block;
      border-radius: 50%;
      margin-bottom: 20px; }
    #mt_testimonial .testimonial-box p {
      letter-spacing: 1px;
      font-size: 14px;
      line-height: 26px;
      font-style: italic;
      font-weight: 300; }
      #mt_testimonial .testimonial-box p span {
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 0;
        font-weight: 500; }
    #mt_testimonial .testimonial-box h6 {
      margin-bottom: 0; }
  #mt_testimonial .testimonial-box.border-on-light {
    border: 1px solid rgba(0, 0, 0, 0.08); }
  #mt_testimonial .testimonial-box.bigger-img img {
    width: 90px;
    height: 90px; }
  #mt_testimonial .testimonial-box.bigger-img p {
    font-size: 0.93rem;
    line-height: 1.5rem; }
  #mt_testimonial .designation_testimonial {
    margin-bottom: 0; }
  #mt_testimonial #owl-testimonials {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto; }
    #mt_testimonial #owl-testimonials .item {
      position: relative;
      margin-left: 15px;
      margin-right: 15px;
      overflow: hidden; }
  #mt_testimonial #owl-testimonials.no-hidden {
    overflow: visible; }
    #mt_testimonial #owl-testimonials.no-hidden .item {
      overflow: visible;
      padding-bottom: 50px; }
  #mt_testimonial .prev-testimonials,
  #mt_testimonial .next-testimonials {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    border-radius: 0.2rem;
    text-align: center;
    z-index: 15;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }
  #mt_testimonial .prev-testimonials {
    left: 0; }
  #mt_testimonial .next-testimonials {
    right: 0; }
  #mt_testimonial .next-testimonials i,
  #mt_testimonial .prev-testimonials i {
    color: #fff; }
  #mt_testimonial .testimonials-1-slider-wrap {
    position: relative;
    width: 100%; }
  #mt_testimonial #owl-testimonials.owl-theme .owl-controls {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    z-index: 100;
    width: 100%;
    z-index: 20; }
    #mt_testimonial #owl-testimonials.owl-theme .owl-controls .owl-page span {
      position: relative;
      background-color: #212121;
      border-radius: 50%;
      width: 5px;
      height: 5px;
      margin-left: 10px;
      margin-right: 10px;
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      transition: all 300ms linear; }
      #mt_testimonial #owl-testimonials.owl-theme .owl-controls .owl-page span:before {
        content: '';
        position: absolute;
        top: 2.5px;
        left: 2.5px;
        border-radius: 50%;
        width: 0;
        height: 0;
        background-color: rgba(0, 0, 0, 0.08);
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear; }
  #mt_testimonial #owl-testimonials.owl-theme .owl-controls .owl-page.active span:before,
  #mt_testimonial #owl-testimonials.owl-theme .owl-controls .owl-page span:hover:before {
    top: -7px;
    left: -7px;
    width: 19px;
    height: 19px; }
  #mt_testimonial #owl-testimonials-1 {
    position: relative;
    width: 100%;
    margin: 0 auto; }
  #mt_testimonial #owl-testimonials-1 .item {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
  #mt_testimonial .owl-prev,
  #mt_testimonial .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 28px;
    font-size: 22px;
    border-radius: 0.2rem;
    text-align: center;
    z-index: 15;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: translate(0, -50%);
    background: #212529 !important; }
  #mt_testimonial .owl-prev.ver-2,
  #mt_testimonial .owl-next.ver-2 {
    margin-top: -50px; }
  #mt_testimonial .owl-prev {
    left: 0; }
  #mt_testimonial .owl-next {
    right: 0; }
  #mt_testimonial .owl-next i,
  #mt_testimonial .owl-prev i {
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }
  #mt_testimonial .owl-next:hover i,
  #mt_testimonial .owl-prev:hover i {
    opacity: 0.7;
    color: #fff; }
  #mt_testimonial .darker .testimonial-box {
    background: #202020; }
    #mt_testimonial .darker .testimonial-box em,
    #mt_testimonial .darker .testimonial-box span {
      color: #e1e1e1; }
    #mt_testimonial .darker .testimonial-box .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-prev, #mt_testimonial .darker .owl-next {
    background: #f9f9f9 !important; }
    #mt_testimonial .darker .owl-prev i, #mt_testimonial .darker .owl-next i {
      color: #000; }

/* =========================== */
/*      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 .section_heading {
    margin-bottom: 90px; }
  #mt_pricing .col-md-4 {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      #mt_pricing .col-md-4 {
        padding: 0 15px; } }
  #mt_pricing .main_pricing_conatiner.highlight_pricing {
    margin-top: -30px;
    padding-bottom: 55px; }
    @media only screen and (max-width: 767px) {
      #mt_pricing .main_pricing_conatiner.highlight_pricing {
        margin-top: 0; } }
    #mt_pricing .main_pricing_conatiner.highlight_pricing:hover a {
      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 .choose_plan_btn {
      text-align: center;
      padding-bottom: 40px; }
      #mt_pricing .main_pricing_conatiner.highlight_pricing .choose_plan_btn .mt_btn_grey {
        text-align: center;
        -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;
    border: 1px solid #f0ecec; }
    @media only screen and (max-width: 991px) {
      #mt_pricing .main_pricing_conatiner {
        margin-bottom: 40px; } }
    #mt_pricing .main_pricing_conatiner:hover a {
      color: #f9f9f9;
      background-color: #212529 !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 {
      padding: 35px 0 0;
      text-align: center;
      position: relative; }
      #mt_pricing .main_pricing_conatiner .price h2 {
        font-family: montserrat;
        font-weight: 500;
        margin-bottom: 5px;
        color: #202020; }
        @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 h2 .price_icon {
          display: block;
          margin-bottom: 6px; }
        #mt_pricing .main_pricing_conatiner .price h2 .price_icon i {
          color: #202020;
          font-size: 65px; }
      #mt_pricing .main_pricing_conatiner .price .price_tag {
        font-family: montserrat;
        font-size: 48px;
        font-weight: 500;
        color: #202020;
        position: relative; }
        @media only screen and (max-width: 480px) {
          #mt_pricing .main_pricing_conatiner .price .price_tag {
            font-size: 40px; } }
        #mt_pricing .main_pricing_conatiner .price .price_tag .currency {
          font-size: 28px;
          left: -18px;
          position: absolute; }
      #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: #202020; }
    #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;
        text-align: center;
        -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 h2 {
      color: #FFFFFF; }
    #mt_pricing .darker .main_pricing_conatiner .price_icon i {
      color: #FFFFFF !important; }
    #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: #202020; }
    #mt_pricing .darker .main_pricing_conatiner.highlight_pricing .choose_plan_btn {
      background: #202020; }
      #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);
    border-radius: 12px;
    overflow: hidden; }
    #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 .view_blog_btn {
    text-align: right;
    margin-bottom: 10px; }
    #mt_blog .view_blog_btn .mt_btn_grey {
      background: transparent;
      color: #444;
      border: none;
      padding: 0;
      margin: 0; }
      #mt_blog .view_blog_btn .mt_btn_grey i {
        font-size: 25px;
        margin-left: 10px;
        vertical-align: middle; }
  #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 .post-detail_container {
    position: relative; }
    #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: 15px;
        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 #212529;
    font-size: 16px;
    display: inline-block;
    color: #212529;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif; }
    #mt_blog .view_all_posts:hover, #mt_blog .view_all_posts:focus {
      border: 1px solid #212529;
      color: #FFFFFF;
      background-color: #212529;
      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);
    border-radius: 12px;
    overflow: hidden; }
    #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_blog_btn .mt_btn_grey {
    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: #212529;
      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: 30px 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;
      margin-top: 0; }
      @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 .contact_heading span {
    color: #CDCDCD;
    font-size: 16px;
    margin-left: 30px;
    position: relative;
    display: block; }
    #mt_contact .contact_info .contact_heading span:before {
      background: #212529;
      content: "";
      height: 1px;
      left: -38px;
      position: absolute;
      top: 11px;
      width: 30px; }
  #mt_contact .contact_info .contact_heading h3 {
    margin-top: 0; }
  #mt_contact .contact_info .email_sec .row {
    margin-bottom: 15px; }
  #mt_contact .contact_info .email_sec i {
    font-size: 30px; }
  #mt_contact .contact_info h5 {
    margin-bottom: 5px; }
  #mt_contact .contact_info h2 {
    color: #212529;
    margin-bottom: 10px; }
  #mt_contact .contact_info p {
    color: #212529;
    font-size: 14px;
    margin-bottom: 5px; }
  #mt_contact .contact_info a {
    color: #212529;
    text-decoration: none; }
  #mt_contact .darker .contact_info h2, #mt_contact .darker .contact_info p, #mt_contact .darker .contact_info a, #mt_contact .darker .contact_info i {
    color: #FFFFFF;
    margin-bottom: 10px; }
  #mt_contact .darker .contact_heading span:before {
    background: #fff; }
  #mt_contact .darker .contact_form {
    background: #2b2b2b; }

/* =========================== */
/*         End Contact         */
/* =========================== */
/* ====================== */
/*         Footer         */
/* ====================== */
#mt_footer {
  padding: 6px 0;
  background-color: #212529;
  /* =========== Copyright =========== */ }
  @media only screen and (max-width: 767px) {
    #mt_footer .col-sm-6 {
      float: left;
      width: 100%; } }
  #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_detail {
  padding-top: 100px; }
  @media only screen and (max-width: 991px) {
    #portfolio_detail {
      padding: 100px 15px 0; } }
  #portfolio_detail .portfolio_sidebar {
    float: left;
    width: 100%; }
    #portfolio_detail .portfolio_sidebar .mt_portfolio_title {
      font-size: 45px;
      line-height: 60px;
      margin-top: 0;
      margin-bottom: 30px; }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_sidebar .mt_portfolio_title {
          font-size: 36px;
          line-height: 45px; } }
    #portfolio_detail .portfolio_sidebar .mt_sidebar_tx {
      float: left;
      width: 100%;
      font-size: 14px;
      font-weight: 600; }
      #portfolio_detail .portfolio_sidebar .mt_sidebar_tx span {
        margin-left: 5px;
        font-weight: 200; }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_sidebar .mt_sidebar_tx {
          width: 100%; } }
    #portfolio_detail .portfolio_sidebar p {
      margin-bottom: 11px;
      font-size: 14px; }
    #portfolio_detail .portfolio_sidebar li {
      float: left;
      margin-right: 25px;
      color: #818181;
      line-height: 28px;
      padding-left: 0;
      margin-bottom: 8px; }
      #portfolio_detail .portfolio_sidebar li:before {
        display: none; }
      #portfolio_detail .portfolio_sidebar li:after {
        display: none; }
    #portfolio_detail .portfolio_sidebar a {
      color: #818181;
      text-decoration: none;
      font-size: 14px; }
      #portfolio_detail .portfolio_sidebar a:hover {
        text-decoration: underline; }
  @media only screen and (max-width: 480px) {
    #portfolio_detail .col-md-5.col-xs-5 {
      width: 40% !important;
      padding: 0; } }
  @media only screen and (max-width: 360px) {
    #portfolio_detail .portfolio_pagination .col-xs-2 {
      width: 16% !important; } }
  #portfolio_detail .portfolio_description {
    padding-left: 20px; }
    @media only screen and (max-width: 767px) {
      #portfolio_detail .portfolio_description {
        padding-left: 0; } }
    #portfolio_detail .portfolio_description h1 {
      margin-top: 0;
      margin-bottom: 15px;
      color: #212529;
      font-weight: 700; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #portfolio_detail .portfolio_description h1 {
          font-size: 22px;
          line-height: 27px; } }
      @media only screen and (max-width: 767px) {
        #portfolio_detail .portfolio_description h1 {
          font-size: 30px; } }
      @media only screen and (min-width: 480px) and (max-width: 640px) {
        #portfolio_detail .portfolio_description h1 {
          font-size: 24px;
          line-height: 27px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 479px) {
        #portfolio_detail .portfolio_description h1 {
          font-size: 20px;
          line-height: 20px;
          margin-bottom: 8px; } }
    #portfolio_detail .portfolio_description p {
      font-weight: 300;
      line-height: 28px; }
    #portfolio_detail .portfolio_description .portfolio_other_detail {
      padding: 0 0 15px 0;
      float: left;
      width: 100%; }
      #portfolio_detail .portfolio_description .portfolio_other_detail .mt_sidebar_tx {
        float: left;
        width: 100%;
        font-size: 14px; }
        #portfolio_detail .portfolio_description .portfolio_other_detail .mt_sidebar_tx span {
          margin-left: 5px; }
        @media only screen and (max-width: 991px) {
          #portfolio_detail .portfolio_description .portfolio_other_detail .mt_sidebar_tx {
            width: 100%; } }
      #portfolio_detail .portfolio_description .portfolio_other_detail p {
        margin-bottom: 11px;
        font-size: 14px; }
      #portfolio_detail .portfolio_description .portfolio_other_detail li {
        float: left;
        width: 100%;
        color: #818181;
        line-height: 28px;
        padding-left: 0;
        margin-bottom: 8px; }
        #portfolio_detail .portfolio_description .portfolio_other_detail li:before {
          display: none; }
        #portfolio_detail .portfolio_description .portfolio_other_detail li:after {
          display: none; }
      #portfolio_detail .portfolio_description .portfolio_other_detail a {
        color: #818181;
        text-decoration: none;
        font-size: 14px; }
        #portfolio_detail .portfolio_description .portfolio_other_detail a:hover {
          text-decoration: underline; }
  #portfolio_detail .portfolio_gallery {
    padding: 6px 0 60px 0; }
    @media only screen and (max-width: 767px) {
      #portfolio_detail .portfolio_gallery {
        padding-bottom: 20px; } }
    #portfolio_detail .portfolio_gallery h2 {
      margin-top: 0;
      color: #212529;
      font-weight: 700;
      margin-bottom: 70px; }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_gallery h2 {
          margin-bottom: 38px; } }
    #portfolio_detail .portfolio_gallery .owl-prev,
    #portfolio_detail .portfolio_gallery .owl-next {
      background: #212529;
      height: 50px;
      line-height: 45px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translate(0px, -50%);
      width: 50px; }
      @media only screen and (max-width: 767px) {
        #portfolio_detail .portfolio_gallery .owl-prev,
        #portfolio_detail .portfolio_gallery .owl-next {
          height: 30px;
          width: 30px;
          line-height: 25px; } }
      #portfolio_detail .portfolio_gallery .owl-prev img,
      #portfolio_detail .portfolio_gallery .owl-next img {
        width: 55%; }
    #portfolio_detail .portfolio_gallery .owl-next {
      right: 0; }
    #portfolio_detail .portfolio_gallery .portfolio_hover {
      margin-bottom: 30px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_gallery .portfolio_hover {
          margin-bottom: 0; } }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_gallery .portfolio_hover img {
          width: 100%; } }
      #portfolio_detail .portfolio_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_detail .portfolio_gallery .portfolio_hover:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: #2b2b2b;
        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_detail .portfolio_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_detail .portfolio_gallery .portfolio_hover:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      #portfolio_detail .portfolio_gallery .portfolio_hover:hover .fancybox i {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #portfolio_detail .portfolio_pagination {
    float: left;
    padding-bottom: 65px;
    width: 100%;
    padding-top: 50px; }
    @media only screen and (min-width: 479px) and (max-width: 767px) {
      #portfolio_detail .portfolio_pagination {
        margin-top: 50px; } }
    @media only screen and (max-width: 360px) {
      #portfolio_detail .portfolio_pagination .col-md-5,
      #portfolio_detail .portfolio_pagination .col-xs-2 {
        width: 100%; } }
    #portfolio_detail .portfolio_pagination .prev_post a {
      text-decoration: none; }
      @media only screen and (max-width: 360px) {
        #portfolio_detail .portfolio_pagination .prev_post a {
          text-align: center; } }
    #portfolio_detail .portfolio_pagination .prev_post .left_icon {
      display: inline-block;
      float: left;
      margin-right: 18px; }
      @media only screen and (max-width: 480px) {
        #portfolio_detail .portfolio_pagination .prev_post .left_icon {
          margin-right: 9px; } }
      @media only screen and (max-width: 360px) {
        #portfolio_detail .portfolio_pagination .prev_post .left_icon {
          margin-right: 0; } }
      #portfolio_detail .portfolio_pagination .prev_post .left_icon i {
        font-size: 42px; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .prev_post .left_icon i {
            font-size: 28px;
            line-height: 55px; } }
    #portfolio_detail .portfolio_pagination .prev_post .prev_txt {
      margin-left: 25px; }
      @media only screen and (max-width: 480px) {
        #portfolio_detail .portfolio_pagination .prev_post .prev_txt {
          margin-left: 0; } }
      #portfolio_detail .portfolio_pagination .prev_post .prev_txt em {
        font-style: normal;
        font-weight: 300; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .prev_post .prev_txt em {
            font-size: 20px;
            font-style: normal;
            font-weight: 300; } }
        @media only screen and (max-width: 360px) {
          #portfolio_detail .portfolio_pagination .prev_post .prev_txt em {
            font-size: 14px; } }
      #portfolio_detail .portfolio_pagination .prev_post .prev_txt p {
        font-size: 13px;
        line-height: 19px; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .prev_post .prev_txt p {
            font-size: 11px;
            line-height: 19px; } }
        @media only screen and (max-width: 360px) {
          #portfolio_detail .portfolio_pagination .prev_post .prev_txt p {
            font-size: 10px; } }
    #portfolio_detail .portfolio_pagination .next a {
      text-align: right;
      text-decoration: none; }
    #portfolio_detail .portfolio_pagination .next .next_icon {
      display: inline-block;
      float: right;
      margin-left: 18px; }
      @media only screen and (max-width: 480px) {
        #portfolio_detail .portfolio_pagination .next .next_icon {
          margin-left: 9px; } }
      @media only screen and (max-width: 360px) {
        #portfolio_detail .portfolio_pagination .next .next_icon {
          margin-left: 0; } }
      #portfolio_detail .portfolio_pagination .next .next_icon i {
        font-size: 42px; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .next .next_icon i {
            font-size: 28px;
            line-height: 55px; } }
    #portfolio_detail .portfolio_pagination .next .nxt_txt {
      margin-right: 25px;
      text-align: right; }
      @media only screen and (max-width: 480px) {
        #portfolio_detail .portfolio_pagination .next .nxt_txt {
          margin-left: 0; } }
      @media only screen and (max-width: 360px) {
        #portfolio_detail .portfolio_pagination .next .nxt_txt {
          margin-right: 0;
          text-align: center; } }
      #portfolio_detail .portfolio_pagination .next .nxt_txt em {
        font-style: normal;
        font-weight: 300;
        text-align: right; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .next .nxt_txt em {
            font-size: 20px;
            font-style: normal;
            font-weight: 300; } }
        @media only screen and (max-width: 360px) {
          #portfolio_detail .portfolio_pagination .next .nxt_txt em {
            font-size: 14px; } }
      #portfolio_detail .portfolio_pagination .next .nxt_txt p {
        font-size: 13px;
        line-height: 19px; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .next .nxt_txt p {
            font-size: 11px;
            line-height: 19px; } }
        @media only screen and (max-width: 360px) {
          #portfolio_detail .portfolio_pagination .next .nxt_txt p {
            font-size: 10px; } }
    #portfolio_detail .portfolio_pagination .all_portfolio {
      text-align: center; }
      #portfolio_detail .portfolio_pagination .all_portfolio i {
        line-height: 70px; }
        @media only screen and (max-width: 480px) {
          #portfolio_detail .portfolio_pagination .all_portfolio i {
            font-size: 20px; } }
  #portfolio_detail .darker h1, #portfolio_detail .darker li {
    color: #FFFFFF; }
  #portfolio_detail .darker .portfolio_hover .fancybox i {
    color: #212529;
    background: rgba(0, 0, 0, 0.1); }
  #portfolio_detail .darker .portfolio_hover:before {
    background: #FFFFFF; }

.mt_portfolio_detail .portfolio_gallery {
  padding: 0 !important; }
.mt_portfolio_detail .portfolio_description {
  padding-left: 0 !important; }
  @media only screen and (max-width: 991px) {
    .mt_portfolio_detail .portfolio_description {
      margin-top: 30px; } }
.mt_portfolio_detail .col-sm-8 {
  padding: 0 !important; }

/* ================================================ */
/*           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: 100px; }
  #blog_main_sec .post_img {
    margin-bottom: 30px; }
    #blog_main_sec .post_img img {
      width: 100%; }
  #blog_main_sec .post_body {
    padding: 0 0 50px; }
  #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: #212529;
          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: #212529;
      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: #212529;
        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;
          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: #212529;
      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 #212529; }
    #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 #212529; }
  #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: #212529; }
    #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: #212529;
    color: #FFFFFF; }
  #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: #212529;
        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: #212529;
      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: #212529; }

/* ================================= */
/*          End Blog Single          */
/* ================================= */
/* ============================= */
/*          Blog Listing         */
/* ============================= */
#blog_single_main_sec {
  padding: 100px 0px 25px;
  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);
    border-radius: 12px;
    overflow: hidden; }
    #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: #212529;
        font-size: 12px;
        border-color: #bfbfbf; }
        #blog_single_main_sec .pagination li a:hover, #blog_single_main_sec .pagination li a:focus {
          background-color: #212529;
          color: #FFFFFF;
          border-color: #212529; }
    #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: #212529 !important;
      border-color: #212529 !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);
    border-radius: 12px;
    overflow: hidden; }
    #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: #212529;
      background-color: #e1e1e1; }

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

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