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

Avax: style.css ( Main Theme CSS file )

Theme Name: Avax Creative Portfolio - Landing Page
Version: 1.0
Author: Raven Themez
Author URI: https://themeforest.net/user/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.5) Portfolio
 1.6) Newsletter
 1.7) Contact
 1.8) Footer
 1.9) About
 2.0) Portfolio Detail
 2.1) Blog
 2.2) Blog Single Page
 2.3) Blog Listing Page
 2.4) Portfolio Detail
*/
/* ========================================= */
/* 		   		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 */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999; }

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0 auto; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

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

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

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

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

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

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

img {
  max-width: 100%; }

hr {
  border: 0.5px solid #F1F0F0; }

p {
  font-size: 16px;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
  line-height: 34px;
  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: #202020;
    padding-left: 40px;
    position: relative; }
    ul li:before {
      content: '';
      position: absolute;
      left: 0;
      margin-top: 1px;
      width: 15px;
      height: 4px;
      background: #212529;
      border-radius: 50px;
      top: 12px; }

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: #202020;
    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: none; }
  a:hover {
    text-decoration: none;
    color: #202020;
    transition: all 0.4s ease; }

section {
  position: relative; }

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

select {
  padding: 12px 25px; }

textarea {
  resize: vertical; }

blockquote {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  border: none;
  line-height: 24px;
  color: #202020;
  margin-bottom: 20px;
  font-style: italic;
  position: relative;
  margin-top: 40px;
  padding: 60px 30px 40px;
  text-align: center; }
  @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';
    font-size: 45px;
    color: #e7e6e6;
    left: 50%;
    position: absolute;
    top: 3px;
    transform: translate(-50%, 0px); }
    @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: #202020;
      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: #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: #202020 !important; }

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

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

.section_heading {
  margin-top: 0;
  background: #212529;
  position: relative;
  display: inline-block; }
  .section_heading:before {
    background: #212529;
    bottom: -12px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 36px; }

.main-title {
  margin-bottom: 90px;
  z-index: 2;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .main-title {
      margin-bottom: 60px; } }

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

.main-title h3 {
  margin: 0 auto;
  font-size: 30px;
  font-weight: 700;
  line-height: 52px; }
  @media only screen and (max-width: 767px) {
    .main-title h3 {
      font-size: 22px; } }
  @media only screen and (max-width: 480px) {
    .main-title h3 {
      line-height: 36px; } }

.main-subtitle-top {
  font-size: 70px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1; }
  @media only screen and (max-width: 767px) {
    .main-subtitle-top {
      font-size: 50px; } }

/* =========== 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: #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); }
    .social_icons a i,
    .social_icons a span {
      position: relative;
      top: 0;
      left: 0; }
    .social_icons a:hover {
      color: #212529; }
      .social_icons a:hover:before {
        background: #212529; }

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

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

.see_more.light,
.see_more.dark {
  display: inline-block;
  text-decoration: none;
  position: relative;
  -webkit-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3);
  -moz-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3);
  box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3); }
  .see_more.light span.top,
  .see_more.light span.bottom,
  .see_more.light .top span,
  .see_more.dark span.top,
  .see_more.dark span.bottom,
  .see_more.dark .top span {
    display: inline-block; }
  .see_more.light:hover .bottom,
  .see_more.dark:hover .bottom {
    left: 0;
    top: 0;
    background-color: #fafafa; }
  .see_more.light:hover .top .label,
  .see_more.dark:hover .top .label {
    color: #202020; }
  .see_more.light .bottom,
  .see_more.dark .bottom {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 100%;
    height: 100%;
    background-color: #202020;
    display: block;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out; }
  .see_more.light .top,
  .see_more.dark .top {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 14px 14px 12px 34px;
    border: 2px solid #202020; }
    .see_more.light .top .label,
    .see_more.dark .top .label {
      font-family: sans-serif;
      font-weight: 600;
      color: #fff;
      font-size: 12px;
      line-height: 110%;
      letter-spacing: 2px;
      text-align: center;
      text-transform: uppercase;
      -webkit-transition: all .15s ease-out;
      -moz-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out; }
  .see_more.light .button-border,
  .see_more.dark .button-border {
    position: absolute;
    background-color: #fafafa;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out; }
  .see_more.light .button-border-left,
  .see_more.dark .button-border-left {
    left: -2px;
    bottom: -2px;
    width: 2px;
    height: 0; }
  .see_more.light .button-border-top,
  .see_more.dark .button-border-top {
    left: -2px;
    top: -2px;
    width: 0;
    height: 2px; }
  .see_more.light .button-border-right,
  .see_more.dark .button-border-right {
    right: -2px;
    top: -2px;
    width: 2px;
    height: 0; }
  .see_more.light .button-border-bottom,
  .see_more.dark .button-border-bottom {
    right: -2px;
    bottom: -2px;
    width: 0;
    height: 2px; }

.see_more:hover .top .button-border-left,
.see_more:hover .top .button-border-right {
  height: calc(100% + 2px); }

.see_more:hover .top .button-border-top,
.see_more:hover .top .button-border-bottom {
  width: calc(100% + 2px); }

.see_more.dark:hover .bottom {
  left: 0;
  top: 0;
  background-color: #fafafa; }
.see_more.dark:hover .top .label {
  color: #202020; }
.see_more.dark .bottom {
  background-color: #f9f9f9; }
.see_more.dark .top {
  border: 2px solid #202020; }
  .see_more.dark .top .label {
    color: #202020; }
.see_more.dark .button-border {
  background-color: #f9f9f9; }

.mt_btn_color,
.mt_btn_white,
input[type="submit"] {
  padding: 10px 30px;
  background: #212529;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  position: relative;
  -webkit-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3);
  -moz-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3);
  box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.3); }
  @media only screen and (max-width: 640px) {
    .mt_btn_color,
    .mt_btn_white,
    input[type="submit"] {
      font-size: 14px;
      padding: 10px 19px; } }
  .mt_btn_color:hover, .mt_btn_color:focus,
  .mt_btn_white:hover,
  .mt_btn_white:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus {
    color: #FFFFFF;
    background: #212529;
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none; }

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

#content {
  margin-bottom: 60px; }
  
.social_media_banner {
	right: 50px !important;
}

figure.portfolio_item > div::before {
	background-image: none !important;
}

#mt_services {
	background: #292929 !important;
}

#mt_services h3 {
	color: #fff !important;
}

#mt_services .cta_box h4, p {
	color: #fff !important;
}

.cta_box {
    border: 5px solid #ff4500 !important;
}

.dark.social_media_banner a {
  color: #fff !important; }
.dark.social_media_banner .line {
  background: #fff !important; }

.grid_lines {
  position: fixed;
  width: 1100px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -550px;
  z-index: -2; }

.grid_lines div {
  display: inline-block;
  position: absolute;
  background: #D2D1D6;
  width: 1px; }

.line1,
.line2,
.line3,
.line4,
.line5 {
  height: 100%;
  opacity: 0.2; }

.line1 {
  left: 0%; }

.line2 {
  left: 25%; }

.line3 {
  left: 50%; }

.line4 {
  left: 75%; }

.line5 {
  right: 0%; }

.animated_btn {
  position: relative;
  display: inline-flex;
  text-decoration: none;
  color: #fff;
  background-color: #212529;
  padding-left: 2rem;
  overflow: hidden;
  z-index: 1;
  align-items: center;
  box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px; }
  @media only screen and (max-width: 480px) {
    .animated_btn {
      font-size: 12px;
      letter-spacing: initial; } }
  .animated_btn:hover {
    color: #fff; }
    .animated_btn:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      color: #fff; }
    .animated_btn:hover i {
      -webkit-animation: moveArrow 750ms;
      animation: moveArrow 750ms; }
  .animated_btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    width: 100%;
    height: 100%;
    background-color: #3a3a3a;
    z-index: -1;
    transition: -webkit-transform 750ms;
    transition: transform 750ms, -webkit-transform 750ms;
    color: #fff; }
  .animated_btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 18px;
    padding: 18px;
    overflow: hidden;
    background-color: #3a3a3a; }
  .animated_btn i {
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 16px;
    color: #fff; }

@-webkit-keyframes moveArrow {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  49% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); }
  50% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }
@keyframes moveArrow {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  49% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); }
  50% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }
.mt_5 {
  margin-bottom: 50px; }

.mt_4 {
  margin-bottom: 40px; }

.mt_3 {
  margin-bottom: 30px; }

.mt_2 {
  margin-bottom: 20px; }

.mt_1 {
  margin-bottom: 10px; }

.mr_5 {
  margin-bottom: 50px; }

.mr_4 {
  margin-bottom: 40px; }

.mr_3 {
  margin-bottom: 30px; }

.mr_2 {
  margin-bottom: 20px; }

.mr_1 {
  margin-bottom: 10px; }

.mb_5 {
  margin-bottom: 50px; }

.mb_4 {
  margin-bottom: 40px; }

.mb_3 {
  margin-bottom: 30px; }

.mb_2 {
  margin-bottom: 20px; }

.mb_1 {
  margin-bottom: 10px; }

.ml_5 {
  margin-bottom: 50px; }

.ml_4 {
  margin-bottom: 40px; }

.ml_3 {
  margin-bottom: 30px; }

.ml_2 {
  margin-bottom: 20px; }

.ml_1 {
  margin-bottom: 10px; }

.title-container {
  font-size: 0;
  position: relative;
  overflow: hidden; }
  .title-container h1 {
    position: relative;
    text-align: left;
    font-size: 22px;
    margin: 0;
    color: #fff !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 10px;
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 10px;
    line-height: 1;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    -webkit-animation: up 500ms linear forwards;
    animation: up 500ms linear forwards;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .title-container h1 {
        font-size: 14px;
        letter-spacing: 5px; } }
    @media only screen and (max-width: 480px) {
      .title-container h1 {
        font-size: 12px;
        letter-spacing: 3px; } }
  .title-container h1::before, .title-container h1::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 50px;
    left: 0;
    background-color: #000;
    z-index: -1; }
  .title-container h1::before {
    top: 1.4rem;
    -webkit-animation: draw 500ms linear 1s forwards;
    animation: draw 500ms linear 1s forwards; }
  .title-container h1::after {
    bottom: 0.4rem;
    -webkit-animation: draw 500ms linear 1s forwards;
    animation: draw 500ms linear 1s forwards; }

@-webkit-keyframes up {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes up {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes draw {
  100% {
    width: 100%; } }
@keyframes draw {
  100% {
    width: 100%; } }
.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; }

.mt_load {
  display: none;
  position: absolute;
  top: 11px;
  right: -35px;
  margin-left: 14px; }
  .mt_load span {
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #212529;
    border-left: 2px solid #FFFFFF;
    -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_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); } }
/* ========================================= */
/* 		   			LAYOUT 					 */
/* ========================================= */
/* ====================== */
/*         Header         */
/* ====================== */
#rt_header .sticky-nav .navigation-wrapper .navigation-button {
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #rt_header .sticky-nav .navigation-wrapper .navigation-button .menu-toggle {
    color: #fff; }
