@charset "UTF-8";
/* 
======================================================================== 

Skivo: style.css ( Main Theme CSS file )

Theme Name: Skivo - Creative Agency Landing Page with Blog
Version: 1.0
Author: Bassil Qureshi
Author URI: https://themeforest.net/user/markupthemes
If you having trouble in editing js. please send a mail to bassilqureshi@gmail.com

This is the file you need to edit to change the look of the theme.
======================================================================== 

- // TABLE OF CONTENTS // -

========================================================================


 # Landing Page
 ===============================================
 1.1) General Style
 1.2) Global Style
 1.3) Header
 1.4) Banner
 1.5) Slider
 1.6) Services
 1.7) Our Work
 1.8) Features
 1.9) Screenshots
 2.0) Team
 2.1) Testimonial
 2.2) Pricing Table
 2.3) Blog
 2.4) Contact
 2.5) Started
 2.6) Footer

 # Portfolio Detail
 ===============================================
 2.7) Portfolio Detail


 # Single Post Page
 ===============================================


*/
/* ========================================= */
/* 		   		General Styling	 			 */
/* ========================================= */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

:focus {
  outline: 0;
}

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

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

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

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

* {
  margin: 0;
  padding: 0;
}

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

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

.loader {
  height: 1px;
  background: #08a07a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#08a07a", endColorstr="#7db9e8",GradientType=1 );
  /* IE6-9 */
  position: absolute;
  z-index: 9999;
}

/* Preloader */
h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  margin-bottom: 35px;
  color: #444444;
}

h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 30px;
  color: #444444;
}

h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 30px;
  color: #444444;
}

h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
  color: #444444;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
  color: #444444;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 20px;
  color: #444444;
}

hr {
  border: 0.5px solid #444444;
}

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

ul {
  margin: 0;
  padding: 0;
}
ul li {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 24px;
  color: #444444;
  padding-left: 40px;
  position: relative;
}
ul li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 4px;
  background: #74A352;
  left: 0;
  top: 11px;
  border-radius: 50px;
}

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

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

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

select {
  padding: 12px 25px;
}

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

img {
  max-width: 100%;
}

blockquote {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-color: #FAF8F8;
  margin-bottom: 15px;
  border-left: 4px solid #74A352;
  padding: 30px 70px 30px 70px;
  line-height: 24px;
  color: #444444;
  margin-bottom: 20px;
  font-style: italic;
  position: relative;
}
@media only screen and (max-width: 767px) {
  blockquote {
    padding-right: 20px;
  }
}
blockquote:before {
  content: "";
  font-family: fontawesome;
  font-size: 45px;
  position: absolute;
  top: 26px;
  left: 20px;
  color: #666;
  opacity: 0.1;
}
blockquote span {
  position: relative;
  padding-left: 20px;
}
blockquote span:before {
  content: "";
  width: 12px;
  height: 1px;
  background: #74A352;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.section_heading,
.section_heading_green {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .section_heading,
.section_heading_green {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.section_heading span,
.section_heading_green span {
  display: inline-block;
  padding: 0 0 15px 0;
  position: relative;
}
.section_heading span:after,
.section_heading_green span:after {
  background: #74A352 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 40px;
}

.section_heading_green {
  color: #74A352;
}

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

.mt_heading {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .mt_heading {
    padding: 0 10px;
  }
}

.heading_txt {
  margin: 0 auto;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .heading_txt {
    width: 100%;
  }
}

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

.mt_btn_grey {
  background: #444444;
  color: #FFFFFF;
  font-weight: 300;
}
.mt_btn_grey:hover, .mt_btn_grey:focus {
  color: #FFFFFF;
  background-color: #74A352 !important;
  transition: all 0.5s ease;
  text-shadow: initial;
  text-decoration: none;
}

#content {
  margin-bottom: 60px;
  padding: 145px 0 0;
}

.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;
}

/* ============================= */
/*           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: "";
}

.fancybox-prev span:before {
  content: "";
}

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

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

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

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

.section_heading {
  margin-top: 0;
}
@media only screen and (max-width: 360px) {
  .section_heading {
    font-size: 18px;
  }
}
.section_heading span {
  display: inline-block;
  padding: 0 0px 15px 0;
  position: relative;
}
.section_heading span:after {
  background: #444444 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 36px;
}

/* ========================================= */
/* 		   			LAYOUT 					 */
/* ========================================= */
/* ====================== */
/*         Header         */
/* ====================== */
#fa_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav,
#fa_header nav #navigation .sticky-nav-white {
  padding: 10px;
  background-color: white;
  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);
}
#fa_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img,
#fa_header nav #navigation .sticky-nav-white .logo a img {
  margin-top: 2px;
  width: 130px;
}
@media only screen and (max-width: 360px) {
  #fa_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img,
#fa_header nav #navigation .sticky-nav-white .logo a img {
    margin-top: 10px;
    width: 150px;
  }
}
#fa_header nav #navigation .sticky-nav-white {
  background-color: #FFFFFF !important;
}
#fa_header nav #navigation .sticky-nav-white ul.nav.navbar-nav li a {
  color: #444444 !important;
}
#fa_header nav #navigation .reveal-menu-home {
  background-color: transparent;
}
#fa_header nav #navigation .reveal-menu-home ul.nav.navbar-nav li a {
  color: #444444 !important;
}
@media only screen and (max-width: 360px) {
  #fa_header nav #navigation .reveal-menu-home .logo a img {
    margin-top: 10px;
    width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fa_header nav #navigation .reveal-menu-home .navbar-right {
    float: none;
    margin: 0 auto;
    width: 97%;
  }
}
#fa_header nav #navigation .reveal-menu-blog {
  background: #FFFFFF !important;
  padding: 15px !important;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fa_header nav #navigation .reveal-menu-blog .navbar-right {
    float: none !important;
    margin: 0 auto;
    width: 97%;
  }
}
#fa_header nav #navigation .reveal-menu-blog ul.nav.navbar-nav li a {
  color: #444444 !important;
}
#fa_header nav #navigation .navbar.navbar-default {
  padding: 25px 0;
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-toggle {
    border-color: #74A352;
    background-color: #74A352;
  }
  #fa_header nav #navigation .navbar.navbar-default .navbar-toggle:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  #fa_header nav #navigation .navbar.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #74A352;
  }
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-toggle {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-header {
    float: none;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse {
    background: #FFFFFF;
    border: none;
    margin-top: 15px;
    max-height: 415px;
  }
}
@media only screen and (max-width: 640px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse {
    max-height: 225px;
  }
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
  padding: 0;
  margin-bottom: 0;
  margin-left: 20px;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    margin-bottom: 0;
    margin-left: 12px;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    margin: 0 15px;
    border-bottom: 1px solid #74A352;
  }
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:last-child {
    border-bottom: none;
  }
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0;
  line-height: 43px;
  position: relative;
  letter-spacing: 1px;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
    font-size: 13px;
  }
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:focus:before, #fa_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;
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:before {
  background-color: #74A352;
  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%;
}
#fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
  background: none;
  border-bottom: 1px solid #74A352;
}
@media only screen and (max-width: 767px) {
  #fa_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
    border-bottom: none;
  }
}

/* =========================== */
/*         End Header          */
/* =========================== */
/*====================== */
/*         Banner         */
/* ====================== */
#mt_banner {
  position: relative;
}
#mt_banner .bg_home {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
}
@media only screen and (max-width: 991px) {
  #mt_banner {
    height: 600px !important;
    position: relative;
  }
}
@media only screen and (max-width: 640px) {
  #mt_banner {
    background-position: 25% center !important;
  }
}
#mt_banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#mt_banner .banner_caption_text {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#mt_banner .banner_caption_text h1 {
  color: #444444;
  margin-top: 0;
  position: relative;
  font-weight: 800;
  font-size: 45px;
}
@media only screen and (max-width: 1200px) {
  #mt_banner .banner_caption_text h1 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #mt_banner .banner_caption_text h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 0;
  }
}
@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 h3 {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  #mt_banner .banner_caption_text h3 {
    font-size: 28px;
    margin-bottom: 32px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 480px) {
  #mt_banner .banner_caption_text h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  #mt_banner .banner_caption_text .mt_btn_grey, #mt_banner .banner_caption_text .mt_btn_green, #mt_banner .banner_caption_text input[type=submit] {
    font-size: 12px;
  }
}

/* Slider Section */
.swiper-container {
  height: 100%;
  margin: 60px;
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white,
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: none !important;
}
.swiper-button-next.swiper-button-white:before, .swiper-container-rtl .swiper-button-prev.swiper-button-white:before,
.swiper-button-prev.swiper-button-white:before, .swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: "";
  font-family: "Ionicons";
  font-size: 45px;
  position: absolute;
  right: 25px;
  color: #74A352;
}

.swiper-button-prev.swiper-button-white:before, .swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: "";
  left: 25px;
}

/* Video Section */
.mt_video h1, .mt_video h3 {
  color: #FFFFFF !important;
}
.mt_video .overlay {
  background-color: rgba(49, 208, 147, 0.6) !important;
}

#fa_header nav #navigation .reveal-menu-video ul.nav.navbar-nav li a {
  color: #FFFFFF !important;
}

#fa_header nav #navigation .reveal-menu-video.sticky-nav ul.nav.navbar-nav li a {
  color: #444444 !important;
}

/* ========================== */
/*         End Banner         */
/* ========================== */
/*====================== */
/*         About          */
/* ====================== */
#mt_about {
  padding: 100px 0 0 0;
  background: #F8F8F8;
  position: relative;
}
@media only screen and (min-width: 990px) and (max-width: 1200px) {
  #mt_about {
    padding: 100px 0 75px;
  }
}
@media only screen and (max-width: 768px) {
  #mt_about {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #mt_about .col-sm-6 {
    width: 100%;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  #mt_about .about_sec_img {
    position: static;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  #mt_about .about_sec_img .mt_about_img {
    bottom: 0;
    position: absolute;
    width: 47%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #mt_about .about_services {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  #mt_about .about_services {
    margin-bottom: 40px;
  }
}
#mt_about .about_services .col-sm-6 {
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  #mt_about .about_services h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 480px) {
  #mt_about .about_services h2 {
    font-size: 18px;
  }
}
#mt_about .about_services h2 span {
  padding-top: 0;
}
#mt_about .about_services i {
  font-size: 50px;
  color: #74A352;
  margin-bottom: 24px;
}
#mt_about .about_services h5 {
  margin-bottom: 15px;
  margin-top: 0;
}
#mt_about .about_services .mt_btn_green {
  background: none;
  border: 1px solid #74A352;
  color: #74A352;
  margin-top: 25px;
}
#mt_about .about_services .mt_btn_green:hover {
  background: #74A352;
  color: #FFFFFF;
}
#mt_about .mt_about_img {
  text-align: center;
}
#mt_about .mt_about_img img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #mt_about .mt_about_img img {
    max-width: 55%;
  }
}

/* =========================== */
/*         End About           */
/* =========================== */
/* ====================== */
/*        Services        */
/* ====================== */
#mt_services {
  padding: 100px 0;
}
@media only screen and (max-width: 640px) {
  #mt_services {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 640px) {
  #mt_services h2 {
    margin-bottom: 30px;
  }
}
#mt_services .box {
  padding: 15px 30px;
  background: #FFFFFF;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-box-shadow: 0 3px 9px -2px #d0cece;
  -moz-box-shadow: 0 3px 9px -2px #d0cece;
  box-shadow: 0 3px 9px -2px #d0cece;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #mt_services .box {
    margin-bottom: 30px;
  }
}
#mt_services .box:hover {
  -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
  -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
  -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
  -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
  box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