#rt_header .navigation-wrapper .navigation-button.active {
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #rt_header .navigation-wrapper .navigation-button.active .menu-toggle {
    color: #fff; }
#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav,
#rt_header nav #navigation .sticky-nav-white {
  padding: 20px 15px;
  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); }
  #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img,
  #rt_header nav #navigation .sticky-nav-white .logo a img {
    margin-top: 2px;
    width: 130px; }
    @media only screen and (max-width: 480px) {
      #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img,
      #rt_header nav #navigation .sticky-nav-white .logo a img {
        margin-top: 10px;
        width: 130px; } }
#rt_header nav #navigation .sticky-nav-white {
  background-color: #FFFFFF !important; }
  #rt_header nav #navigation .sticky-nav-white ul.nav.navbar-nav li a {
    color: #444444 !important; }
#rt_header nav #navigation .reveal-menu-home {
  background-color: transparent; }
  #rt_header nav #navigation .reveal-menu-home ul.nav.navbar-nav li a {
    color: #000000 !important; }
  #rt_header nav #navigation .reveal-menu-home .logo a img {
    margin-top: 2px;
    width: 130px; }
    @media only screen and (max-width: 480px) {
      #rt_header nav #navigation .reveal-menu-home .logo a img {
        margin-top: 10px;
        width: 130px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .reveal-menu-home .navbar-right {
      float: none;
      margin: 0 auto;
      width: 97%; } }
  @media only screen and (min-width: 767px) and (max-width: 1200px) {
    #rt_header nav #navigation .reveal-menu-home .navbar-right {
      width: auto;
      float: right !important; } }
#rt_header nav #navigation .reveal-menu-general {
  background: #FFFFFF !important;
  padding: 15px !important;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -ms-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3); }
  #rt_header nav #navigation .reveal-menu-general .logo a img {
    margin-top: 2px;
    width: 130px; }
    @media only screen and (max-width: 360px) {
      #rt_header nav #navigation .reveal-menu-general .logo a img {
        margin-top: 0px;
        width: 150px; } }
#rt_header nav #navigation .reveal-menu-white {
  background: #FFFFFF !important;
  padding: 15px !important;
  position: static !important;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  -ms-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3);
  box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.3); }
  #rt_header nav #navigation .reveal-menu-white .menushow .menu-btn .button_container .top,
  #rt_header nav #navigation .reveal-menu-white .menushow .menu-btn .button_container .bottom,
  #rt_header nav #navigation .reveal-menu-white .button_container span {
    background: #202020; }
    @media only screen and (max-width: 991px) {
      #rt_header nav #navigation .reveal-menu-white .menushow .menu-btn .button_container .top,
      #rt_header nav #navigation .reveal-menu-white .menushow .menu-btn .button_container .bottom,
      #rt_header nav #navigation .reveal-menu-white .button_container span {
        background: #FFFFFF; } }
  #rt_header nav #navigation .reveal-menu-white ul.nav.navbar-nav li a {
    color: #444444 !important; }
  #rt_header nav #navigation .reveal-menu-white .logo a img {
    margin-top: 2px;
    width: 130px; }
    @media only screen and (max-width: 360px) {
      #rt_header nav #navigation .reveal-menu-white .logo a img {
        margin-top: 10px;
        width: 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .reveal-menu-white .navbar-right {
      float: none;
      margin: 0 auto;
      width: 97%; } }
  @media only screen and (min-width: 767px) and (max-width: 1200px) {
    #rt_header nav #navigation .reveal-menu-white .navbar-right {
      width: auto;
      float: right !important; } }
#rt_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) {
    #rt_header nav #navigation .reveal-menu-blog .navbar-right {
      float: none !important;
      margin: 0 auto;
      width: 97%; } }
  @media only screen and (min-width: 767px) and (max-width: 1200px) {
    #rt_header nav #navigation .reveal-menu-blog .navbar-right {
      width: auto;
      float: right !important; } }
  #rt_header nav #navigation .reveal-menu-blog ul.nav.navbar-nav li a {
    color: #444444 !important; }
#rt_header nav #navigation .navbar.navbar-default {
  padding: 25px 0;
  border-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default {
      padding: 15px 0; } }
  @media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle {
      border-color: #444444;
      background-color: #444444; }
      #rt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover {
        border-color: #FFFFFF;
        background-color: #FFFFFF; }
        #rt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover .icon-bar {
          background-color: #444444; } }
  @media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle {
      margin-top: 7px; } }
  @media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle .icon-bar {
      background-color: #FFFFFF; } }
  @media only screen and (min-width: 767px) and (max-width: 1200px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-header {
      float: left !important;
      margin: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_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) {
    #rt_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) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse {
      max-height: 225px; } }
  #rt_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: 767px) and (max-width: 1200px) {
      #rt_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) {
      #rt_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) {
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
        margin: 0 15px;
        border-bottom: 1px solid #444444; } }
    #rt_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) {
      #rt_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) {
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:last-child {
        border-bottom: none; } }
    #rt_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;
      background: transparent; }
      @media only screen and (min-width: 767px) and (max-width: 1200px) {
        #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
          font-size: 12px; } }
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:focus:before, #rt_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; }
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:before {
        background-color: #444444;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 43px;
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform-origin: right top 0;
        -webkit-transform-origin: right top 0;
        -moz-transform-origin: right top 0;
        -o-transform-origin: right top 0;
        -ms-transform-origin: right top 0;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        width: 100%; }
  #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
    background: none;
    border-bottom: 1px solid #444444; }
    @media only screen and (max-width: 767px) {
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
        border-bottom: none; } }
  #rt_header nav #navigation .navbar.navbar-default .navbar-collapse .dropdown a:before {
    display: none; }
  #rt_header nav #navigation .navbar.navbar-default .navbar-collapse .dropdown .dropdown-menu {
    border-radius: 5px !important;
    overflow: hidden;
    padding: 0;
    border-color: #f9f9f9; }
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse .dropdown .dropdown-menu li {
      margin-left: 0 !important;
      padding: 0 15px !important; }
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse .dropdown .dropdown-menu li:hover {
        background: #f9f9f9; }
      #rt_header nav #navigation .navbar.navbar-default .navbar-collapse .dropdown .dropdown-menu li a:before {
        display: none; }
#rt_header .navigation-wrapper {
  position: relative; }
  #rt_header .navigation-wrapper .navigation-button {
    will-change: transform;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 44px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 44px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 44px 4px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 767px) {
      #rt_header .navigation-wrapper .navigation-button {
        top: -33px; } }
    #rt_header .navigation-wrapper .navigation-button:hover {
      background: #000;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #rt_header .navigation-wrapper .navigation-button:hover .menu-toggle {
        color: #fff; }
    #rt_header .navigation-wrapper .navigation-button .menu-toggle {
      color: #000; }
  #rt_header .navigation-wrapper .navigation-menu {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    background: #fff;
    height: 100%;
    transform: skewX(0deg) translate(100%, 0);
    transform-origin: top right;
    transition: all .2s ease-in;
    z-index: -1;
    -webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2); }
    #rt_header .navigation-wrapper .navigation-menu .dropdown a i {
      font-size: 18px; }
    #rt_header .navigation-wrapper .navigation-menu .dropdown ul {
      position: relative;
      top: 100%;
      -webkit-transform: initial;
      -moz-transform: initial;
      -ms-transform: initial;
      -o-transform: initial;
      transform: initial; }
      #rt_header .navigation-wrapper .navigation-menu .dropdown ul li {
        margin-bottom: 5px;
        display: block; }
        #rt_header .navigation-wrapper .navigation-menu .dropdown ul li a {
          font-size: 14px;
          font-weight: 500;
          text-transform: initial; }
          #rt_header .navigation-wrapper .navigation-menu .dropdown ul li a i {
            font-size: 18px; }
          #rt_header .navigation-wrapper .navigation-menu .dropdown ul li a:before {
            display: none; }
    #rt_header .navigation-wrapper .navigation-menu ul {
      transform: translate(0, -50%) skewX(-8deg);
      transform-origin: top left;
      position: fixed;
      right: 0;
      top: 50%;
      width: 200px;
      text-align: right;
      -ms-word-wrap: break-word;
      word-wrap: break-word; }
      @media only screen and (max-width: 767px) {
        #rt_header .navigation-wrapper .navigation-menu ul {
          transform: translate(0, -50%); } }
      #rt_header .navigation-wrapper .navigation-menu ul li {
        list-style: none;
        position: relative;
        z-index: 999;
        padding-left: 0;
        clear: both;
        margin-bottom: 30px;
        display: inline-block; }
        @media only screen and (max-width: 991px) {
          #rt_header .navigation-wrapper .navigation-menu ul li {
            display: block;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 480px) {
          #rt_header .navigation-wrapper .navigation-menu ul li {
            line-height: 26px;
            margin-bottom: 5px; } }
        #rt_header .navigation-wrapper .navigation-menu ul li:before {
          display: none; }
        #rt_header .navigation-wrapper .navigation-menu ul li a {
          border: none;
          color: #212529;
          text-decoration: none;
          font-size: 26px;
          font-family: Montserrat, sans-serif;
          font-weight: 900;
          text-transform: uppercase; }
          @media only screen and (max-width: 991px) {
            #rt_header .navigation-wrapper .navigation-menu ul li a {
              font-size: 16px; } }
          #rt_header .navigation-wrapper .navigation-menu ul li a:focus:before, #rt_header .navigation-wrapper .navigation-menu 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; }
            @media only screen and (max-width: 991px) {
              #rt_header .navigation-wrapper .navigation-menu ul li a:focus:before, #rt_header .navigation-wrapper .navigation-menu ul li a:hover:before {
                display: none; } }
          #rt_header .navigation-wrapper .navigation-menu ul li a:before {
            background-color: #444444;
            content: "";
            height: 3px;
            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%; }
#rt_header .navigation-menu.active {
  transform: skewX(8deg) translate(0, 0); }
  @media only screen and (max-width: 767px) {
    #rt_header .navigation-menu.active {
      transform: initial;
      width: 100%; } }
#rt_header .navigation-menu li {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all .0s ease-in .3s; }
#rt_header .navigation-menu.active ul {
  right: 170px; }
  @media only screen and (max-width: 991px) {
    #rt_header .navigation-menu.active ul {
      right: 60px; } }
  #rt_header .navigation-menu.active ul li {
    opacity: 1;
    transform: translate(0, 0);
    transition: all .2s ease-in 0s; }
    #rt_header .navigation-menu.active ul li:nth-child(1) {
      transition-delay: .3s; }
    #rt_header .navigation-menu.active ul li:nth-child(2) {
      transition-delay: .4s; }
    #rt_header .navigation-menu.active ul li:nth-child(3) {
      transition-delay: .5s; }
    #rt_header .navigation-menu.active ul li:nth-child(4) {
      transition-delay: .6s; }
    #rt_header .navigation-menu.active ul li:nth-child(5) {
      transition-delay: .7s; }
    #rt_header .navigation-menu.active ul li:nth-child(6) {
      transition-delay: .8s; }
    #rt_header .navigation-menu.active ul li:nth-child(7) {
      transition-delay: .9s; }
    #rt_header .navigation-menu.active ul li:nth-child(8) {
      transition-delay: 1s; }
    #rt_header .navigation-menu.active ul li:nth-child(9) {
      transition-delay: 1.1s; }
    #rt_header .navigation-menu.active ul li:nth-child(10) {
      transition-delay: 1.2s; }
    #rt_header .navigation-menu.active ul li:nth-child(11) {
      transition-delay: 1.3s; }
    #rt_header .navigation-menu.active ul li:nth-child(12) {
      transition-delay: 1.4s; }
    #rt_header .navigation-menu.active ul li:nth-child(13) {
      transition-delay: 1.5s; }
    #rt_header .navigation-menu.active ul li:nth-child(14) {
      transition-delay: 1.6s; }
    #rt_header .navigation-menu.active ul li:nth-child(15) {
      transition-delay: 1.7s; }
    #rt_header .navigation-menu.active ul li:nth-child(16) {
      transition-delay: 1.8s; }
    #rt_header .navigation-menu.active ul li:nth-child(17) {
      transition-delay: 1.9s; }
    #rt_header .navigation-menu.active ul li:nth-child(18) {
      transition-delay: 2s; }
#rt_header .menu-toggle {
  background: transparent none repeat scroll 0 0;
  border-bottom: 2px solid;
  border-top: 2px solid;
  color: #1c2174;
  display: block;
  font-size: 0;
  height: 14px;
  position: relative;
  transition: all 0.25s ease-in-out 0s;
  width: 20px; }
  #rt_header .menu-toggle:before, #rt_header .menu-toggle:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
#rt_header button:hover {
  color: #212529; }
#rt_header button.is-active {
  border-color: transparent; }
#rt_header button.is-active:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg); }
#rt_header button.is-active:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg); }
#rt_header button {
  border: none;
  cursor: pointer;
  outline: none; }

/* =========================== */
/*         End Header          */
/* =========================== */
/* ====================== */
/*         Banner         */
/* ====================== */
#mt_banner {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  background-attachment: fixed;
  background-color: #fcfcfc; }
  @media only screen and (max-width: 991px) {
    #mt_banner {
      background-position: 70% 0; } }
  #mt_banner .bg_home {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999; }
  #mt_banner .see_more.dark .top {
    border-color: #fafafa; }
  #mt_banner .social_media_banner {
    right: 30px;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -155px;
    z-index: 6; }
    @media only screen and (max-width: 767px) {
      #mt_banner .social_media_banner {
        margin-right: -175px; } }
    #mt_banner .social_media_banner a {
      display: block;
      color: #000;
      font-size: 13px;
      margin-top: 10px;
      float: left;
      margin-right: 15px;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s;
      font-weight: 600; }
      #mt_banner .social_media_banner a i {
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s; }
    #mt_banner .social_media_banner a.text {
      margin-right: 0; }
    #mt_banner .social_media_banner .line {
      float: left;
      width: 72px;
      background: #000;
      height: 1px;
      margin: 20px 17px; }
  #mt_banner .static {
    position: static; }
  #mt_banner .relative {
    position: relative; }
  #mt_banner .banner-wrapper {
    position: absolute;
    top: 50%;
    z-index: 18;
    margin: -20px auto 0;
    transform: translate(0, -50%); }
  #mt_banner .banner-caption {
    color: #FFFFFF;
    margin: 0 auto;
    padding: 15px;
    text-align: left; }
    #mt_banner .banner-caption .mt_btn_color {
      background: #FFFFFF;
      color: #444444; }
    #mt_banner .banner-caption h1 {
      font-size: 75px;
      font-weight: 900;
      color: #FFFFFF;
      line-height: normal;
      letter-spacing: 5px;
      margin-bottom: 30px;
      text-align: left; }
      @media only screen and (max-width: 991px) {
        #mt_banner .banner-caption h1 {
          font-size: 45px;
          line-height: 52px; } }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner-caption h1 {
          font-size: 30px;
          line-height: 42px; } }
      @media only screen and (max-width: 480px) {
        #mt_banner .banner-caption h1 {
          font-size: 24px;
          line-height: 32px; } }
      @media only screen and (max-width: 360px) {
        #mt_banner .banner-caption h1 {
          font-size: 18px; } }
      #mt_banner .banner-caption h1 span {
        font-weight: 900;
        color: #FFFFFF;
        display: block; }
    #mt_banner .banner-caption p {
      position: relative;
      text-align: left;
      font-size: 22px;
      margin: 0;
      color: #000 !important;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 10px;
      display: inline-block;
      margin-bottom: 0;
      padding: 5px 10px;
      line-height: 1;
      -webkit-transform: translateY(6rem);
      transform: translateY(6rem);
      -webkit-animation: up 500ms linear forwards;
      animation: up 500ms linear forwards;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner-caption p {
          font-size: 14px;
          letter-spacing: 5px; } }
      @media only screen and (max-width: 480px) {
        #mt_banner .banner-caption p {
          font-size: 12px;
          letter-spacing: 3px; } }
    #mt_banner .banner-caption p::before, #mt_banner .banner-caption p::after {
      position: absolute;
      content: '';
      width: 0px;
      height: 50px;
      left: 0;
      background-color: #fff;
      z-index: -1; }
    #mt_banner .banner-caption p::before {
      top: 1.4rem;
      -webkit-animation: draw 500ms linear 1s forwards;
      animation: draw 500ms linear 1s forwards; }
    #mt_banner .banner-caption p::after {
      bottom: 0.4rem;
      -webkit-animation: draw 500ms linear 1s forwards;
      animation: draw 500ms linear 1s forwards; }
    #mt_banner .banner-caption .title-container {
      font-size: 0;
      position: relative;
      overflow: hidden; }
@-webkit-keyframes up {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes up {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes draw {
  100% {
    width: 100%; } }
@keyframes draw {
  100% {
    width: 100%; } }
    #mt_banner .banner-caption .see_more.light .top,
    #mt_banner .banner-caption .see_more.dark .top {
      padding: 14px 64px 12px 84px; }
      @media only screen and (max-width: 767px) {
        #mt_banner .banner-caption .see_more.light .top,
        #mt_banner .banner-caption .see_more.dark .top {
          padding: 10px 34px 6px 54px; } }
    #mt_banner .banner-caption .banner_down {
      border-radius: 50%;
      font-size: 36px;
      height: 50px;
      margin-top: 20px;
      padding: 0;
      text-align: center;
      width: 50px; }

#mt_general_banner {
  padding: 100px 0; }
  #mt_general_banner .banner-caption {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #mt_general_banner .banner-caption {
        width: 100%; } }
    #mt_general_banner .banner-caption h1 {
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 5px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        #mt_general_banner .banner-caption h1 {
          font-size: 32px; } }
      @media only screen and (max-width: 480px) {
        #mt_general_banner .banner-caption h1 {
          font-size: 24px;
          line-height: 46px; } }
    #mt_general_banner .banner-caption p {
      margin: 0; }

#mt_banner_simple {
  position: relative;
  padding: 150px 0; }
  #mt_banner_simple .banner-caption {
    margin: 0 auto;
    text-align: center;
    width: 60%;
    padding: 0 15px;
    position: relative; }
    @media only screen and (max-width: 991px) {
      #mt_banner_simple .banner-caption {
        width: 100%; } }
    #mt_banner_simple .banner-caption h2 {
      font-size: 37px;
      font-weight: 300;
      line-height: 50px; }
      @media only screen and (max-width: 767px) {
        #mt_banner_simple .banner-caption h2 {
          font-size: 26px;
          line-height: 38px; } }
    #mt_banner_simple .banner-caption .highlight {
      display: inline-block;
      color: #343434;
      transition: color 250ms, text-shadow 250ms;
      text-decoration: none;
      text-shadow: 0px 1px 0px white;
      position: relative;
      z-index: 0; }
      #mt_banner_simple .banner-caption .highlight:after {
        position: absolute;
        z-index: -1;
        bottom: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        width: 100%;
        height: 3px;
        background-color: #343434;
        transition: all 250ms; }
      #mt_banner_simple .banner-caption .highlight:hover {
        color: white;
        text-shadow: 0px 1px 0px black; }
        #mt_banner_simple .banner-caption .highlight:hover:after {
          height: 135%;
          width: 105%; }
    #mt_banner_simple .banner-caption .see_work {
      position: absolute;
      display: inline-block;
      left: 50%;
      transform: translate(-50%, 50%);
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 5px;
      bottom: -100%; }
      #mt_banner_simple .banner-caption .see_work span {
        position: relative; }
        #mt_banner_simple .banner-caption .see_work span:before {
          content: '';
          width: 1px;
          height: 80px;
          position: absolute;
          top: -90px;
          left: 50%;
          background: #000;
          margin-left: -1px; }

#mt_banner_slider {
  position: relative;
  height: 400px; }
  #mt_banner_slider .banner_caption_text {
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0 15px; }
    @media only screen and (max-width: 991px) {
      #mt_banner_slider .banner_caption_text {
        width: 100%; } }
    #mt_banner_slider .banner_caption_text .banner_cap_rt {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media only screen and (max-width: 767px) {
        #mt_banner_slider .banner_caption_text .banner_cap_rt {
          width: 90%; } }
    #mt_banner_slider .banner_caption_text h2 {
      font-size: 50px;
      font-weight: 800;
      margin-bottom: 30px;
      line-height: 60px;
      text-transform: uppercase;
      letter-spacing: 5px; }
      @media only screen and (max-width: 767px) {
        #mt_banner_slider .banner_caption_text h2 {
          font-size: 26px;
          line-height: 38px; } }
    #mt_banner_slider .banner_caption_text a {
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        #mt_banner_slider .banner_caption_text a {
          font-size: 14px; } }