#mt_services .box .icon {
  text-align: center;
  margin: 20px 0;
}
#mt_services .box .icon i {
  font-size: 50px;
  color: #74A352;
}
#mt_services .box h3 {
  margin-bottom: 23px;
  margin-top: 0;
  text-align: center;
  color: #444444;
  font-size: 18px;
  font-weight: 400;
}
#mt_services .box p {
  margin-bottom: 30px;
  text-align: left;
}

/* ========================== */
/*        End Services        */
/* ========================== */
/*===================================== */
/*           Portfolio Section           */
/* ===================================== */
#mt_portfolio {
  padding: 100px 0;
  background: #F8F8F8;
}
@media only screen and (max-width: 640px) {
  #mt_portfolio {
    padding: 60px 0;
  }
}
#mt_portfolio .mt_heading {
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #mt_portfolio h2 {
    margin-bottom: 30px;
  }
}
#mt_portfolio .portfolio_grid {
  width: calc(33.3333333% - 25px);
  height: auto;
  margin: 12px;
  float: left;
  position: relative;
  max-height: 800px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #mt_portfolio .portfolio_grid {
    padding: 0 15px;
    width: 97%;
  }
}
@media only screen and (max-width: 480px) {
  #mt_portfolio .portfolio_grid {
    width: 95%;
  }
}
#mt_portfolio li:after {
  display: none;
}
#mt_portfolio li:before {
  display: none;
}
#mt_portfolio .mt_filter {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}
#mt_portfolio .mt_filter ul li {
  margin-right: 15px;
  padding: 0;
  margin-bottom: 17px;
}
@media only screen and (max-width: 640px) {
  #mt_portfolio .mt_filter ul li {
    margin-bottom: 0;
  }
}
#mt_portfolio .mt_filter ul li a {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
#mt_portfolio .mt_filter ul li a:hover:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
}
#mt_portfolio .mt_filter ul li a:before {
  background-color: #74A352;
  content: "";
  height: 0.5px;
  left: 0;
  position: absolute;
  top: 22px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  width: 99%;
}
#mt_portfolio .mt_filter li a.active {
  border-bottom: 0.5px solid #74A352;
}
#mt_portfolio .portfolio_row {
  margin-top: 30px;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  border-radius: 8px;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio:hover .overlayPort {
  background: #08a07a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#08a07a", endColorstr="#7db9e8",GradientType=1 );
  /* IE6-9 */
}
#mt_portfolio .portfolio_row .hovereffect-portfolio:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#mt_portfolio .portfolio_row .hovereffect-portfolio:hover ul.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: transparent;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio .overlayPort {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}
#mt_portfolio .portfolio_row .hovereffect-portfolio h2, #mt_portfolio .portfolio_row .hovereffect-portfolio img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul {
  overflow: hidden;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul li:after {
  display: none;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul li a {
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul li a h4 {
  margin-bottom: 0;
  line-height: 28px;
  color: #FFFFFF;
}
@media only screen and (max-width: 480px) {
  #mt_portfolio .portfolio_row .hovereffect-portfolio ul li a h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul li a p {
  font-size: 12px;
  color: #FFFFFF;
}
#mt_portfolio .portfolio_row .hovereffect-portfolio ul.info {
  background-color: transparent;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  left: 0;
  margin: -7% auto 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 50%;
  transform: scale(1.5);
  transition: all 0.4s ease-in-out 0s;
}

/* ========================================= */
/*           End Portfolio Section           */
/* ========================================= */
/* ============================ */
/*         How it Works         */
/* ============================ */
#mt_work {
  padding: 100px 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  #mt_work {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  #mt_work {
    padding: 60px 0;
  }
}
#mt_work .work_txt h2 {
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  #mt_work .work_txt h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 520px) {
  #mt_work .work_txt h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
  }
}
#mt_work .laptop_mockup img {
  left: -79%;
  transform: translate(0, -41%);
  position: absolute;
  top: 50%;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  #mt_work .laptop_mockup img {
    margin: 0 auto;
    position: static;
    display: block;
    transform: initial;
  }
}