#mt_banner_border {
  position: relative;
  padding: 200px 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-color: #fcfcfc; }
  #mt_banner_border .banner-caption {
    left: 50%;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    border: 8px solid #fff; }
    @media only screen and (max-width: 991px) {
      #mt_banner_border .banner-caption {
        width: 100%; } }
    #mt_banner_border .banner-caption h2 {
      font-size: 37px;
      font-weight: 600;
      line-height: 50px; }
      @media only screen and (max-width: 767px) {
        #mt_banner_border .banner-caption h2 {
          font-size: 26px;
          line-height: 38px; } }

#mt_banner_static_header {
  position: relative;
  height: 430px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-color: #fcfcfc; }
  #mt_banner_static_header .banner-caption {
    left: 50%;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%; }
    @media only screen and (max-width: 991px) {
      #mt_banner_static_header .banner-caption {
        width: 100%; } }
    #mt_banner_static_header .banner-caption h2 {
      font-size: 37px;
      font-weight: 600;
      line-height: 50px;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        #mt_banner_static_header .banner-caption h2 {
          font-size: 26px;
          line-height: 38px; } }
    #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb {
      background-color: transparent;
      border-radius: 0;
      margin-bottom: 0;
      padding: 0; }
      #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li {
        padding-right: 0;
        padding-left: 20px;
        position: relative;
        margin-bottom: 0; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li:first-child {
          padding-left: 0; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li:before {
          display: none; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li:after {
          content: '\f3d3';
          font-family: "Ionicons";
          color: #212529;
          position: absolute;
          right: -14px;
          top: 1px; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li:last-child:after {
          display: none; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li:first-child:before {
          display: none; }
        #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li a {
          color: #212529; }
          #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb li a:hover {
            color: #212529; }
      #mt_banner_static_header .banner-caption .bread_crumbs .breadcrumb .active {
        color: #212529; }

/* 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: '\f3d6';
    font-family: 'Ionicons';
    font-size: 22px;
    position: absolute;
    right: 55px;
    color: #212529;
    background: white;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px; }
    @media only screen and (max-width: 767px) {
      .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 {
        right: 15px; } }

.swiper-button-prev.swiper-button-white:before, .swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: '\f3d5';
  left: 25px; }
  @media only screen and (max-width: 767px) {
    .swiper-button-prev.swiper-button-white:before, .swiper-container-rtl .swiper-button-next.swiper-button-white:before {
      left: 65px; } }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  right: 130px !important;
  left: auto !important; }

.swiper-button-next, .swiper-button-prev {
  bottom: 20px !important;
  top: auto !important; }

#mt_about_banner .banner-wrapper {
  background-attachment: fixed !important;
  background-position: bottom !important;
  background-size: cover !important;
  height: 450px;
  margin-left: 10px;
  margin-top: 100px;
  width: 100%; }
  @media only screen and (max-width: 991px) {
    #mt_about_banner .banner-wrapper {
      margin-left: 0;
      margin-top: 90px; } }
#mt_about_banner .col-xs-12 {
  padding: 0; }

.split_image {
  position: fixed;
  min-width: 50%;
  height: 100vh;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1000; }
  @media only screen and (max-width: 991px) {
    .split_image {
      position: static;
      min-width: 100%; } }

.split_portfolio {
  max-width: 60vw;
  width: 50%;
  z-index: 1010;
  float: right !important; }
  @media only screen and (max-width: 991px) {
    .split_portfolio {
      max-width: initial;
      width: 100%; } }
  .split_portfolio .container-fluid {
    padding-left: 23px; }
    @media only screen and (max-width: 991px) {
      .split_portfolio .container-fluid {
        padding-left: 0; } }
  .split_portfolio #mt_portfolio.portfolio_col_2 {
    padding: 100px 0 !important; }

/* ========================== */
/*         End Banner         */
/* ========================== */
/*===================================== */
/*           Portfolio Section           */
/* ===================================== */
#mt_portfolio {
  padding: 100px 0; }
  @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; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio .portfolio_grid {
        margin-left: 0; } }
    #mt_portfolio .portfolio_grid:nth-child(2) {
      margin-top: 50px; }
      @media only screen and (max-width: 991px) {
        #mt_portfolio .portfolio_grid:nth-child(2) {
          margin-top: 12px; } }
    @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;
    margin-bottom: 20px; }
    #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: 14px;
        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: #212529;
          content: "";
          height: 0.5px;
          left: 0;
          position: absolute;
          top: 25px;
          transform: scaleX(0);
          -webkit-transform: scaleX(0);
          -moz-transform: scaleX(0);
          -o-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform-origin: right top 0;
          -webkit-transform-origin: right top 0;
          -moz-transform-origin: right top 0;
          -o-transform-origin: right top 0;
          -ms-transform-origin: right top 0;
          transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
          width: 99%; }
  #mt_portfolio .mt_filter li a.active {
    border-bottom: 0.5px solid #212529; }
  #mt_portfolio .portfolio_row {
    margin-top: 30px; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio .portfolio_row {
        margin-top: 0; } }
  #mt_portfolio .portfolio_hover * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  #mt_portfolio .portfolio_hover:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 100%;
    content: '';
    background-color: #212529;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio .portfolio_hover:before {
        right: 25px;
        left: 25px; } }
  #mt_portfolio .portfolio_hover img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden; }
  #mt_portfolio .portfolio_hover figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #mt_portfolio .portfolio_hover h3, #mt_portfolio .portfolio_hover h5 {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px; }
  #mt_portfolio .portfolio_hover h3 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    margin-bottom: 5px; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio .portfolio_hover h3 {
        font-size: 16px; } }
  #mt_portfolio .portfolio_hover h5 {
    font-weight: normal;
    padding: 3px 10px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  #mt_portfolio .portfolio_hover .open_img h5 {
    background: #FFFFFF;
    border-radius: 50%;
    color: #212529;
    display: block;
    height: 40px;
    text-align: center;
    width: 40px; }
  #mt_portfolio .portfolio_hover:hover:before,
  #mt_portfolio .portfolio_hover.hover:before {
    top: 10px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  #mt_portfolio .portfolio_hover:hover h3,
  #mt_portfolio .portfolio_hover.hover h3,
  #mt_portfolio .portfolio_hover:hover h5,
  #mt_portfolio .portfolio_hover.hover h5 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  #mt_portfolio .portfolio_hover:hover h3,
  #mt_portfolio .portfolio_hover.hover h3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  #mt_portfolio .portfolio_hover:hover h5,
  #mt_portfolio .portfolio_hover.hover h5 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }

#mt_portfolio.portfolio_col_2 {
  padding-top: 0 !important; }
  #mt_portfolio.portfolio_col_2 .portfolio_grid {
    width: calc(50% - 25px);
    margin: 10px; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio.portfolio_col_2 .portfolio_grid {
        padding: 0 15px;
        width: 97% !important; } }
    @media only screen and (max-width: 480px) {
      #mt_portfolio.portfolio_col_2 .portfolio_grid {
        width: 95%; } }

#mt_portfolio.portfolio_col_4 {
  padding: 0 !important; }
  #mt_portfolio.portfolio_col_4 .portfolio_grid {
    width: calc(25% - 0px);
    margin: 0; }
    @media only screen and (max-width: 767px) {
      #mt_portfolio.portfolio_col_4 .portfolio_grid {
        padding: 0 15px;
        width: 97% !important; } }
    @media only screen and (max-width: 480px) {
      #mt_portfolio.portfolio_col_4 .portfolio_grid {
        width: 95%; } }
  #mt_portfolio.portfolio_col_4 figure.portfolio_item {
    border-radius: 0; }

#mt_portfolio.portfolio_col_3 {
  padding-top: 0 !important; }

/* ========================================= */
/*           End Portfolio Section           */
/* ========================================= */
figure.portfolio_item {
  color: #fff;
  position: relative;
  overflow: hidden;
  background: #000000;
  text-align: left;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 8px; }

figure.portfolio_item * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

figure.portfolio_item img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }

figure.portfolio_item > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

figure.portfolio_item > div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  background-image: linear-gradient(-45deg, #000000 0%, black 40%, black); }

figure.portfolio_item h2 a,
.portfolio_cat {
  font-weight: 700;
  font-size: 20px;
  top: 0;
  opacity: 0;
  padding: 25px;
  margin: 0;
  position: relative;
  color: transparent;
  text-shadow: 0 0 10px #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.portfolio_cat {
  top: 55px;
  position: absolute;
  padding-left: 26px;
  padding-top: 0;
  line-height: 10px; }

.portfolio_cat li {
  display: inline-block;
  color: #fafafa;
  padding: 0;
  margin: 0;
  font-size: 12px;
  opacity: 0.5;
  letter-spacing: 2px; }

figure.portfolio_item h2 span {
  font-weight: 800; }

figure.portfolio_item i {
  display: inline-block;
  font-size: 28px;
  color: #000;
  position: absolute;
  bottom: 20px;
  right: 0px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.05s linear;
  transition: 0.05s linear;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px; }

figure.portfolio_item .curl {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #bbbbbb 38%, #aaaaaa 44%, #888888 50%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.3));
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all .4s ease;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

figure.portfolio_item .curl:before,
figure.portfolio_item .curl:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 12%;
  bottom: 6%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transform: skew(-10deg) rotate(-6deg); }

figure.portfolio_item .curl:after {
  left: auto;
  right: 6%;
  bottom: auto;
  top: 14%;
  transform: skew(-15deg) rotate(-84deg); }

figure.portfolio_item.hover > div .portfolio_cat,
figure.portfolio_item:hover > div .portfolio_cat,
figure.portfolio_item:hover > div h2 a,
figure.portfolio_item.hover > div h2 a {
  opacity: 1;
  text-shadow: 0 0 0px #ffffff;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

figure.portfolio_item:hover > div::before,
figure.portfolio_item.hover > div::before {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

figure.portfolio_item:hover i,
figure.portfolio_item.hover i {
  opacity: 0.9;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  right: 15px;
  transition: 0.5s all ease; }

figure.portfolio_item:hover .curl,
figure.portfolio_item.hover .curl {
  width: 90px;
  height: 90px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

/*============================= */
/*          Newsletter          */
/* =============================*/
.newsletter_form {
  position: relative;
  width: 100%;
  display: block; }
  .newsletter_form p {
    margin-bottom: 0; }
  .newsletter_form input {
    padding-top: 15px;
    padding-bottom: 15px; }
  .newsletter_form .animated_btn {
    position: absolute;
    top: 44%;
    right: 8px;
    z-index: 1;
    margin-bottom: 0;
    transform: translate(0, -95%); }
    .newsletter_form .animated_btn span {
      padding: 11px; }
  .newsletter_form .form-control {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding: 18px 170px 18px 10px;
    font-size: 12px;
    color: #464a4c;
    background-color: transparent;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px; }

/* ================================== */
/*          End Newsletter            */
/* ================================== */
/* ====================== */
/*         Contact        */
/* ====================== */
#mt_contact_section {
  margin-top: 0;
  padding: 0 0 100px 0; }
  @media only screen and (max-width: 991px) {
    #mt_contact_section .rt_address_info {
      margin-top: 70px; } }
  @media only screen and (max-width: 767px) {
    #mt_contact_section .contact_form {
      margin-top: 35px; } }
  #mt_contact_section .contact_form h3 {
    font-size: 26px;
    font-weight: 400;
    margin-top: 0; }
    @media only screen and (max-width: 480px) {
      #mt_contact_section .contact_form h3 {
        font-size: 22px;
        margin-bottom: 15px; } }
  #mt_contact_section .contact-top {
    width: 100%;
    float: left; }
    #mt_contact_section .contact-top .see_more.light .top,
    #mt_contact_section .contact-top .see_more.dark .top {
      padding: 12px 7px 7px 25px; }
    #mt_contact_section .contact-top .rt_form_sec h3 {
      font-size: 50px;
      line-height: normal;
      font-weight: 800;
      margin-top: 0; }
    #mt_contact_section .contact-top .rt_address_info p {
      color: #212529;
      font-size: 16px; }
    #mt_contact_section .contact-top .rt_address_info h4 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 24px;
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        #mt_contact_section .contact-top .rt_address_info h4 {
          font-size: 24px;
          line-height: 34px; } }
    #mt_contact_section .contact-top .rt_address_info .email-phone {
      margin: 25px 0 0; }
      #mt_contact_section .contact-top .rt_address_info .email-phone ul li {
        padding: 0;
        margin-bottom: 5px; }
        #mt_contact_section .contact-top .rt_address_info .email-phone ul li:before {
          display: none; }
  #mt_contact_section .contact-top .col-lg-5, #mt_contact_section .contact-bottom .col-lg-5 {
    padding-left: 30px; }
    @media only screen and (max-width: 767px) {
      #mt_contact_section .contact-top .col-lg-5, #mt_contact_section .contact-bottom .col-lg-5 {
        padding-left: 15px; } }
  #mt_contact_section .contact-top h4, #mt_contact_section .contact-bottom h4 {
    margin: 0 auto 30px; }
  #mt_contact_section .email-phone ul {
    padding: 0;
    list-style: none;
    margin: 0; }
  #mt_contact_section .email-phone ul li, #mt_contact_section .email-phone ul li a {
    color: #000;
    text-decoration: none; }
  #mt_contact_section .email-phone ul li a {
    margin-left: 10px; }
  #mt_contact_section .offices-visit p {
    margin: 40px 0; }
  #mt_contact_section .offices-visit {
    padding-bottom: 100px;
    padding-left: 40px;
    padding-top: 136px; }