/* ================================= */
/*         End How it Works          */
/* ================================= */
/* ====================== */
/*         	Team          */
/* ====================== */
#mt_team {
  padding: 100px 0;
  position: relative;
  background: #F8F8F8;
}
#mt_team .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#mt_team .owl-dots .owl-dot.active {
  background: #74A352 none repeat scroll 0 0;
  border-radius: 5px;
  height: 5px;
  transition: all 0.5s ease 0s;
  width: 20px;
}
#mt_team .owl-dots .owl-dot {
  border: 1px solid #74A352;
  border-radius: 5px;
  display: inline-block;
  height: 5px;
  margin-right: 12px;
  width: 20px;
}
@media only screen and (max-width: 449px) {
  #mt_team .item {
    margin: 0 auto;
    width: 290px;
  }
}
#mt_team .team_member {
  position: relative;
  margin-bottom: 80px;
}
#mt_team .team_member img {
  width: 100%;
}
#mt_team .team_member figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 10px;
}
#mt_team .team_member figure img {
  position: relative;
  display: block;
  max-width: 100%;
  opacity: 1;
  width: 100%;
  border-radius: 10px;
}
#mt_team .team_member figure figcaption {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
#mt_team .team_member figure figcaption:before,
#mt_team .team_member figure figcaption:before {
  pointer-events: none;
}
#mt_team .team_member figure figcaption:after,
#mt_team .team_member figure figcaption:after {
  pointer-events: none;
}
#mt_team .team_member figure figcaption,
#mt_team .team_member figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mt_team .team_member figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
#mt_team .team_member figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}
#mt_team .team_member figure h2 span {
  font-weight: 800;
}
#mt_team .team_member figure h2,
#mt_team .team_member figure li {
  margin: 0;
}
#mt_team .team_member figure ul {
  left: 44%;
  position: absolute;
  top: 50%;
  transform: translate(-44%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #mt_team .team_member figure ul {
    left: 12%;
    position: absolute;
    top: 50%;
    transform: translate(3%, -50%);
  }
}
@media only screen and (max-width: 991px) {
  #mt_team .team_member figure ul {
    left: 12%;
    position: absolute;
    top: 50%;
    transform: translate(20%, -50%);
  }
}
#mt_team .team_member figure ul li:before {
  display: none;
}
#mt_team .team_member figure ul li:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  transition: all 0.5s ease;
}
#mt_team .team_member figure ul li i {
  color: #FFFFFF;
  display: block;
  line-height: 30px;
}
@media only screen and (max-width: 1200px) {
  #mt_team .team_member figure ul li i {
    line-height: 20px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 991px) {
  #mt_team .team_member figure ul li i {
    line-height: 30px;
    font-size: 18px;
  }
}
#mt_team .team_member figure ul li i:hover {
  color: #74A352;
}
#mt_team .team_member figure.effect-julia img {
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#mt_team .team_member figure.effect-julia figcaption {
  text-align: left;
}
#mt_team .team_member figure.effect-julia h2 {
  position: relative;
  padding: 0.5em 0;
}
#mt_team .team_member figure.effect-julia li {
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #FFFFFF;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-360px, 0, 0);
  transform: translate3d(-360px, 0, 0);
  background: #74A352;
  border-color: #74A352;
}
@media only screen and (max-width: 1200px) {
  #mt_team .team_member figure.effect-julia li {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #mt_team .team_member figure.effect-julia li {
    width: 30px;
    height: 30px;
  }
}
#mt_team .team_member figure.effect-julia li:first-child {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
#mt_team .team_member figure.effect-julia li:nth-of-type(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#mt_team .team_member figure.effect-julia li:nth-of-type(3) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
#mt_team .team_member figure.effect-julia:hover li:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#mt_team .team_member figure.effect-julia:hover li:nth-of-type(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
#mt_team .team_member figure.effect-julia:hover li:nth-of-type(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#mt_team .team_member figure.effect-julia:hover img {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
#mt_team .team_member figure.effect-julia:hover li {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#mt_team .team_member figure.effect-julia:hover figcaption {
  background: #74A352;
  /* Old browsers */
  background: -moz-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#08a07a", endColorstr="#7db9e8",GradientType=1 );
  /* IE6-9 */
}
#mt_team .team_member .member_name {
  border-radius: 10px;
  bottom: -45px;
  left: 50%;
  margin-bottom: 0;
  margin-right: auto;
  margin-top: 0;
  position: absolute;
  transform: translate(-50%);
  width: 90%;
  background: #FFFFFF;
  padding: 20px;
  -ms-box-shadow: 4px 4px 18px 0px #cccccc;
  -o-box-shadow: 4px 4px 18px 0px #cccccc;
  -webkit-box-shadow: 4px 4px 18px 0px #cccccc;
  -moz-box-shadow: 4px 4px 18px 0px #cccccc;
  box-shadow: 4px 4px 18px 0px #cccccc;
}
#mt_team .team_member .member_name h3 {
  margin-bottom: 2px;
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  #mt_team .team_member .member_name h3 {
    font-size: 18px;
  }
}
#mt_team .team_member .member_name span {
  display: block;
  font-size: 12px;
  color: #666666;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

/* =========================== */
/*         	End Team           */
/* =========================== */
/* ============================= */
/*          Fun And Fact         */
/* ============================= */
#mt_fun {
  background: #1F1F1F;
  padding: 100px 0;
}
#mt_fun .mt_heading h2, #mt_fun .mt_heading p {
  color: #FFFFFF;
}
#mt_fun .facts_row {
  padding-left: 40px;
  padding-right: 40px;
}
#mt_fun .facts_row .fun-facts_item {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 95px;
  height: 95px;
  margin: 0 auto;
  margin-bottom: 28px;
  position: relative;
  -o-text-overflow: clip;
  text-overflow: clip;
  background-color: transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#mt_fun .fun-facts_contain {
  width: 95px;
  height: 95px;
  margin: 0 auto;
}
#mt_fun .fun-facts_contain p {
  position: absolute;
  width: 95px;
  text-align: center;
  padding-top: 12px;
  font-size: 50px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-color, color, background-color;
  transition-property: border-color, color, background-color;
}
#mt_fun .fun-facts_contain i {
  color: #74A352;
  font-size: 72px;
}
#mt_fun .fun-facts_figure {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 600;
  font-size: 55px;
  text-align: center;
  color: #fff;
  margin-top: 38px;
  margin-bottom: 0px;
}
#mt_fun .fun-facts_title {
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: bold;
}
#mt_fun .fun-facts_title:before {
  content: "";
  display: block;
  height: 2px;
  width: 40px;
  margin: 0 auto;
  margin-bottom: 8px;
}
#mt_fun .fun-facts_wrapper:hover .fun-facts_contain p {
  color: #fafafa;
}