.contact_banner {
  padding: 100px 0; }
  .contact_banner .banner-content span {
    font-size: 16px; }
  .contact_banner .banner-content h2 {
    margin: 15px 0;
    line-height: 55px;
    font-size: 40px;
    font-weight: 800;
    width: 70%;
    letter-spacing: 5px;
    text-transform: uppercase; }
    @media only screen and (max-width: 991px) {
      .contact_banner .banner-content h2 {
        font-size: 30px;
        letter-spacing: 2px;
        width: 100%; } }
    @media only screen and (max-width: 480px) {
      .contact_banner .banner-content h2 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 38px; } }
  .contact_banner .banner-content p {
    max-width: 80%;
    margin-bottom: 0; }
    @media only screen and (max-width: 991px) {
      .contact_banner .banner-content p {
        max-width: 100%; } }
  .contact_banner a {
    border-bottom: dashed 1px #000;
    color: #191919; }
    .contact_banner a:hover {
      text-decoration: none;
      border: none; }

/* =========================== */
/*         End Contact         */
/* =========================== */
/* ====================== */
/*         Footer         */
/* ====================== */
#mt_footer {
  padding: 6px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 47px 2px #cccccc;
  -moz-box-shadow: 0px 8px 47px 2px #cccccc;
  box-shadow: 0px 8px 47px 2px #cccccc;
  /* =========== 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: #444444;
    letter-spacing: 1px;
    font-weight: 300;
    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          */
/* =========================== */
.rt_footer {
  padding: 100px 0;
  background: #fafafa; }
  @media only screen and (max-width: 991px) {
    .rt_footer .footer_links {
      margin-bottom: 30px; } }
  .rt_footer ul {
    padding-left: 0; }
    .rt_footer ul li {
      padding: 0;
      display: inline-block;
      margin-left: 7px;
      margin-right: 7px;
      margin-bottom: 4px;
      margin-top: 4px; }
      .rt_footer ul li a {
        position: relative;
        font-size: 12px;
        color: #666;
        letter-spacing: 1px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear; }
        .rt_footer ul li a:hover {
          color: #000;
          text-decoration: none; }
          .rt_footer ul li a:hover i {
            background: #000;
            color: #fff;
            -webkit-transition: all ease 0.5s;
            -moz-transition: all ease 0.5s;
            -ms-transition: all ease 0.5s;
            -o-transition: all ease 0.5s;
            transition: all ease 0.5s; }
          .rt_footer ul li a:hover:before {
            bottom: -2px;
            opacity: 1; }
        .rt_footer ul li a:before {
          position: absolute;
          content: '';
          bottom: -7px;
          left: 0;
          height: 2px;
          width: 100%;
          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; }
      .rt_footer ul li i {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .rt_footer ul li:before {
        display: none; }
  .rt_footer .btn.subscribe-footer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 2.6rem;
    min-width: 2.6rem;
    width: 2.6rem;
    border-radius: 0;
    font-size: 0.8rem; }

.rt_footer .footer-social {
  position: relative;
  z-index: 20;
  display: block; }
  .rt_footer .footer-social li {
    display: inline-block;
    position: relative;
    margin: 0; }
    .rt_footer .footer-social li a {
      position: relative;
      color: #555;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }

/* ========================================= */
/* 		   			About Page   			 */
/* ========================================= */
/* ============================ */
/*            About             */
/* ============================ */
/* About Me */
#mt_about_me {
  padding: 0 0 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 h3 {
    margin-top: 0; }
    @media only screen and (max-width: 480px) {
      #mt_about_me .mt_about_me h3 {
        font-size: 20px; } }
  #mt_about_me .mt_about_me p {
    margin-bottom: 20px; }
  @media only screen and (max-width: 640px) {
    #mt_about_me .mt_about_me {
      margin-bottom: 30px; } }
  #mt_about_me .mt_skills {
    margin-bottom: 60px; }
    #mt_about_me .mt_skills h3 {
      font-size: 18px;
      font-weight: 500; }
  #mt_about_me .about_img {
    text-align: left; }
    @media only screen and (max-width: 767px) {
      #mt_about_me .about_img {
        margin-top: 30px;
        text-align: center; } }
    @media only screen and (max-width: 640px) {
      #mt_about_me .about_img {
        margin-top: 0; } }
    #mt_about_me .about_img img {
      border-radius: 8px;
      width: 85%; }
      @media only screen and (max-width: 767px) {
        #mt_about_me .about_img img {
          width: 45%; } }
      @media only screen and (max-width: 640px) {
        #mt_about_me .about_img img {
          width: 100%; } }

#rt_about_content {
  padding: 100px 0; }
  @media only screen and (max-width: 767px) {
    #rt_about_content {
      padding: 80px 0; } }
  #rt_about_content h1 {
    color: #444;
    display: block;
    font-size: 38px;
    font-weight: 800;
    line-height: 70px;
    margin: 0 auto 100px;
    width: 80%;
    text-transform: uppercase;
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      #rt_about_content h1 {
        width: 100%;
        font-size: 28px;
        line-height: 60px; } }
    @media only screen and (max-width: 767px) {
      #rt_about_content h1 {
        font-size: 26px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 480px) {
      #rt_about_content h1 {
        font-size: 20px;
        line-height: 36px; } }
  #rt_about_content .about_detail_sec {
    float: left;
    margin-bottom: 50px;
    width: 100%; }
    #rt_about_content .about_detail_sec:last-of-type {
      margin-bottom: 0; }
    #rt_about_content .about_detail_sec h4 {
      color: #444;
      font-size: 20px;
      font-weight: 600;
      margin: 0; }
      @media only screen and (max-width: 991px) {
        #rt_about_content .about_detail_sec h4 {
          font-weight: bold;
          margin-bottom: 10px; } }

/* Experience Section */
#mt_experience_sec {
  padding: 100px 0;
  background: #fcfcfc; }
  @media only screen and (max-width: 480px) {
    #mt_experience_sec h3 {
      font-size: 20px; } }
  #mt_experience_sec .mt_skill-progress {
    margin-top: 20px; }
    #mt_experience_sec .mt_skill-progress .mt_skill-bar {
      margin-bottom: 28px; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-mark span, #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-title-holder {
        color: #5e5e5e;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        margin: 0 0 15px; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-title-holder {
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-title {
        z-index: 100; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-wrapper {
        width: 100%;
        z-index: 10; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-mark {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%); }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-content, #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-outter {
        height: 4px;
        border-radius: 3px; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-outter {
        background-color: #c8c8c8; }
      #mt_experience_sec .mt_skill-progress .mt_skill-bar .progress-content {
        background-color: #484848;
        width: 0%; }
  #mt_experience_sec .mt_work_postion h4 {
    color: #444;
    font-size: 16px;
    font-weight: 500;
    margin: 0; }
  #mt_experience_sec .mt_work_postion p {
    margin-bottom: 15px; }

/* Client Section */
#mt_client {
  padding: 50px 0; }
  #mt_client .owl-carousel {
    padding: 50px 0; }
    #mt_client .owl-carousel .owl-item img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
      #mt_client .owl-carousel .owl-item img:hover {
        -webkit-filter: grayscale(0);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
        transition: all 0.5s ease; }
  #mt_client h3 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 0;
    font-weight: 500; }

/* About Us */
#mt_company_info {
  padding-bottom: 100px; }
  #mt_company_info .about_company h3 {
    margin-top: 0; }