/* ================================== */
/*          End Fun And Fact          */
/* ================================== */
/* ====================== */
/*      Testimonials      */
/* ====================== */
#mt_testimonial {
  padding: 100px 0;
}
@media only screen and (max-width: 640px) {
  #mt_testimonial {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 640px) {
  #mt_testimonial h2 {
    margin-bottom: 30px;
  }
}
#mt_testimonial .owl-dots {
  text-align: center;
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  #mt_testimonial .owl-dots {
    margin-top: 10px;
  }
}
#mt_testimonial .owl-dots .owl-dot.active {
  background: #74A352 none repeat scroll 0 0;
  border-radius: 5px;
  height: 5px;
  transition: all 0.5s ease 0s;
  width: 20px;
}
#mt_testimonial .owl-dots .owl-dot {
  border: 1px solid #74A352;
  border-radius: 5px;
  display: inline-block;
  height: 5px;
  margin-right: 12px;
  width: 20px;
}
#mt_testimonial .testimonial_main {
  background: #F8F8F8;
  padding: 65px 25px;
  margin: 0 0 8px 0px;
  padding-bottom: 25px;
  float: left;
  border-radius: 8px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  #mt_testimonial .testimonial_main {
    margin: 65px 0 8px;
  }
}
@media only screen and (max-width: 640px) {
  #mt_testimonial .testimonial_main {
    text-align: center;
    margin: 0 0 8px;
  }
}
#mt_testimonial .testimonial_main p {
  margin-bottom: 6px !important;
  position: relative;
}
#mt_testimonial .testimonial_main p:before {
  content: "";
  font-family: fontawesome;
  font-size: 50px;
  left: -30px;
  opacity: 0.2;
  position: absolute;
  top: -30px;
  color: #ccc;
}
@media only screen and (max-width: 640px) {
  #mt_testimonial .testimonial_main p {
    font-size: 14px;
    line-height: 22px;
  }
}
#mt_testimonial .testimonial_main em {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #74A352;
}
#mt_testimonial .testimonial_main span {
  display: block;
  font-size: 12px;
  margin-top: -4px;
}
#mt_testimonial .darker .testimonial_main {
  background: #1F1F1F;
}
#mt_testimonial .darker .testimonial_main em,
#mt_testimonial .darker .testimonial_main span {
  color: #eceaea;
}
#mt_testimonial .darker .testimonial_main .mt_testimonial_img img {
  box-shadow: 3px 3px 14px 0 #000000;
  -ms-box-shadow: 3px 3px 14px 0 #000000;
  -webkit-box-shadow: 3px 3px 14px 0 #000000;
  -moz-box-shadow: 3px 3px 14px 0 #000000;
  -o-box-shadow: 3px 3px 14px 0 #000000;
}
#mt_testimonial .darker .owl-dot.active {
  background: #eceaea;
}
#mt_testimonial .darker .owl-dot.active:before {
  border-color: #eceaea;
}
#mt_testimonial .darker .owl-dot {
  border-color: #eceaea;
}

/* =========================== */
/*      End Testimonials       */
/* =========================== */
/* ============================= */
/*          Fun And Fact         */
/* ============================= */
.mt_watch {
  padding: 100px 0;
  position: relative;
}
.mt_watch .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 208, 147, 0.6);
}
.mt_watch .watch_content {
  position: relative;
}
.mt_watch .watch_content h1 {
  font-size: 60px;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (max-width: 640px) {
  .mt_watch .watch_content h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.mt_watch .watch_content a img {
  display: block;
  margin: 0 auto;
  width: 10%;
}
@media only screen and (max-width: 480px) {
  .mt_watch .watch_content a img {
    width: 18%;
  }
}

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

/* ================================ */
/*         End Blog Section         */
/* ================================ */
/* ====================== */
/*        Pricing         */
/* ====================== */
#mt_pricing {
  padding: 100px 0;
  background: #F8F8F8;
}
@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 .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: #F8F8F8;
  background-color: #F8F8F8;
  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 {
  height: 55px;
  line-height: 55px;
  padding: 0;
  text-align: center;
  width: 55px;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
}
#mt_pricing .main_pricing_conatiner.highlight_pricing .choose_plan_btn .mt_btn_grey i {
  font-size: 45px;
}
#mt_pricing .main_pricing_conatiner {
  background: #FFFFFF none repeat scroll 0 0;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
}
@media only screen and (max-width: 991px) {
  #mt_pricing .main_pricing_conatiner {
    margin-bottom: 40px;
  }
}
#mt_pricing .main_pricing_conatiner:hover a {
  color: #F8F8F8;
  background-color: #444444 !important;
  transition: all 0.5s ease;
  text-shadow: initial;
  -ms-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
  -o-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
  -webkit-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
  -moz-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
  box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
}
#mt_pricing .main_pricing_conatiner .price {
  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: #666666;
}
@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: #74A352;
  font-size: 65px;
}
#mt_pricing .main_pricing_conatiner .price .price_tag {
  font-family: montserrat;
  font-size: 48px;
  font-weight: 500;
  color: #74A352;
  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: #74A352;
}
#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: #F8F8F8;
  height: 55px;
  line-height: 55px;
  padding: 0;
  text-align: center;
  width: 55px;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
  box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
}
#mt_pricing .main_pricing_conatiner .choose_plan_btn .mt_btn_white i {
  font-size: 45px;
}

/* =========================== */
/*        End Pricing          */
/* =========================== */
/* ============================= */
/*          Fun And Fact         */
/* ============================= */
#mt_get_started {
  padding: 150px 0;
  position: relative;
  background: #08a07a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #08a07a 2%, #31d093 100%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#08a07a", endColorstr="#7db9e8",GradientType=1 );
  /* IE6-9 */
}
#mt_get_started .watch_content {
  position: relative;
  text-align: center;
}
#mt_get_started .watch_content h1 {
  font-size: 60px;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (max-width: 640px) {
  #mt_get_started .watch_content h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
#mt_get_started .watch_content p {
  color: #ffffff;
  display: block;
  margin: 0 auto 30px;
  width: 80%;
}
@media only screen and (max-width: 640px) {
  #mt_get_started .watch_content p {
    width: 100%;
  }
}

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