/* ================================= */
/*         		End About            */
/* ================================= */
/* ====================== */
/*         	Team          */
/* ====================== */
#mt_team {
  padding: 100px 0;
  position: relative; }
  #mt_team .owl-dots {
    text-align: center;
    margin-top: 30px; }
    #mt_team .owl-dots .owl-dot.active {
      background: #212529 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 #212529;
      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 .member {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 10px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: left; }
    #mt_team .member:before {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      top: 100%;
      content: '';
      background-color: #212529;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -webkit-transition-delay: 0.25s;
      transition-delay: 0.25s; }
    #mt_team .member img {
      vertical-align: top;
      max-width: 100%;
      backface-visibility: hidden; }
    #mt_team .member figcaption {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    #mt_team .member h3 {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      font-weight: 700;
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s;
      margin-bottom: 5px;
      font-size: 18px;
      color: #fff; }
    #mt_team .member h3,
    #mt_team .member .designation_team,
    #mt_team .member .team-social {
      margin: 0;
      opacity: 0;
      letter-spacing: 1px; }
    #mt_team .member .designation_team,
    #mt_team .member .team-social {
      font-weight: normal;
      padding: 3px 10px;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    #mt_team .member .designation_team {
      font-size: 12px;
      padding: 0 !important;
      line-height: normal; }
    #mt_team .member a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1; }
    #mt_team .member .team-social {
      line-height: 10px;
      padding: 0; }
      #mt_team .member .team-social li {
        display: inline-block;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          #mt_team .member .team-social li {
            padding-left: 23px; } }
        #mt_team .member .team-social li a {
          color: #fff; }
          #mt_team .member .team-social li a:hover {
            opacity: 0.6; }
  #mt_team .member * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  #mt_team .member:hover:before,
  #mt_team .member.hover:before {
    top: 10px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  #mt_team .member:hover h3,
  #mt_team .member.hover h3,
  #mt_team .member:hover .designation_team,
  #mt_team .member.hover .designation_team,
  #mt_team .member:hover .team-social,
  #mt_team .member.hover .team-social {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  #mt_team .member:hover h3,
  #mt_team .member.hover h3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  #mt_team .member:hover .team-social,
  #mt_team .member.hover .team-social {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  #mt_team .member:hover .designation_team,
  #mt_team .member.hover .designation_team {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }

/* =========================== */
/*         	End Team           */
/* =========================== */
/* ====================== */
/*      Testimonials      */
/* ====================== */
#mt_testimonial {
  padding: 100px 0;
  background: #f9f9f9; }
  @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: #212529 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 #212529;
      border-radius: 5px;
      display: inline-block;
      height: 5px;
      margin-right: 12px;
      width: 20px; }
  #mt_testimonial .testimonial_main {
    background: #FFFFFF;
    padding: 65px 25px;
    margin: 0 0 8px 0px;
    padding-bottom: 25px;
    float: left;
    border-radius: 8px;
    width: 100%; }
    @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: "\f10d";
        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: 500;
      letter-spacing: 1px;
      color: #212529; }
    #mt_testimonial .testimonial_main span {
      display: block;
      font-size: 12px;
      margin-top: -4px; }

/* =========================== */
/*      End Testimonials       */
/* =========================== */
/* ====================== */
/*        Services        */
/* ====================== */
#mt_services {
  padding: 100px 0;
  background: #f9f9f9; }
  @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 h3 {
    margin-top: 0;
    margin-bottom: 0; }
    @media only screen and (max-width: 480px) {
      #mt_services h3 {
        font-size: 20px; } }
  #mt_services .box {
    padding: 15px 30px;
    background: #FFFFFF;
    margin-top: 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: #212529; }
    #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        */
/* ========================== */
.rt_service_box {
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .rt_service_box {
      margin-bottom: 50px; } }
  .rt_service_box i {
    display: inline-block;
    padding-right: 20px;
    vertical-align: text-bottom;
    font-size: 42px;
    position: absolute;
    left: 0;
    top: 0;
    color: #212529; }
  .rt_service_box a,
  .rt_service_box p {
    padding-left: 0;
    margin-left: 70px;
    font-size: 16px;
    line-height: 30px; }
  .rt_service_box h5 {
    padding-left: 70px;
    font-weight: 800; }

.cta_box {
  position: relative;
  padding: 60px 40px;
  border: 5px solid #212529; }
  .cta_box h4 {
    font-weight: bold; }
  .cta_box a {
    padding-left: 0;
    color: #212529;
    font-size: 14px; }
    .cta_box a:hover {
      text-decoration: none;
      color: #000; }
  .cta_box p {
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    font-size: 16px;
    line-height: 30px; }

/* ===================================== */
/* 		   	Portfolio Detail  	 	  	 */
/* ===================================== */
/*=========================================== */
/*           Portfolio Detail Section          */
/* =========================================== */
#portfolio_details {
  padding: 100px 0; }
  #portfolio_details .portfolio_description h2 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #444444;
    font-weight: 700; }
  #portfolio_details .portfolio_description p {
    font-weight: 300;
    line-height: 28px; }
  #portfolio_details .portfolio_sidebar {
    float: left;
    width: 100%; }
    #portfolio_details .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_details .portfolio_sidebar .mt_portfolio_title {
          font-size: 36px;
          line-height: 45px; } }
    #portfolio_details .portfolio_sidebar .mt_sidebar_tx {
      float: left;
      width: 100%;
      font-size: 14px;
      font-weight: 600; }
      #portfolio_details .portfolio_sidebar .mt_sidebar_tx span {
        margin-left: 5px;
        font-weight: 200; }
      @media only screen and (max-width: 991px) {
        #portfolio_details .portfolio_sidebar .mt_sidebar_tx {
          width: 100%; } }
    #portfolio_details .portfolio_sidebar p {
      margin-bottom: 11px;
      font-size: 14px; }
    #portfolio_details .portfolio_sidebar li {
      float: left;
      margin-right: 25px;
      color: #818181;
      line-height: 28px;
      padding-left: 0;
      margin-bottom: 8px; }
      #portfolio_details .portfolio_sidebar li:before {
        display: none; }
      #portfolio_details .portfolio_sidebar li:after {
        display: none; }
    #portfolio_details .portfolio_sidebar a {
      color: #818181;
      text-decoration: none;
      font-size: 14px; }
      #portfolio_details .portfolio_sidebar a:hover {
        text-decoration: underline; }

#portfolio_gallery .project_gallery .owl-carousel .owl-item {
  position: relative;
  background-color: transparent;
  cursor: url(../images/cursor-light.png), move;
  -moz-cursor: url(../images/cursor-light.png), move;
  -webkit-cursor: url(../images/cursor-light.png), move;
  -o-cursor: url(../images/cursor-light.png), move;
  -ms-cursor: url(../images/cursor-light.png), move;
  overflow: hidden; }
#portfolio_gallery .project_gallery .owl-carousel img {
  height: auto;
  opacity: 0.4;
  width: 100%; }
#portfolio_gallery .project_gallery .owl-item.active.center img {
  display: block;
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-box-shadow: 7px 6px 24px 0px #cccccc;
  -moz-box-shadow: 7px 6px 24px 0px #cccccc;
  box-shadow: 7px 6px 24px 0px #cccccc; }
#portfolio_gallery .project_gallery .item,
#portfolio_gallery .project_gallery .item img {
  transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s; }
#portfolio_gallery .project_gallery .owl-carousel .owl-item,
#portfolio_gallery .project_gallery .owl-carousel .owl-wrapper {
  backface-visibility: hidden;
  transform: initial; }
#portfolio_gallery .project_gallery .owl-nav {
  display: none; }
#portfolio_gallery .project_gallery .portfolio_hover {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 991px) {
    #portfolio_gallery .project_gallery .portfolio_hover img {
      width: 100%; } }
  #portfolio_gallery .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_gallery .project_gallery .portfolio_hover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 2; }
  #portfolio_gallery .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_gallery .project_gallery .portfolio_hover:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #portfolio_gallery .project_gallery .portfolio_hover:hover .fancybox i {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#portfolio_gallery .portfolio_pagination {
  float: left;
  padding-bottom: 65px;
  width: 100%;
  padding-top: 50px; }
  @media only screen and (max-width: 360px) {
    #portfolio_gallery .portfolio_pagination .col-md-5.col-xs-5 {
      width: 40% !important; } }
  @media only screen and (max-width: 360px) {
    #portfolio_gallery .portfolio_pagination .col-xs-2 {
      width: 16% !important; } }
  #portfolio_gallery .portfolio_pagination .prev_post a {
    text-decoration: none; }
    @media only screen and (max-width: 360px) {
      #portfolio_gallery .portfolio_pagination .prev_post a {
        text-align: center; } }
  #portfolio_gallery .portfolio_pagination .prev_post .left_icon {
    display: inline-block;
    float: left;
    margin-right: 18px; }
    @media only screen and (max-width: 480px) {
      #portfolio_gallery .portfolio_pagination .prev_post .left_icon {
        margin-right: 9px; } }
    @media only screen and (max-width: 360px) {
      #portfolio_gallery .portfolio_pagination .prev_post .left_icon {
        margin-right: 0; } }
    #portfolio_gallery .portfolio_pagination .prev_post .left_icon i {
      font-size: 42px; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .prev_post .left_icon i {
          font-size: 28px;
          line-height: 55px; } }
  #portfolio_gallery .portfolio_pagination .prev_post .prev_txt {
    margin-left: 25px; }
    @media only screen and (max-width: 480px) {
      #portfolio_gallery .portfolio_pagination .prev_post .prev_txt {
        margin-left: 0; } }
    #portfolio_gallery .portfolio_pagination .prev_post .prev_txt em {
      font-style: normal;
      font-weight: 300; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .prev_post .prev_txt em {
          font-size: 20px;
          font-style: normal;
          font-weight: 300; } }
      @media only screen and (max-width: 360px) {
        #portfolio_gallery .portfolio_pagination .prev_post .prev_txt em {
          font-size: 14px; } }
    #portfolio_gallery .portfolio_pagination .prev_post .prev_txt p {
      font-size: 13px;
      line-height: 19px; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .prev_post .prev_txt p {
          font-size: 11px;
          line-height: 19px; } }
      @media only screen and (max-width: 360px) {
        #portfolio_gallery .portfolio_pagination .prev_post .prev_txt p {
          font-size: 10px; } }
  #portfolio_gallery .portfolio_pagination .next a {
    text-align: right;
    text-decoration: none; }
  #portfolio_gallery .portfolio_pagination .next .next_icon {
    display: inline-block;
    float: right;
    margin-left: 18px; }
    @media only screen and (max-width: 480px) {
      #portfolio_gallery .portfolio_pagination .next .next_icon {
        margin-left: 9px; } }
    @media only screen and (max-width: 360px) {
      #portfolio_gallery .portfolio_pagination .next .next_icon {
        margin-left: 0; } }
    #portfolio_gallery .portfolio_pagination .next .next_icon i {
      font-size: 42px; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .next .next_icon i {
          font-size: 28px;
          line-height: 55px; } }
  #portfolio_gallery .portfolio_pagination .next .nxt_txt {
    margin-right: 25px;
    text-align: right; }
    @media only screen and (max-width: 480px) {
      #portfolio_gallery .portfolio_pagination .next .nxt_txt {
        margin-left: 0; } }
    @media only screen and (max-width: 360px) {
      #portfolio_gallery .portfolio_pagination .next .nxt_txt {
        margin-right: 0;
        text-align: center; } }
    #portfolio_gallery .portfolio_pagination .next .nxt_txt em {
      font-style: normal;
      font-weight: 300;
      text-align: right; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .next .nxt_txt em {
          font-size: 20px;
          font-style: normal;
          font-weight: 300; } }
      @media only screen and (max-width: 360px) {
        #portfolio_gallery .portfolio_pagination .next .nxt_txt em {
          font-size: 14px; } }
    #portfolio_gallery .portfolio_pagination .next .nxt_txt p {
      font-size: 13px;
      line-height: 19px; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .next .nxt_txt p {
          font-size: 11px;
          line-height: 19px; } }
      @media only screen and (max-width: 360px) {
        #portfolio_gallery .portfolio_pagination .next .nxt_txt p {
          font-size: 10px; } }
  #portfolio_gallery .portfolio_pagination .all_portfolio {
    text-align: center; }
    #portfolio_gallery .portfolio_pagination .all_portfolio i {
      line-height: 70px; }
      @media only screen and (max-width: 480px) {
        #portfolio_gallery .portfolio_pagination .all_portfolio i {
          font-size: 20px; } }

#mt_banner_static_header.portfolio_banner {
  color: #212529;
  text-align: left;
  padding: 100px 0;
  height: auto; }
  @media only screen and (max-width: 767px) {
    #mt_banner_static_header.portfolio_banner {
      padding: 80px 0; } }
  #mt_banner_static_header.portfolio_banner .banner-caption {
    padding: 0 15px;
    position: static;
    text-align: left;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    width: 60%; }
    @media only screen and (max-width: 767px) {
      #mt_banner_static_header.portfolio_banner .banner-caption {
        width: 100%; } }
    #mt_banner_static_header.portfolio_banner .banner-caption h2 {
      color: #212529 !important;
      font-size: 55px;
      line-height: 65px; }
      @media only screen and (max-width: 991px) {
        #mt_banner_static_header.portfolio_banner .banner-caption h2 {
          font-size: 36px;
          font-weight: bold; } }
      @media only screen and (max-width: 767px) {
        #mt_banner_static_header.portfolio_banner .banner-caption h2 {
          font-size: 26px; } }
      @media only screen and (max-width: 640px) {
        #mt_banner_static_header.portfolio_banner .banner-caption h2 {
          font-size: 20px; } }
      @media only screen and (max-width: 480px) {
        #mt_banner_static_header.portfolio_banner .banner-caption h2 {
          line-height: 26px; } }

#portfolio_detail {
  overflow: hidden; }
  @media only screen and (max-width: 991px) {
    #portfolio_detail {
      padding-top: 0; } }
  @media only screen and (max-width: 360px) {
    #portfolio_detail .col-md-5.col-xs-5 {
      width: 40% !important; } }
  @media only screen and (max-width: 360px) {
    #portfolio_detail .portfolio_pagination .col-xs-2 {
      width: 16% !important; } }
  #portfolio_detail .portfolio_description {
    padding: 100px 20px; }
    @media only screen and (max-width: 991px) {
      #portfolio_detail .portfolio_description {
        padding-top: 0; } }
    #portfolio_detail .portfolio_description .portfolio_imgs {
      text-align: center; }
      #portfolio_detail .portfolio_description .portfolio_imgs img {
        margin-bottom: 20px; }
    #portfolio_detail .portfolio_description .portfolio_title .title-container h1::before, #portfolio_detail .portfolio_description .portfolio_title .title-container h1::after {
      height: 100px; }
    #portfolio_detail .portfolio_description .portfolio_title h1 {
      color: #444;
      font-weight: 800;
      line-height: 35px;
      margin-top: 0;
      font-size: 19px;
      padding: 20px;
      text-align: left;
      text-transform: uppercase;
      letter-spacing: 4px;
      margin-bottom: 0; }
      @media only screen and (max-width: 991px) {
        #portfolio_detail .portfolio_description .portfolio_title h1 {
          font-size: 22px;
          line-height: 40px;
          margin-bottom: 15px; } }
      @media only screen and (min-width: 480px) and (max-width: 640px) {
        #portfolio_detail .portfolio_description .portfolio_title h1 {
          font-size: 24px;
          margin-bottom: 25px;
          margin-top: 16px; } }
      @media only screen and (max-width: 479px) {
        #portfolio_detail .portfolio_description .portfolio_title h1 {
          font-size: 20px;
          margin-bottom: 8px;
          margin-top: 16px; } }
    #portfolio_detail .portfolio_description .portfolio_text {
      padding: 40px 0 70px; }
      #portfolio_detail .portfolio_description .portfolio_text p {
        font-size: 16px;
        font-weight: 500;
        line-height: 32px; }
        #portfolio_detail .portfolio_description .portfolio_text p:last-of-type {
          margin-bottom: 0; }
        #portfolio_detail .portfolio_description .portfolio_text p strong {
          color: #444;
          font-size: 18px;
          line-height: 30px; }
    #portfolio_detail .portfolio_description .portfolio_other_detail {
      text-align: 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 .mt_sidebar_tx strong {
          color: #444; }
      #portfolio_detail .portfolio_description .portfolio_other_detail p {
        margin-bottom: 11px;
        font-size: 14px; }
      #portfolio_detail .portfolio_description .portfolio_other_detail ul {
        padding: 40px 0; }
        #portfolio_detail .portfolio_description .portfolio_other_detail ul li {
          color: #818181;
          line-height: 28px;
          padding-left: 0;
          margin-bottom: 0;
          margin-right: 15px;
          display: inline-block; }
          #portfolio_detail .portfolio_description .portfolio_other_detail ul li:before {
            display: none; }
          #portfolio_detail .portfolio_description .portfolio_other_detail ul 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: #444444;
      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: #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_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: #212529;
        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: 0.6;
        -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;
    width: 100%;
    height: 160px;
    background: #212529;
    color: #fff;
    position: relative; }
    @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 .next_link {
      color: #fff;
      display: block;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
      #portfolio_detail .portfolio_pagination .next_link:hover .next_proj_icon {
        right: -35px !important;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s; }
    #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 .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 {
      text-align: center; }
      @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 .next_proj_icon {
        font-size: 34px;
        line-height: 36px;
        position: absolute;
        right: 0; }
      #portfolio_detail .portfolio_pagination .next .nxt_txt em {
        background: #212529;
        font-style: normal;
        font-weight: 300;
        position: relative;
        z-index: 1; }
        @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;
        margin-bottom: 0; }
        @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; } }

/* ================================================ */
/*           End Portfolio Detail Section           */
/* ================================================ */
/* ===================================== */
/* 		   	    Pricing Page  	 	  	 */
/* ===================================== */
/* ====================== */
/*        Pricing         */
/* ====================== */
.rt_pricing {
  padding: 0 0 100px; }
  .rt_pricing .panel {
    background-color: #fff;
    border-radius: 10px;
    padding: 75px 25px;
    position: relative;
    width: 100%;
    z-index: 10; }
  .rt_pricing ul li:before {
    display: none; }
  .rt_pricing .pricing-table {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.05), 0px 20px 31px 3px rgba(0, 0, 0, 0.06), 0px 8px 20px 7px rgba(0, 0, 0, 0.01);
    display: flex;
    flex-direction: column; }
  @media (min-width: 900px) {
    .rt_pricing .pricing-table {
      flex-direction: row; } }
  .rt_pricing .pricing-table * {
    text-align: center;
    text-transform: uppercase; }
  .rt_pricing .pricing-plan {
    border-bottom: 1px solid #212529;
    padding: 25px; }
    @media only screen and (max-width: 767px) {
      .rt_pricing .pricing-plan {
        margin-bottom: 30px; } }
  .rt_pricing .pricing-plan:last-child {
    border-bottom: none; }
  @media (min-width: 900px) {
    .rt_pricing .pricing-plan {
      border-bottom: none;
      border-right: 1px solid #eaeaea;
      flex-basis: 100%;
      padding: 25px 50px; }
    .rt_pricing .pricing-plan:last-child {
      border-right: none; } }
  .rt_pricing .pricing-img {
    margin-bottom: 25px;
    font-size: 80px;
    position: relative;
    display: inline-block; }
    .rt_pricing .pricing-img:before, .rt_pricing .pricing-img:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 110px;
      height: 110px;
      background: rgba(183, 182, 182, 0.2);
      border-radius: 50%; }
    .rt_pricing .pricing-img:after {
      width: 70px;
      height: 70px;
      background: rgba(183, 182, 182, 0.1);
      border-radius: 50%;
      top: 10%;
      left: 80px; }
    .rt_pricing .pricing-img i {
      position: relative;
      z-index: 1;
      color: #212529; }
  .rt_pricing .pricing-header {
    color: #212529;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 4px; }
  .rt_pricing .pricing-features {
    color: #202020;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 50px 0 25px; }
  .rt_pricing .pricing-features-item {
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 0;
    margin: 0; }
  .rt_pricing .pricing-features-item:last-child {
    border-bottom: 1px solid #eaeaea; }
  .rt_pricing .pricing-price {
    color: #212529;
    display: block;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px; }
  .rt_pricing .pricing-button {
    border: 1px solid #666;
    border-radius: 10px;
    color: #212529;
    display: inline-block;
    margin: 25px 0;
    padding: 15px 35px;
    text-decoration: none;
    transition: all 150ms ease-in-out; }
  .rt_pricing .pricing-button:hover,
  .rt_pricing .pricing-button:focus {
    background-color: #666; }
  .rt_pricing .pricing-button.is-featured {
    background-color: #212529;
    color: #fff; }
  .rt_pricing .pricing-button.is-featured:hover,
  .rt_pricing .pricing-button.is-featured:active {
    background-color: #666; }

/* =========================== */
/*        End Pricing          */
/* =========================== */
/* ========================================= */
/* 		   			  Blog      	 	  	 */
/* ========================================= */
/* ============================= */
/*          Blog Section         */
/* ============================= */
#mt_blog {
  padding: 100px 0 200px 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: 15px;
    overflow: hidden; }
  #mt_blog .section_heading {
    margin-bottom: 60px; }
  #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: #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 .mt_btn_white {
    margin-top: 50px; }

/* ================================ */
/*         End Blog Section         */
/* ================================ */
/* ============================= */
/*          Blog Single          */
/* ============================= */
#blog_main_sec .post_img {
  margin-bottom: 30px; }
  #blog_main_sec .post_img img {
    width: 100%; }
#blog_main_sec .post_title h3 {
  font-weight: 700;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    #blog_main_sec .post_title h3 {
      line-height: 30px;
      font-size: 20px; } }