/* =========================== */
/*         End Contact         */
/* =========================== */
/* ====================== */
/*         Footer         */
/* ====================== */
#mt_footer {
  padding-top: 90px;
  background-color: #1F1F1F;
}
#mt_footer h2 {
  color: #fff;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  #mt_footer .col-md-4 {
    clear: both;
  }
}
@media only screen and (max-width: 991px) {
  #mt_footer .follow_us {
    margin-bottom: 30px;
  }
}
#mt_footer .follow_us a {
  display: inline-block;
  margin-bottom: 30px;
}
#mt_footer .follow_us p, #mt_footer .follow_us h4 {
  color: #FFFFFF;
}
#mt_footer .follow_us h4 {
  margin-bottom: 5px;
}
#mt_footer .follow_us .social_icons li {
  display: inline-block;
  line-height: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 15px;
}
#mt_footer .follow_us .social_icons li:before {
  display: none;
}
#mt_footer .follow_us .social_icons li a {
  color: #fff;
  margin-bottom: 0;
}
#mt_footer .follow_us .social_icons li a:hover {
  color: #74A352;
}
#mt_footer .mt_contact_ftr {
  float: left;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  #mt_footer .mt_contact_ftr {
    margin-bottom: 30px;
  }
}
#mt_footer .mt_contact_ftr li {
  padding-left: 0;
  width: 100%;
  float: left;
}
#mt_footer .mt_contact_ftr li:before {
  display: none;
}
#mt_footer .mt_contact_ftr li span {
  display: inline-block;
  float: left;
  margin-right: 0;
  font-size: 28px;
  color: #FFFFFF;
}
#mt_footer .mt_contact_ftr li a {
  display: inline-block;
  float: left;
  margin-left: 20px;
  width: 85%;
  color: #FFFFFF;
}
#mt_footer .mt_contact_ftr li a:hover {
  color: #74A352;
}
#mt_footer .mt_post_ftr {
  clear: both;
}
#mt_footer .mt_post_ftr li {
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  #mt_footer .mt_post_ftr li {
    clear: both;
  }
}
#mt_footer .mt_post_ftr li:before {
  display: none;
}
#mt_footer .mt_post_ftr li img {
  border-radius: 10px;
  float: left;
  margin-right: 15px;
  width: 20%;
}
@media only screen and (max-width: 991px) {
  #mt_footer .mt_post_ftr li img {
    margin-bottom: 15px;
    width: 10%;
  }
}
@media only screen and (max-width: 480px) {
  #mt_footer .mt_post_ftr li img {
    width: 25%;
  }
}
#mt_footer .mt_post_ftr li h4 {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 3px;
  margin-top: 0;
}
#mt_footer .mt_post_ftr li h4 a {
  color: #FFFFFF;
}
#mt_footer .mt_post_ftr li p {
  color: #eceaea;
}
#mt_footer .mt_footer_copy {
  border-top: 1px solid;
  margin-top: 90px;
  padding-top: 22px;
}
#mt_footer .mt_footer_copy .copy_txt p {
  color: #eceaea;
}
@media only screen and (max-width: 991px) {
  #mt_footer .mt_footer_copy .copy_txt p {
    text-align: center;
  }
}
#mt_footer .mt_footer_copy .made_txt p {
  color: #eceaea;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  #mt_footer .mt_footer_copy .made_txt p {
    text-align: center;
  }
}
#mt_footer .mt_footer_copy .made_txt i {
  color: #e91e63;
  margin-left: 5px;
}

/* =========================== */
/*         End Footer          */
/* =========================== */
/* =================================================== */
/* 		   		Portfolio Detail Section      	 	   */
/* =================================================== */
/*=========================================== */
/*           Portfolio Detail Section          */
/* =========================================== */
#portfolio_details {
  padding-top: 175px;
}
@media only screen and (max-width: 360px) {
  #portfolio_details .col-md-5.col-xs-5 {
    width: 40% !important;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .col-xs-2 {
    width: 16% !important;
  }
}
#portfolio_details .portfolio_description {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  #portfolio_details .portfolio_description {
    padding-left: 0;
  }
}
#portfolio_details .portfolio_description h1 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #444444;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #portfolio_details .portfolio_description h1 {
    font-size: 22px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  #portfolio_details .portfolio_description h1 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
  #portfolio_details .portfolio_description h1 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  #portfolio_details .portfolio_description h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
#portfolio_details .portfolio_description p {
  font-weight: 300;
  line-height: 28px;
}
#portfolio_details .portfolio_description .portfolio_other_detail {
  padding: 0 0 15px 0;
  float: left;
  width: 100%;
}
#portfolio_details .portfolio_description .portfolio_other_detail .mt_sidebar_tx {
  float: left;
  width: 100%;
  font-size: 14px;
}
#portfolio_details .portfolio_description .portfolio_other_detail .mt_sidebar_tx span {
  margin-left: 5px;
}
@media only screen and (max-width: 991px) {
  #portfolio_details .portfolio_description .portfolio_other_detail .mt_sidebar_tx {
    width: 100%;
  }
}
#portfolio_details .portfolio_description .portfolio_other_detail p {
  margin-bottom: 11px;
  font-size: 14px;
}
#portfolio_details .portfolio_description .portfolio_other_detail li {
  float: left;
  width: 100%;
  color: #818181;
  line-height: 28px;
  padding-left: 0;
  margin-bottom: 8px;
}
#portfolio_details .portfolio_description .portfolio_other_detail li:before {
  display: none;
}
#portfolio_details .portfolio_description .portfolio_other_detail li:after {
  display: none;
}
#portfolio_details .portfolio_description .portfolio_other_detail a {
  color: #818181;
  text-decoration: none;
  font-size: 14px;
}
#portfolio_details .portfolio_description .portfolio_other_detail a:hover {
  text-decoration: underline;
}
#portfolio_details .project_gallery {
  padding: 6px 0 60px 0;
}
@media only screen and (max-width: 767px) {
  #portfolio_details .project_gallery {
    padding-bottom: 20px;
  }
}
#portfolio_details .project_gallery h2 {
  margin-top: 0;
  color: #444444;
  font-weight: 700;
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  #portfolio_details .project_gallery h2 {
    margin-bottom: 38px;
  }
}
#portfolio_details .project_gallery .owl-prev,
#portfolio_details .project_gallery .owl-next {
  background: #444444;
  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_details .project_gallery .owl-prev,