#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%; }
    @media only screen and (max-width: 480px) {
      #blog_main_sec .author_box .author_img {
        width: 100%;
        margin-bottom: 20px; } }
    #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%; }
    @media only screen and (max-width: 480px) {
      #blog_main_sec .author_box .author_bio {
        width: 100%; } }
    #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: #212529;
          transition: all 0.4s ease; }
#blog_main_sec #comments {
  margin-top: 60px; }
  #blog_main_sec #comments .single-post_heading {
    font-size: 20px;
    color: #444444;
    text-transform: capitalize; }
  #blog_main_sec #comments .mt_btn_color {
    padding: 5px 20px;
    font-size: 14px; }
  #blog_main_sec #comments .comments-lists {
    margin-left: 0; }
    #blog_main_sec #comments .comments-lists:before {
      display: none; }
    #blog_main_sec #comments .comments-lists .comment {
      position: relative;
      list-style: none;
      padding-left: 0;
      padding-top: 1px;
      min-height: 100px;
      border-bottom: 1px solid #e1e1e1;
      margin-top: 35px; }
      #blog_main_sec #comments .comments-lists .comment:last-child {
        border-bottom: 0px; }
      #blog_main_sec #comments .comments-lists .comment:before {
        display: none; }
      #blog_main_sec #comments .comments-lists .comment .activity_rounded {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0; }
        #blog_main_sec #comments .comments-lists .comment .activity_rounded img {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          -webkit-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -moz-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -o-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          -ms-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
          box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61); }
      #blog_main_sec #comments .comments-lists .comment h4 {
        font-size: 15px;
        color: #444444;
        margin-top: 0;
        text-transform: capitalize;
        margin-bottom: 6px;
        line-height: 28px; }
      #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; }
        @media only screen and (max-width: 480px) {
          #blog_main_sec #comments .comments-lists .comment small.date-posted {
            margin-left: 0;
            margin-bottom: 20px;
            display: block; } }
      #blog_main_sec #comments .comments-lists .comment .comment-body {
        padding-bottom: 18px;
        padding-left: 105px; }
        #blog_main_sec #comments .comments-lists .comment .comment-body .comment-reply-link {
          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 .comment-reply-link: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;
        margin-left: 20px; }
        #blog_main_sec #comments .comments-lists .comment .children .comment {
          position: relative;
          border-top: 1px solid #e1e1e1;
          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;
    margin-bottom: 60px; }
  #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; }

aside .widget {
  background-color: #fafafa;
  margin-bottom: 50px;
  padding: 20px; }
  aside .widget h3 {
    margin-bottom: 40px;
    background: #212529;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0; }
  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=email],
  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%;
    margin-bottom: 0;
    -webkit-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.1);
    -moz-box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.1);
    box-shadow: 0px 7px 30px -2px rgba(33, 37, 41, 0.1); }
aside .widget_recent_entries ul {
  overflow: hidden; }
  aside .widget_recent_entries ul li {
    position: relative;
    padding-left: 100px;
    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: 24px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500; }
        aside .widget_recent_entries ul li h4 a:hover {
          color: #212529;
          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: #b1afaf;
      font-size: 14px;
      margin-bottom: 10px; }
    aside .widget_recent_entries ul li img {
      position: absolute;
      top: 2px;
      left: 0;
      width: 79px;
      border-radius: 12px; }
    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: 9px; }
    aside .widget_tag_cloud ul li a {
      background-color: #202020;
      font-size: 14px;
      text-transform: capitalize;
      text-decoration: none;
      color: #fff;
      padding: 8px 18px;
      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; }

.blog_single blockquote {
  margin-top: 70px;
  margin-bottom: 50px; }

.blog_single p {
  line-height: 34px;
  margin-bottom: 30px;
  color: #444; }

.blog_single h1,
.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single h5 {
  font-family: 'Montserrat', sans-serif; }

#blog_main_sec.blog_single .author_box .author_img img {
  border-radius: 50%;
  width: 100%; }

#blog_main_sec.blog_single .author_box .author_bio h5 {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 22px;
  font-weight: bold; }

#blog_main_sec.blog_single .author_box {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  margin-bottom: 30px;
  margin-top: 60px;
  overflow: hidden;
  padding: 40px 20px; }

.blog_single aside .widget_recent_entries ul li {
  border-bottom: 1px solid #eaeaea;
  padding-left: 0;
  position: relative; }

.blog_single aside .widget_recent_entries ul li h4 a {
  line-height: 26px; }

/* ================================= */
/*          End Blog Single          */
/* ================================= */
/* ============================= */
/*          Blog Listing         */
/* ============================= */
#blog_single_main_sec {
  padding: 100px 0px;
  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: 10px;
    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 .pagination {
    margin-bottom: 0;
    margin-top: 30px; }
    #blog_single_main_sec .pagination li {
      padding-left: 0;
      padding-bottom: 0; }
      #blog_single_main_sec .pagination li:before, #blog_single_main_sec .pagination li:after {
        display: none !important; }
      #blog_single_main_sec .pagination li a {
        border-radius: 50%;
        height: 40px;
        line-height: 40px;
        margin-right: 9px;
        padding: 0;
        text-align: center;
        width: 40px;
        color: #444444;
        font-size: 12px;
        border-color: #212529; }
        #blog_single_main_sec .pagination li a:hover, #blog_single_main_sec .pagination li a:focus {
          background: #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;
      color: #FFFFFF;
      border-color: #212529; }

.blog_list2 .post_img {
  margin-bottom: 50px; }
.blog_list2 .post_title h3 {
  margin-bottom: 20px;
  margin-top: 0; }
.blog_list2 .post_title .list-inline {
  margin-bottom: 8px; }
.blog_list2 p {
  margin-bottom: 30px; }

#blog_main_sec {
  padding: 100px 0;
  background-color: #fff;
  position: relative; }
  #blog_main_sec .see_more.light .top,
  #blog_main_sec .see_more.dark .top {
    padding: 14px 34px 12px 54px; }
    @media only screen and (max-width: 640px) {
      #blog_main_sec .see_more.light .top,
      #blog_main_sec .see_more.dark .top {
        padding: 4px 14px 2px 34px; } }
  #blog_main_sec .post_item {
    margin-bottom: 32px;
    background: #fafafa;
    padding: 20px;
    text-align: center;
    padding-bottom: 60px; }
  @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: 0;
    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 {
        height: 40px;
        line-height: 40px;
        margin-right: 5px;
        padding: 0;
        text-align: center;
        width: 40px;
        color: #212529;
        font-size: 12px;
        border-color: #212529;
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
        letter-spacing: 2px;
        font-weight: 600; }
        @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: #212529;
          color: #FFFFFF;
          border-color: #212529; }
    #blog_main_sec .pagination .prev a {
      -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
    #blog_main_sec .pagination .next a {
      -webkit-border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
    #blog_main_sec .pagination .prev a,
    #blog_main_sec .pagination .next a {
      width: 100px; }
    #blog_main_sec .pagination li.active a {
      background: #212529 !important;
      border-color: #212529 !important;
      color: #FFFFFF; }

.rt_main_post {
  position: relative; }

.rt_main_post .rt_card {
  display: block; }

.rt_grid_items {
  margin-bottom: 50px; }

@media (min-width: 768px) {
  .grid-works {
    margin: 0 -25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
.rt_card {
  display: block; }

.rt_card_img {
  display: block;
  position: relative;
  padding-bottom: 63.46%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.rt_card_img:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.4);
  transition: opacity .4s ease-out;
  opacity: 0; }

.rt_card_img:hover:before {
  opacity: 1; }

.rt_card_img:after {
  content: '';
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%; }

.card-work__title {
  display: block;
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 20px;
  bottom: 20px;
  right: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.4s ease-out; }

@media (min-width: 768px) {
  .card-work__title {
    left: 40px;
    bottom: 30px;
    right: 40px;
    font-size: 30px;
    line-height: 40px; } }
.card-work:hover .card-related__title {
  color: #000; }

.rt_post_des {
  margin-top: 15px;
  padding: 0 15px; }

@media (min-width: 768px) {
  .rt_post_des {
    padding: 0 30px; } }
.rt_exerpt {
  color: #9a9a9a;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px; }

.rt_post_author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px; }

.rt_post_author img {
  border-radius: 100%;
  width: 44px;
  height: 44px;
  margin-right: 15px; }

.rt_post_author ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.65px;
  text-transform: uppercase;
  padding-left: 0;
  margin-bottom: 0; }
  .rt_post_author ul li:before {
    display: none !important; }

@media (max-width: 1023px) {
  .rt_post_author ul li {
    display: block; } }
.rt_post_author ul li:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  right: -20px;
  top: calc(50% - 2px);
  background: #4a4a4a;
  border-radius: 100%; }

@media (max-width: 1023px) {
  .rt_post_author ul li:after {
    display: none; }

  .rt_post_author ul li {
    margin-bottom: 0;
    line-height: 20px; } }
.rt_post_author ul li:last-child {
  margin-right: 0; }

.rt_post_author ul li:last-child:after {
  display: none; }

.rt_blog_heading {
  display: block;
  margin-bottom: 10px;
  color: #000; }

.rt_carda.rt_blog_heading {
  text-decoration: none;
  transition: color 0.3s; }

.rt_blog_heading h3 {
  margin-bottom: 13px; }

.card-work__tags {
  font-size: 12px; }

.card-work__tags a,
.card-work__tags span {
  color: #9a9a9a;
  text-decoration: none;
  margin-right: 10px;
  white-space: nowrap; }

@media (min-width: 768px) {
  .rt_grid_items {
    padding: 0 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; } }
@media (max-width: 767px) {
  .grid-works {
    padding: 0; }

  .rt_blog_heading h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 13px; } }
@media (min-width: 544px) and (max-width: 767px) {
  .rt_grid_items.rt_card_img {
    padding-bottom: 45.78%; } }
@media (min-width: 544px) {
  .card-work__tags {
    font-size: 15px;
    margin-right: 20px; } }
.card-work--wide .rt_card_img {
  padding-bottom: 45.78%; }

@media (min-width: 768px) {
  .rt_main_post .rt_post_des {
    position: absolute;
    bottom: 15px;
    left: 30px;
    z-index: 1; }

  .rt_main_post .rt_post_des * {
    color: #fff; }

  .rt_main_post .rt_card_img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg, transparent 0%, #383838 100%);
    z-index: 1; } }
@media (min-width: 768px) {
  .rt_main_post {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }

  .rt_main_post .cite {
    max-width: 60%; }

  .rt_main_post .rt_card_img {
    padding-bottom: 45.78%; } }
.rt_main_post {
  position: relative; }

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

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