#portfolio_details .project_gallery .owl-next {
    height: 30px;
    width: 30px;
    line-height: 25px;
  }
}
#portfolio_details .project_gallery .owl-prev img,
#portfolio_details .project_gallery .owl-next img {
  width: 55%;
}
#portfolio_details .project_gallery .owl-next {
  right: 0;
}
#portfolio_details .project_gallery .portfolio_hover {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  #portfolio_details .project_gallery .portfolio_hover {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  #portfolio_details .project_gallery .portfolio_hover img {
    width: 100%;
  }
}
#portfolio_details .project_gallery .portfolio_hover .fancybox i {
  position: absolute;
  top: 50%;
  color: #fff;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#portfolio_details .project_gallery .portfolio_hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #31d093;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}
#portfolio_details .project_gallery .portfolio_hover:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#portfolio_details .project_gallery .portfolio_hover:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#portfolio_details .project_gallery .portfolio_hover:hover .fancybox i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#portfolio_details .portfolio_pagination {
  float: left;
  padding-bottom: 65px;
  width: 100%;
  padding-top: 50px;
}
@media only screen and (min-width: 479px) and (max-width: 767px) {
  #portfolio_details .portfolio_pagination {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .col-md-5,
#portfolio_details .portfolio_pagination .col-xs-2 {
    width: 100%;
  }
}
#portfolio_details .portfolio_pagination .prev_post a {
  text-decoration: none;
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .prev_post a {
    text-align: center;
  }
}
#portfolio_details .portfolio_pagination .prev_post .left_icon {
  display: inline-block;
  float: left;
  margin-right: 18px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .prev_post .left_icon {
    margin-right: 9px;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .prev_post .left_icon {
    margin-right: 0;
  }
}
#portfolio_details .portfolio_pagination .prev_post .left_icon i {
  font-size: 42px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .prev_post .left_icon i {
    font-size: 28px;
    line-height: 55px;
  }
}
#portfolio_details .portfolio_pagination .prev_post .prev_txt {
  margin-left: 25px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .prev_post .prev_txt {
    margin-left: 0;
  }
}
#portfolio_details .portfolio_pagination .prev_post .prev_txt em {
  font-style: normal;
  font-weight: 300;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .prev_post .prev_txt em {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .prev_post .prev_txt em {
    font-size: 14px;
  }
}
#portfolio_details .portfolio_pagination .prev_post .prev_txt p {
  font-size: 13px;
  line-height: 19px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .prev_post .prev_txt p {
    font-size: 11px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .prev_post .prev_txt p {
    font-size: 10px;
  }
}
#portfolio_details .portfolio_pagination .next a {
  text-align: right;
  text-decoration: none;
}
#portfolio_details .portfolio_pagination .next .next_icon {
  display: inline-block;
  float: right;
  margin-left: 18px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .next .next_icon {
    margin-left: 9px;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .next .next_icon {
    margin-left: 0;
  }
}
#portfolio_details .portfolio_pagination .next .next_icon i {
  font-size: 42px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .next .next_icon i {
    font-size: 28px;
    line-height: 55px;
  }
}
#portfolio_details .portfolio_pagination .next .nxt_txt {
  margin-right: 25px;
  text-align: right;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt {
    margin-left: 0;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt {
    margin-right: 0;
    text-align: center;
  }
}
#portfolio_details .portfolio_pagination .next .nxt_txt em {
  font-style: normal;
  font-weight: 300;
  text-align: right;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt em {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt em {
    font-size: 14px;
  }
}
#portfolio_details .portfolio_pagination .next .nxt_txt p {
  font-size: 13px;
  line-height: 19px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt p {
    font-size: 11px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 360px) {
  #portfolio_details .portfolio_pagination .next .nxt_txt p {
    font-size: 10px;
  }
}
#portfolio_details .portfolio_pagination .all_portfolio {
  text-align: center;
}
#portfolio_details .portfolio_pagination .all_portfolio i {
  line-height: 70px;
}
@media only screen and (max-width: 480px) {
  #portfolio_details .portfolio_pagination .all_portfolio i {
    font-size: 20px;
  }
}

/* ================================================ */
/*           End Portfolio Detail Section           */
/* ================================================ */
/* ========================================= */
/* 		   		Blog Section      	 	  	 */
/* ========================================= */
/* ============================= */
/*          Blog Single          */
/* ============================= */
#blog_main_sec .post_img {
  margin-bottom: 30px;
}
#blog_main_sec .post_img img {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  #blog_main_sec .post_title {
    margin-bottom: 15px;
  }
}
#blog_main_sec .post_title h3 {
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #blog_main_sec .post_title h3 {
    line-height: 35px;
  }
}
@media only screen and (max-width: 480px) {
  #blog_main_sec .post_title h3 {
    line-height: 24px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  #blog_main_sec .post_title ul li {
    font-size: 14px;
    margin-bottom: 0;
  }
}
#blog_main_sec .post_title ul li:before {
  display: none;
}
#blog_main_sec .author_box {
  background: #FAF8F8;
  overflow: hidden;
  padding: 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: 10px;
}
#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 .author_box .author_bio p {
  margin-bottom: 10px;
}
#blog_main_sec .author_box .author_bio ul li {
  display: inline-block;
  padding-left: 0;
  padding-right: 15px;
  margin-bottom: 0;
}
#blog_main_sec .author_box .author_bio ul li:before {
  display: none;
}
#blog_main_sec .author_box .author_bio ul li a {
  color: #444444;
  font-size: 17px;
}
#blog_main_sec .author_box .author_bio ul li a:hover {
  color: #74A352;
  transition: all 0.4s ease;
}
#blog_main_sec #comments {
  margin-top: 60px;
  margin-bottom: 70px;
}
#blog_main_sec #comments .single-post_heading {
  font-size: 20px;
  color: #444444;
  text-transform: capitalize;
}
#blog_main_sec #comments .comments-lists:before {
  display: none;
}
#blog_main_sec #comments .comments-lists .comment {
  position: relative;
  list-style: none;
  padding-left: 118px;
  padding-top: 1px;
  min-height: 100px;
  border-bottom: 1px solid #F8F8F8;
  margin-top: 35px;
}
@media only screen and (max-width: 480px) {
  #blog_main_sec #comments .comments-lists .comment {
    padding-left: 90px;
  }
}
#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: 5px;
  -webkit-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
  -moz-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
  -o-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
  -ms-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
  box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
}
#blog_main_sec #comments .comments-lists .comment h4 {
  font-size: 15px;
  color: #444444;
  margin-top: 3px;
  text-transform: capitalize;
}
#blog_main_sec #comments .comments-lists .comment p {
  font-size: 14px;
  color: #777777;
  line-height: 24px;
}
#blog_main_sec #comments .comments-lists .comment small.date-posted {
  color: #666666;
  font-size: 12px;
  margin-left: 12px;
}
#blog_main_sec #comments .comments-lists .comment .comment-body {
  padding-bottom: 18px;
}
#blog_main_sec #comments .comments-lists .comment .comment-body .mt_btn_grey {
  padding: 0px 25px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
}
#blog_main_sec #comments .comments-lists .comment .children {
  overflow: hidden;
  list-style: none;
  padding-left: 0px;
  list-style: none;
}
#blog_main_sec #comments .comments-lists .comment .children .comment {
  position: relative;
  /*padding-left: 118px;*/
  border-top: 1px solid #F8F8F8;
  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;
  margin-top: 25px;
}
#blog_main_sec #comments .leave_comment h3 {
  font-size: 20px;
  color: #444444;
  text-transform: capitalize;
}
#blog_main_sec #comments .leave_comment .form-group .form-control {
  height: 40px;
}
#blog_main_sec #comments .leave_comment .form-group input[type=text],
#blog_main_sec #comments .leave_comment .form-group input[type=email] {
  border: 1px solid #eceaea;
  border-radius: 50px;
  box-shadow: none;
  font-size: 16px;
  color: #1a1a1a;
  padding: 10px 25px;
  margin-bottom: 20px;
}
#blog_main_sec #comments .leave_comment .form-group input[type=text]:hover, #blog_main_sec #comments .leave_comment .form-group input[type=text]:focus,
#blog_main_sec #comments .leave_comment .form-group input[type=email]:hover,
#blog_main_sec #comments .leave_comment .form-group input[type=email]:focus {
  border: 1px solid #74A352;
}
#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 #74A352;
}

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 {
  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] {
  width: 100%;
  font-size: 20px;
  padding-left: 10px;
  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_recent_entries ul {
  overflow: hidden;
}
aside .widget_recent_entries ul li {
  position: relative;
  padding-left: 90px;
  float: left;
}
aside .widget_recent_entries ul li:before {
  display: none;
}
aside .widget_recent_entries ul li h4 {
  margin-bottom: 3px;
  line-height: 16px;
  margin-top: 0;
}
aside .widget_recent_entries ul li h4 a {
  color: #444444;
  line-height: 20px;
}
aside .widget_recent_entries ul li h4 a:hover {
  color: #74A352;
  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;
  border-radius: 50%;
}
aside .widget_recent_entries ul li a {
  font-size: 16px;
  display: block;
  text-decoration: none;
}
aside .widget_tag_cloud ul {
  overflow: hidden;
}
aside .widget_tag_cloud ul li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 4px;
}
aside .widget_tag_cloud ul li a {
  background-color: #FAF8F8;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  color: #444444;
  padding: 4px 12px;
  font-weight: 400;
  border-radius: 3px;
}
aside .widget_tag_cloud ul li a:hover, aside .widget_tag_cloud ul li a:focus {
  color: #FFFFFF;
  background: #74A352;
}

/* ================================= */
/*          End Blog Single          */
/* ================================= */
/* ============================= */
/*          Blog Listing         */
/* ============================= */
/* Blog Header */
#blog_main_sec {
  padding: 175px 0px 65px;
  background-color: #fff;
  position: relative;
}
#blog_main_sec .post_item {
  margin-bottom: 32px;
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
  #blog_main_sec aside .widget.widget_recent_entries ul li h4 {
    margin-top: 20px;
  }
}
#blog_main_sec .pagination {
  margin-bottom: 68px;
  margin-top: 30px;
}
#blog_main_sec .pagination li {
  padding-left: 0;
  padding-bottom: 0;
}
#blog_main_sec .pagination li:before, #blog_main_sec .pagination li:after {
  display: none !important;
}
#blog_main_sec .pagination li a {
  border-radius: 50%;
  height: 40px;
  line-height: 40px;
  margin-right: 9px;
  padding: 0;
  text-align: center;
  width: 40px;
  color: #444444;
  font-size: 12px;
  border-color: #bfbfbf;
}
@media only screen and (max-width: 767px) {
  #blog_main_sec .pagination li a {
    margin-bottom: 15px;
  }
}
#blog_main_sec .pagination li a:hover, #blog_main_sec .pagination li a:focus {
  background-color: #74A352;
  color: #FFFFFF;
  border-color: #74A352;
}
#blog_main_sec .pagination .prev a,
#blog_main_sec .pagination .next a {
  border-radius: 50px;
  width: 100px;
}
#blog_main_sec .pagination li.active a {
  background: #74A352 !important;
  border-color: #74A352 !important;
  color: #FFFFFF;
}

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

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