/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Mino
Version:	1.1
Last change:	22/03/2016   
Primary use:	Mino
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. FONTS
2. EFFECTS
3. GENERAL
4. HEADER
5. MAIN NAV
6. SLIDER
7. CONTAINER
8. ABOUT US
9. PROJECTS
10. NEWS
11. PROJECTS 01
12. INNER PAGE
13. BLOG
14. BLOG SINGLE
15. SIDE BAR
16. COMMENT
17. 404
18. CONTACT
19. PAGINATION
20. PORTFOLIO
21. PORTFOLIO SINGLE
21. FOOTER 
22. BORDER SIDE EFFECT

-------------------------------------------------------------------*/
/*
FONTS
*/
@font-face {
  font-family: "Lato Black";
  src: url("../fonts/Lato-Black.eot?") format("eot"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "helveticaneue";
  src: url("../fonts/helveticaneue.eot?") format("eot"), url("../fonts/helveticaneue.woff") format("woff"), url("../fonts/helveticaneue.ttf") format("truetype"), url("../fonts/helveticaneue.svg#Lato-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
EFFECTS
*/
.m-transtion, h1, h2, h3, h4, h5, h6, a, .m-back_to_home a::before, .m-landing_block img, .nav nav > ul > li, .m-main_slider_text > h2, .m-main_slider_text > span, .m-name_block span::before, .m-name_block:hover, .m-title_right, .m-next_prev_post a.m-older_post:after, .m-next_prev_post a.m-newer_post:after, .m-blog_single .m-next_artical::before, .m-back_to:before, .m-back_to:hover::before, .m-portfolio_types li, .m-portfolio_types li::before, .m-left_portfolio .m-portfolio_intro, .m-right_portfolio .m-portfolio_intro, .m-grid_portf_text, .m-portfolio_grid img, .m-single_portfolio_list img, .m-portfolio_listing_home img, .m-single_portfolio_list:hover .m-side_border_img, .m-title_left, .m-single_port_rel h4::after, .m-single_port_rel img, .m-single_port_rel:hover h4::after, .m-side_border_img, .m-side_border_but {
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; }

.m-transtion_fast, .m-menu_icon .m-menu_but_line {
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.m-transtion_slow, .m-search_box input {
  transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -webkit-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out; }

/*
GENERAL
*/
body {
  background: #f7f7f7;
  color: #333333; }

ul {
  list-style: disc; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  color: #333333; }

.m-close_menu:hover, a:hover {
  color: #2e5aef !important; }

p {
  font-size: 12px;
  color: #7e7d7d;
  font-family: "lato", "sans serif";
  line-height: 22px; }

.m-but {
  padding: 20px;
  border: 2px solid #333333;
  font-family: "lato";
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333333;
  display: inline-block; }

.m-back_to_home {
  position: absolute;
  top: 90px;
  right: 0; }
  .m-back_to_home a {
    display: inline-block;
    position: relative;
    font: 11px "lato black", "sans serif";
    text-transform: uppercase;
    color: #333333; }
  .m-back_to_home a::before {
    background: #333333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: -50px;
    position: absolute;
    top: 5px;
    width: 30px; }
  .m-back_to_home a:hover::before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    background: #2e5aef; }

.m-boxed_container {
  background: url("../images/box_bg.png"); }

.m-boxed_container .m-boxed_outer {
  max-width: 1240px;
  margin: auto;
  background: #EFEFEF; }

.m-landing_block {
  margin-bottom: 50px; }
  .m-landing_block img {
    border: 8px solid #fff;
    display: block;
    margin: 30px auto auto;
    max-width: 98%; }
  .m-landing_block h3 {
    font-size: 22px;
    font-weight: bold; }
    .m-landing_block h3 span {
      position: relative;
      display: inline-block; }
  .m-landing_block h3 span:before {
    width: 30px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    background: #000000;
    left: -50px;
    top: 12px; }
  .m-landing_block h3 span:after {
    width: 30px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    background: #000000;
    right: -50px;
    top: 12px; }
  .m-landing_block .col-lg-4:hover img {
    box-shadow: 0 0 8px #b1b1b1; }

.m-landing_link {
  color: #000;
  display: inline-block;
  font-family: lato;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 15px 0; }

/*
HEADER
*/
.m-logo {
  text-align: right; }

.m-header {
  padding: 36px 0 40px; }

.row.m-logo {
  margin-top: -20px; }

@media (max-width: 767px) {
  .m-header div {
    text-align: center; }

  .m-logo {
    margin-top: 15px; }

  .m-landing_block h3 {
    font-size: 20px; } }
/* MAIN NAV */
.m-menu_icon {
  cursor: pointer; }
  .m-menu_icon .m-menu_but_line {
    background: #333333;
    display: block;
    height: 2px;
    margin: 3px 0;
    right: 0;
    width: 23px; }
  .m-menu_icon :nth-child(1) {
    width: 18px; }
  .m-menu_icon :nth-child(3) {
    width: 20px; }

.m-menu_icon:hover .m-menu_but_line, .m-menu_close.m-menu_icon .m-menu_but_line {
  width: 23px; }

.nav_mob, #m-nav_ico_mobile {
  display: none; }

.nav ul {
  padding: 0;
  list-style: none;
  text-align: center; }
.nav nav > ul > li {
  display: inline-block;
  position: relative;
  top: 0;
  padding-bottom: 5px; }
.nav nav > ul > li > a {
  padding: 0 20px; }
.nav a {
  font: 400 12px "Lato","sans serif";
  color: #545454;
  text-transform: uppercase; }
.nav li.m-active_nav > a {
  color: #2e5aef; }
.nav nav > ul ul {
  background: #e0e0e0 none repeat scroll 0 0;
  display: none;
  left: 20px;
  margin-top: 2px;
  min-width: 150px;
  position: absolute;
  text-align: left;
  z-index: 99; }
.nav .m-show_menu {
  top: 0; }
.nav .m-sub_menu > li {
  border-bottom: 1px solid #bebebe;
  padding: 6px 10px; }
.nav .fa {
  position: relative;
  right: 15px; }

@media (min-width: 768px) {
  nav > ul > li:hover ul {
    display: block; } }
@media (max-width: 767px) {
  .nav_mob, #m-nav_ico_mobile {
    display: block; }

  .nav_desk, #m-nav_ico_desk {
    display: none; }

  .m-menu_icon {
    padding: 8px 0; }
    .m-menu_icon span.m-menu_but_line {
      margin: 3px auto; }

  .nav nav > ul > li {
    top: 0;
    display: block;
    background: #303030;
    padding: 8px 15px;
    text-align: left;
    border-bottom: 1px solid #545454;
    cursor: pointer; }

  .nav li.m-active_nav > a {
    color: #FFFFFF; }

  .nav nav > ul > li > a {
    padding: 0; }

  nav a {
    display: block; }

  .nav a {
    color: #9a9a9a; }

  .nav .fa {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #FFFFFF;
    width: 16px;
    text-align: center; }

  .nav nav > ul > li.m-has_child {
    padding-right: 35px; }

  .nav nav > ul ul {
    background: #464646;
    position: static;
    display: none;
    margin: 8px -15px -10px;
    width: calc(100% + 50px); }

  .nav .m-sub_menu > li {
    padding: 6px 15px; }

  nav {
    position: absolute;
    width: 100%;
    z-index: 9999;
    display: none; }

  .m-header div.nav_mob {
    position: relative; } }
/*
SLIDER
*/
.m-main_slider {
  position: relative; }

.m-main_slider_img {
  display: inline-block;
  position: relative; }

.m-main_slider_text {
  display: inline-block;
  position: absolute;
  right: -70px;
  text-align: center;
  top: 25%; }

.m-main_slider_text h2 {
  font-family: "Lato Black";
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 40px;
  text-transform: capitalize; }
.m-main_slider_text span {
  font-family: "lato";
  font-weight: bold;
  font-size: 12px; }

.m-main_slider_count {
  position: absolute;
  right: 150px;
  bottom: 10px;
  color: #333333; }

.m-main_slider_count .m-main_current_slide {
  font-family: "lato black";
  font-size: 60px;
  display: inline-block;
  line-height: 50px; }
.m-main_slider_count .m-main_total_slide {
  display: block;
  font-family: "lato black";
  font-size: 12px;
  position: absolute;
  right: -35px;
  top: 0; }
.m-main_slider_count .m-main_total_slide:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #202020;
  top: 0;
  left: -10px; }

.m-main_slider_navigation {
  position: absolute;
  bottom: 3px;
  left: 0; }

.m-main_slider_navigation i {
  width: 45px;
  height: 60px;
  background: #efefef;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  float: left;
  cursor: pointer; }

.m-main_slider .bx-controls {
  display: inline-block;
  float: left;
  position: absolute;
  top: 50%;
  right: 28px; }
.m-main_slider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #c2c2c2 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  height: 2px;
  width: 16px; }
.m-main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.m-main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.m-main_slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #333333;
  width: 22px; }

.m-main_slider_text > h2, .m-main_slider_text > span {
  position: relative;
  top: -1225%; }

.m-active_slide .m-main_slider_text > h2, .m-active_slide .m-main_slider_text > span {
  top: 0; }

.m-main_slider_text {
  opacity: 0; }

.m-active_slide .m-main_slider_text {
  opacity: 1; }

@media (max-width: 1199px) {
  .m-main_slider_text {
    right: -50px; }

  .m-projects .m-vertical_title {
    margin-left: -85px; } }
@media (max-width: 990px) {
  .m-main_slider_img {
    position: static; }

  .m-main_slider_text {
    right: 0;
    width: 100%; }

  .m-main_slider_text h2 {
    margin-bottom: 15px; } }
@media (max-width: 767px) {
  .m-main_slider .bx-controls {
    display: none; }

  .m-project_single {
    width: 100%; }

  .m-main_slider_text h2 {
    font-size: 30px; }

  .m-main_slider_count .m-main_current_slide {
    font-size: 30px;
    line-height: 30px; }

  .m-header {
    padding-bottom: 10px; } }
/*
CONTAINER
*/
.m-main_container {
  margin-top: 60px; }

.m-search_box {
  position: relative; }

.m-search_box input {
  font: 700 12px "lato";
  color: #202020;
  border: none;
  background: none;
  padding: 5px;
  width: 50px;
  max-width: 300px;
  position: relative;
  border-bottom: 2px solid #202020; }

.m-search_box input.m-search_input:focus {
  width: 100%; }

::-webkit-input-placeholder {
  color: #000000; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000000; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000; }

:-ms-input-placeholder {
  color: #000000; }

@media (max-width: 989px) {
  .m-search_box {
    margin-bottom: 15px; } }
/*
ABOUT US
*/
.m-about_us {
  max-width: 850px;
  margin: auto;
  width: 100%;
  position: relative;
  padding-top: 50px; }

.m-about_us > h2 {
  position: absolute;
  right: -130px; }

.m-name_block.m-side_border > p {
  color: #909090;
  font-family: lato;
  font-size: 13px;
  line-height: 18px;
  padding: 25px 10px;
  text-align: left;
  text-transform: none; }

.m-name_block {
  border: 2px solid #e8e8e8; }

.m-work_types {
  text-align: center;
  max-width: 300px;
  list-style: none;
  float: right;
  width: 100%;
  padding: 10px 0 60px; }

.m-work_types li {
  font: 16px "lato black","sans serif";
  cursor: pointer;
  letter-spacing: 1px;
  padding: 2px 0;
  text-transform: uppercase; }

.m-work_types li.m-active {
  font-family: "lato"; }

.m-name_block {
  height: 330px;
  padding: 0 10px;
  max-width: 350px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.m-name_block h1 {
  font: 16px "lato black","sans serif";
  color: #333333;
  letter-spacing: 1px;
  position: absolute;
  top: 20%;
  margin: auto;
  width: 55px;
  text-align: center;
  left: -25px;
  z-index: 999; }

.m-name_block span {
  position: absolute;
  font: 11px "lato black","sans serif";
  color: #333333;
  letter-spacing: 1px;
  position: absolute;
  top: 60%;
  text-transform: uppercase;
  left: 10px;
  z-index: 999; }

.m-name_block span::before {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  background: #333333;
  height: 1px;
  top: 5px;
  left: -50px; }

.m-name_block span:hover::before {
  background: #2e5aef none repeat scroll 0 0;
  transform: rotate(90deg); }

.m-about_us p {
  clear: both;
  color: #a8a8a8;
  font: 10px "lato black","sans serif";
  text-transform: uppercase;
  padding-top: 50px;
  text-align: right; }

.m-work_imges {
  clear: both; }

.m-work_imges ul {
  padding: 0;
  list-style: none; }

.m-work_imges li {
  display: none; }

.m-work_imges li:nth-child(2) {
  display: block; }

.m-static_portfolio.m-left_portfolio .m-portfolio_intro {
  position: static;
  width: 100%;
  padding: 30px 0; }

.m-static_portfolio .row, .m-static_portfolio .img-responsive {
  margin: auto; }

.m-name_block p {
  display: none; }

.m-name_block p.work_02 {
  display: block; }

.m-name_block h3 {
  font: 16px "lato black","sans serif";
  letter-spacing: 1px;
  padding: 0 10px; }

.m-name_block span a {
  color: #2e5aef; }

.m-name_block:hover {
  border-color: #2e5aef; }

@media (max-width: 990px) {
  .m-name_block span {
    left: 40px; }

  .m-about_us > h2 {
    top: -30px;
    right: auto;
    left: 0; }

  .m-about_work.pull-right {
    max-width: 360px; } }
@media (max-width: 767px) {
  .m-about_us p {
    text-align: center; }

  .m-name_block {
    left: 0;
    right: 0;
    margin: 30px auto auto;
    position: relative;
    height: auto;
    clear: both;
    padding-bottom: 40px; }

  .m-work_types li {
    width: 100%;
    text-align: center;
    padding: 5px 0; }

  .m-work_types {
    float: none; }

  .m-about_work.pull-right {
    float: none !important; }

  .m-name_block span {
    top: auto;
    bottom: 10px; }

  .m-about_work.pull-right {
    max-width: none; }

  .m-work_imges li img {
    margin: auto; }

  .m-name_block span::before {
    left: -47px; }

  .m-about_us {
    padding-top: 10px; }

  .m-work_types {
    padding-bottom: 30px; } }
@media (max-width: 479px) {
  .m-name_block {
    max-width: 300px; } }
.m-about_top h1 {
  font: 24px "lato black";
  text-transform: capitalize;
  position: relative;
  padding-left: 80px; }
.m-about_top h1::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: -20px;
  position: absolute;
  top: 15px;
  width: 60px; }
.m-about_top p {
  max-width: 350px;
  margin: auto;
  font: 300 14px/22px "lato";
  text-align: center;
  color: #8d8d8d;
  padding: 60px 0 85px; }
.m-about_top ul {
  padding: 0;
  list-style: none;
  text-align: right; }
  .m-about_top ul li {
    display: inline-block;
    margin-right: 40px; }
  .m-about_top ul li a {
    font: bold 14px "lato";
    color: #202020; }

.m-our_team {
  margin-top: 100px;
  padding-top: 50px;
  position: relative;
  padding-left: 100px; }
  .m-our_team .m-vertical_title {
    position: absolute;
    left: -100px; }
  .m-our_team .m-single_team_block {
    margin-bottom: 120px;
    position: relative; }
    .m-our_team .m-single_team_block .m-team_detail {
      position: absolute;
      top: 100px;
      left: 285px; }
    .m-our_team .m-single_team_block ul {
      padding: 0; }
    .m-our_team .m-single_team_block h3 {
      font-size: 18px;
      font-family: "lato black";
      text-transform: capitalize; }
    .m-our_team .m-single_team_block span {
      font-weight: 300;
      font-size: 14px;
      font-family: lato;
      color: #8d8d8d; }
  .m-our_team .m-our_team_list > div:nth-child(1) {
    margin-top: 100px; }

.m-our_awards {
  margin-bottom: 150px; }
  .m-our_awards .m-our_award_text {
    max-width: 360px;
    width: 100%;
    margin: auto;
    position: relative; }
  .m-our_awards h1 {
    font: 30px "lato black";
    text-transform: capitalize;
    padding-left: 40px;
    position: relative;
    z-index: 99; }
  .m-our_awards .m-our_award_text::before {
    content: "";
    width: 240px;
    height: 120px;
    position: absolute;
    border: 3px solid #d4d4d4;
    left: -80px;
    top: 20px; }
  .m-our_awards p {
    font: 300 14px/22px "lato";
    text-align: center;
    color: #8d8d8d;
    padding-top: 50px;
    position: relative;
    z-index: 99; }
  .m-our_awards .m-our_awards_img {
    text-align: center; }
    .m-our_awards .m-our_awards_img img {
      display: inline-block;
      margin: 20px 60px; }

@media (max-width: 990px) {
  .m-our_team {
    padding-left: 0; }

  .m-our_team .m-single_team_block .m-team_detail {
    left: 200px; }

  .m-our_awards .m-our_awards_img img {
    margin: 20px; }

  .m-our_team .m-vertical_title {
    left: 0; }

  .m-our_awards .m-our_award_text::before {
    left: -5px; }

  .m-about_top > div.row {
    margin: auto; }

  .m-our_awards {
    margin-bottom: 0; } }
@media (max-width: 767px) {
  .m-our_team .m-our_team_list > div:nth-child(1) {
    margin-top: 0; }

  .m-our_team .m-vertical_title {
    top: -50px; }

  .m-our_team .m-single_team_block {
    margin-bottom: 50px; }

  .m-our_awards .m-our_award_text::before {
    left: 0; }

  .m-our_team .m-single_team_block .m-team_detail {
    position: static; }

  .m-single_team_block {
    max-width: 300px;
    margin: auto !important;
    right: 0;
    float: none;
    position: static !important; }

  .m-single_team_block > img {
    max-width: 100%; }

  .m-our_awards {
    margin-bottom: 30px; }
    .m-our_awards h1 {
      font-size: 26px; } }
/*
PROJECTS
*/
.m-gen_head {
  margin-bottom: 60px; }

.m-vertical_title {
  font: 700 18px "Lato","sans serif";
  text-transform: capitalize;
  position: relative;
  padding-left: 130px;
  margin: auto;
  top: 70px;
  display: inline-block;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  z-index: 999; }

.m-our_team .m-vertical_title {
  margin-left: 30px; }

.m-vertical_title::before {
  position: absolute;
  content: "";
  display: block;
  width: 110px;
  height: 1px;
  background: #333333;
  left: 0; }

.m-projects {
  position: relative;
  padding-top: 90px;
  padding-bottom: 35px;
  clear: both; }

.m-projects_inner {
  max-width: 800px;
  width: 100%;
  margin: auto;
  position: relative; }

.m-project_img_nav {
  position: relative;
  display: inline-block; }

.m-project_img_nav .m-main_slider_navigation {
  bottom: 0;
  right: 0;
  left: auto; }

.m-projects_inner .m-main_slider_count {
  top: -25px;
  left: 45px;
  right: auto;
  bottom: auto; }

.m-projects_inner .m-main_slider_count .m-main_current_slide {
  font-size: 48px; }

.m-project_slider_content {
  padding-left: 140px;
  padding-top: 40px; }

.m-project_slider_content span {
  color: #333333;
  font: 11px "lato black","sans serif";
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 50px;
  position: relative; }

.m-project_slider_content span::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 5px;
  width: 30px; }

.m-project_slider_content h2 {
  font: 18px "lato black","sans serif";
  letter-spacing: 1.3px;
  padding: 40px 0;
  line-height: 24px;
  text-transform: uppercase;
  margin: auto;
  text-align: center; }

.m-project_slider_content h2 em {
  font-family: "lato";
  font-style: normal; }

.m-copyright {
  position: absolute;
  margin: auto;
  right: 0;
  display: inline-block;
  font: 12px "Lato black", "sans serif";
  top: 30%; }

@media (max-width: 1100px) {
  .m-portfolio_grid > div > div {
    max-width: 31%; } }
@media (max-width: 990px) {
  .m-vertical_title {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    top: -70px;
    margin: auto; }

  .m-projects .m-vertical_title {
    margin-left: auto; }

  .m-portfolio_grid > div > div:hover img {
    transform: scale(1); }

  .m-portfolio_grid > div > div:hover .m-grid_portf_text {
    top: auto; }

  .m-portfolio_grid > div > div {
    max-width: 30%; } }
@media (max-width: 767px) {
  .m-project_img_nav .m-main_slider_navigation {
    left: 0; }

  .m-project_slider_content {
    padding-left: 20px; }

  .m-our_team {
    clear: both; }

  .m-portfolio_grid > div > div {
    max-width: 370px;
    width: 98%;
    margin: auto !important;
    right: 0; }

  .m-portfolio_grid h3 {
    margin-bottom: 10px; }

  .m-projects_inner .m-main_slider_count .m-main_current_slide {
    font-size: 30px; }

  .m-projects .m-vertical_title {
    margin-left: 5px; } }
/*
NEWS
*/
.m-news {
  position: relative;
  padding-top: 140px;
  padding-bottom: 70px; }

.m-news .m-vertical_title {
  position: absolute;
  right: -30px; }

.m-news_date {
  position: relative; }

.m-news_date::after {
  background: #000 none repeat scroll 0 0;
  top: 100%;
  content: "";
  height: 1px;
  position: absolute;
  width: calc(100% - 60px);
  right: 15px; }

.m-slide_news_02 .m-news_date::after {
  top: calc(100% + 15px); }

.m-slide_news_03 .m-news_date::after {
  top: calc(100% + 30px); }

.m-slide_news_04 .m-news_date::after {
  top: calc(100% + 45px); }

.m-slide_news_05 .m-news_date::after {
  top: calc(100% + 45px); }

.m-news_date span {
  display: block;
  color: #333333;
  font: 10px "lato black","sans serif";
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
  padding-bottom: 30px;
  padding-top: 25px; }

.m-news_data > span {
  font: 48px "lato black","sans serif";
  color: #333333;
  display: inline-block;
  width: 75px;
  text-align: center;
  border-bottom: 5px solid #333333;
  line-height: 45px;
  padding-bottom: 19px; }

.m-news_data h2 {
  font: 30px "lato black","sans serif";
  text-transform: uppercase;
  margin: auto; }

.m-news_data h2 span {
  display: inline-block;
  padding: 40px 0 60px;
  position: relative; }

.m-news_data h2 span:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 26px;
  background: #d4d4d4;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  display: block; }

.m-news_data h2 span a {
  color: #333333; }

.m-news_data p {
  margin: auto;
  color: #afafaf;
  font: 14px "Lato", "sans serif"; }

.m-news_img {
  text-align: right; }

.m-news .bx-controls {
  display: inline-block;
  float: left;
  position: absolute;
  top: 130px; }
.m-news .bx-wrapper .bx-pager.bx-default-pager a {
  background: #c2c2c2 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  height: 2px;
  width: 16px; }
.m-news .bx-wrapper .bx-pager.bx-default-pager a:hover,
.m-news .bx-wrapper .bx-pager.bx-default-pager a.active,
.m-news .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #333333;
  width: 22px; }

@media (max-width: 990px) {
  .m-news .m-vertical_title {
    right: auto;
    top: 70px; }

  .m-news .bx-controls {
    left: 0;
    top: 50px; }

  .m-news_date::after {
    display: none; } }
@media (max-width: 767px) {
  .m-news_data, .m-news_date {
    text-align: center; }

  .bx-wrapper .m-news_img img {
    margin: 15px auto auto; }

  .m-news_date time {
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center; }

  .m-news_img img {
    margin: 25px auto auto; }

  .m-news_data {
    margin-bottom: 25px; }

  .m-news_data > span {
    font-size: 34px;
    line-height: 34px;
    border-bottom-size: 2px; }

  .m-news_data h2 {
    font-size: 24px; }

  .m-news_data p {
    font-size: 13px;
    line-height: 24px; }

  .m-news .m-vertical_title {
    margin-left: 5px; } }
/*
PROJECTS 01
*/
.m-projects_inner > div.m-project_box_outer {
  margin-bottom: 85px; }

.m-project_box_outer > div {
  float: left;
  position: relative; }

.m-projects_01 .m-projects_inner {
  float: right;
  max-width: 1110px; }

.m-project_outer_01 > div:nth-child(1) {
  margin-top: 50px;
  margin-left: 150px; }

.m-project_outer_01 > div:nth-child(2) {
  margin-top: 160px;
  margin-left: 225px; }

.m-project_outer_02 > div:nth-child(1) {
  margin-top: 30px; }

.m-project_outer_02 > div:nth-child(2) {
  margin-top: 70px;
  float: right; }

.m-title_right {
  color: #333333;
  font: 11px "lato black","sans serif";
  left: 95%;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
  bottom: 25px;
  width: 100%; }

.m-title_right:before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: -50px;
  position: absolute;
  top: 5px;
  width: 30px; }

.m-title_left {
  color: #333333;
  font: 11px "lato black","sans serif";
  left: 0;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
  bottom: 25px;
  width: 100%; }

.m-title_left:before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  padding-left: 50px;
  display: block;
  height: 1px;
  left: -60px;
  position: absolute;
  top: 5px;
  width: 30px; }

@media (max-width: 990px) {
  .m-project_outer_01 > div:nth-child(1) {
    margin-left: 0; }

  .m-project_outer_01 > div:nth-child(2) {
    margin-left: 150px; }

  .m-project_outer_02 > div:nth-child(2) {
    margin-top: 170px; } }
@media (max-width: 767px) {
  .m-title_left, .m-title_right {
    position: static;
    display: block;
    padding: 5px; }

  .m-project_outer_01 > div:nth-child(2) {
    margin-left: 0;
    margin-top: 20px; }

  .m-title_left::before, .m-title_right::before {
    display: none; }

  .m-project_outer_01 > div:nth-child(1) {
    margin-top: 0; }

  .m-project_outer_02 > div:nth-child(2) {
    float: none;
    margin-top: 30px; }

  .m-projects_inner > div.m-project_box_outer {
    margin: auto; }

  .m-vertical_title {
    top: -40px; }

  .m-projects {
    margin-bottom: 0; } }
/*
INNER PAGE
*/
.m-inner_page .m-header {
  position: relative; }

.m-inner_page header h1 {
  font: 10px "lato black","sans serif";
  letter-spacing: 1px;
  position: absolute;
  display: inline-block;
  margin: auto;
  text-align: center;
  left: 0;
  right: 0;
  max-width: 300px;
  margin-top: 5px;
  bottom: 0; }

.m-inner_container {
  margin: 0 0 60px; }

@media (max-width: 767px) {
  .m-inner_page header h1 {
    width: 100%;
    position: static;
    text-align: center;
    display: block;
    padding-top: 10px;
    clear: both; } }
/*
BLOG
*/
.m-blog_listing > div {
  margin-bottom: 100px;
  position: relative; }

.m-slide_counter {
  position: absolute;
  top: 0;
  left: 0; }

.m-slide_counter ul {
  padding-left: 0;
  margin-top: 68px;
  list-style: none; }

.m-slide_counter ul li {
  width: 16px;
  height: 2px;
  background: #c2c2c2;
  margin-bottom: 8px; }

.m-blog_listing > div:nth-child(1) .m-slide_counter ul li:nth-child(1) {
  width: 22px;
  background: #333333; }

.m-blog_listing > div:nth-child(2) .m-slide_counter ul li:nth-child(2) {
  width: 22px;
  background: #333333; }

.m-blog_listing > div:nth-child(3) .m-slide_counter ul li:nth-child(3) {
  width: 22px;
  background: #333333; }

.m-blog_listing > div:nth-child(4) .m-slide_counter ul li:nth-child(4) {
  width: 22px;
  background: #333333; }

.m-blog_listing > div:nth-child(2) .m-slide_counter ul {
  margin-top: 58px; }

.m-blog_listing > div:nth-child(3) .m-slide_counter ul {
  margin-top: 48px; }

.m-blog_listing > div:nth-child(4) .m-slide_counter ul {
  margin-top: 38px; }

.m-next_prev_post {
  max-width: 495px;
  margin: 24px auto 44px; }

.m-next_prev_post a {
  font: 10px "lato black","sans serif";
  color: #333333;
  text-transform: uppercase;
  position: relative; }

.m-next_prev_post a.m-older_post {
  padding-left: 55px; }

.m-next_prev_post a.m-older_post:after {
  position: absolute;
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  background: #333333;
  left: 0;
  top: 6px; }

.m-next_prev_post a.m-newer_post {
  padding-right: 55px; }

.m-next_prev_post a.m-newer_post:after {
  position: absolute;
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  background: #333333;
  right: 0;
  top: 6px; }

.m-next_prev_post a:hover:after, .m-blog_single .m-next_artical:hover::before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  background: #2e5aef; }

@media (max-width: 990px) {
  .m-blog_listing > div {
    padding: 0;
    margin: auto auto 20px; } }
@media (max-width: 767px) {
  .m-news_img .row {
    margin: 5px auto auto; } }
/* BLOG SINGLE */
.m-blog_single .m-news_data {
  position: static; }
.m-blog_single .m-news_data h2 {
  position: absolute;
  z-index: 999; }
.m-blog_single .m-news_data h2 span::after {
  display: none; }
.m-blog_single .m-news_slide_single {
  position: relative; }
.m-blog_single .m-blog_author {
  bottom: 50px;
  left: 15px;
  position: absolute;
  font: 10px "lato black","sans serif";
  text-transform: uppercase;
  letter-spacing: 1px; }
.m-blog_single .m-blog_single_content {
  margin-top: 50px; }
.m-blog_single .m-news_img {
  text-align: left; }
.m-blog_single p {
  margin-bottom: 20px; }
.m-blog_single .m-blog_message {
  position: relative;
  margin-bottom: 40px;
  margin-left: 145px; }
.m-blog_single .m-blog_message:before {
  content: "";
  display: block;
  width: 230px;
  height: 105px;
  background: #e9e9e9;
  top: 0;
  left: 0; }
.m-blog_single .m-blog_single_content .m-blog_message span {
  font: italic 700 14px/18px "lato", "sans serif";
  color: #333333;
  position: absolute;
  top: 40px;
  left: 120px; }
.m-blog_single .m-blog_single_content .m-blog_message span::before {
  color: #2e5aef;
  content: "/";
  display: block;
  font-size: 16px;
  font-style: italic;
  font-weight: 100;
  left: -25px;
  position: absolute;
  top: -5px;
  transform: rotate(10deg);
  font-weight: bold; }
.m-blog_single .m-blog_tags * {
  display: inline-block; }
.m-blog_single .m-blog_tags span {
  font: 11px "Lato black","sans serif";
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 1px; }
.m-blog_single .m-blog_tags ul li a {
  color: #b9b9b9;
  list-style: none;
  font: 10px "Lato black","sans serif";
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 25px; }
.m-blog_single .m-next_artical {
  float: right;
  position: relative;
  font: 11px "Lato black","sans serif";
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 3px; }
.m-blog_single .m-next_artical::before {
  width: 30px;
  height: 1px;
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  background: #333333;
  left: -55px; }
.m-blog_single .m-side_bar {
  padding: 0 30px;
  margin-top: -5px; }
.m-blog_single .m-side_bar > a.m-blog_back {
  margin-right: 35px;
  margin-top: 80px; }
.m-blog_single .m-side_bar_in {
  background: #FFFFFF;
  padding: 10px; }
.m-blog_single .m-blog_tags {
  margin-bottom: 25px; }

.m-blog_single_footer .m-next_artical.m-blog_back {
  float: none;
  margin-left: 40px; }

@media (max-width: 990px) {
  .m-blog_single .m-side_bar {
    padding: 0 30px; } }
@media (max-width: 767px) {
  .m-blog_single .m-blog_message {
    margin-left: 0; }

  .m-blog_tags ul {
    padding: 0; }

  .m-blog_single p {
    margin-bottom: 20px; }

  .m-blog_single_footer {
    text-align: center; }

  .m-blog_single_footer > div:nth-child(2) {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px; }
    .m-blog_single_footer > div:nth-child(2) a {
      float: none; }

  .m-news_slide_single .img-responsive {
    width: auto; } }
/* SIDE BAR */
.m-quote span {
  font: 700 12px "Lato","sans serif";
  color: #333333;
  display: block;
  text-align: center; }
.m-quote p {
  font: 700 italic 12px "Lato","sans serif";
  color: #333333;
  text-align: center;
  padding: 60px 0; }

.m-social {
  padding: 0;
  text-align: center;
  margin: 25px 0; }
  .m-social span {
    font: 700 12px "Lato","sans serif";
    color: #333333;
    display: block;
    text-align: center;
    text-transform: uppercase; }

.m-blog_single_content .m-social {
  text-align: left;
  margin: 0 0 5px; }
  .m-blog_single_content .m-social span {
    display: inline-block; }
  .m-blog_single_content .m-social ul {
    display: inline-block; }

/* COMMENT */
.m-blog_comment_section {
  margin-top: 120px; }
  .m-blog_comment_section h4 {
    font-family: "helveticaneue","sans serif";
    font-size: 18px;
    text-transform: lowercase; }

.m-comment_block {
  margin: 15px 0;
  position: relative;
  padding-left: 60px; }
  .m-comment_block > img {
    position: absolute;
    top: 0;
    left: 0; }
  .m-comment_block textarea {
    border: 2px solid #cdd4d9;
    font-family: "helveticaneue","sans serif";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 10px 15px;
    height: 50px;
    color: #b2bbc0; }

.m-comment_single a {
  color: #424242;
  font-family: "helveticaneue","sans serif";
  font-size: 13px; }
.m-comment_single p {
  font-size: 15px;
  font-family: "helveticaneue","sans serif";
  margin: auto; }

.m-comment_single_header span {
  color: #a9b2b9;
  font-size: 10px;
  font-family: "helveticaneue","sans serif";
  padding-left: 18px; }

/*
404
*/
.m-not_found h2 {
  font-family: "lato black";
  font-size: 100px;
  text-align: center; }

.m-not_found p {
  font: 14px/30px "lato","sans serif";
  color: #8d8d8d;
  text-align: center;
  max-width: 600px;
  margin: auto auto 90px; }

.m-back_to {
  color: #333333;
  font: 11px "lato black","sans serif";
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 50px;
  position: relative; }

.m-back_to:before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 30px; }

.m-back_to:hover::before {
  background: #2e5aef none repeat scroll 0 0;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg); }

/*
CONTACT
*/
.m-contact_left {
  padding: 0 90px; }

.m-contact_block h2 {
  font: 18px "lato black","sans serif";
  text-transform: capitalize;
  margin: auto;
  float: left; }

.m-single_contact_block {
  float: right;
  width: 100px;
  text-align: left; }

.m-contact_content > div.m-single_contact_block:last-child {
  clear: both; }

.m-boxed_contact {
  margin-bottom: 50px; }

.m-boxed_contact h2::after {
  content: "";
  display: block;
  width: 120px;
  height: 80px;
  position: absolute;
  border: 3px solid #d4d4d4;
  top: -40px;
  margin-left: 50px;
  z-index: -1; }

.m-single_contact_block h4 {
  margin: auto;
  font: 700 14px "lato","sans serif";
  text-transform: capitalize; }
.m-single_contact_block p {
  color: #959393;
  font: 400 11px "lato","sans serif";
  margin: 20px 0 35px; }
.m-single_contact_block a {
  color: #333333; }

.m-map_switcher {
  padding-left: 70px; }

.m-map_switcher li {
  display: inline-block;
  list-style: none;
  font: 700 14px/22px "lato","sans serif";
  text-transform: uppercase;
  width: 25px;
  height: 22px;
  text-align: center;
  margin: 0 6px;
  cursor: pointer; }

.m-map_switcher li.m-active_map {
  color: #FFFFFF;
  background: #333333; }

@media (max-width: 990px) {
  .m-contact_left {
    padding: 0 20px; } }
@media (max-width: 767px) {
  .m-contact_left {
    padding: 0; }

  .m-contact_block h2 {
    float: none;
    width: 100%;
    margin-bottom: 20px; }

  .m-single_contact_block {
    float: none; }

  .m-single_contact_block p {
    margin-bottom: 20px; } }
/*
PAGINATION
*/
.m-pagination {
  text-align: center; }

.m-pagination_inner {
  display: inline-block;
  position: relative;
  left: -20px; }

.m-pagination_inner:before {
  content: "";
  position: absolute;
  width: 38px;
  height: 1px;
  background: #000000;
  top: 10px;
  left: 0; }

.m-pagination_inner:after {
  content: "";
  position: absolute;
  width: 38px;
  height: 1px;
  background: #000000;
  top: 10px;
  left: 100%; }

.m-pagination_inner li {
  display: inline-block;
  margin: 0 20px;
  list-style: none; }

.m-pagination_inner li a {
  font: 700 11px "lato";
  color: #000000;
  position: relative; }

.m-maps {
  position: relative;
  padding-top: 45px; }

.m-maps .m-main_slider_count {
  bottom: auto;
  top: 20px;
  z-index: 999; }
.m-maps .m-map_01, .m-maps .m-map_02 {
  height: 350px; }
.m-maps .m-map_02 {
  display: none; }
.m-maps .m-map {
  box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc; }

@media (max-width: 767px) {
  .m-pagination_inner li {
    margin: 0 15px; } }
/*
PORTFOLIO
*/
.m-portfolio_block {
  position: relative; }

.m-portfolio_page {
  margin: auto; }
  .m-portfolio_page .m-pagination_inner::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg); }

.m-portfolio_header {
  padding-left: 165px;
  position: relative; }
  .m-portfolio_header img {
    float: right;
    position: relative; }
  .m-portfolio_header h1 {
    font: 36px "lato black","sans serif";
    text-transform: capitalize;
    position: absolute;
    margin: auto;
    top: 80px;
    margin-left: 70px;
    position: relative; }
  .m-portfolio_header h1::after {
    position: absolute;
    content: "";
    display: block;
    width: 210px;
    height: 120px;
    border: 2px solid #d4d4d4;
    left: -42px;
    top: 24px; }
  .m-portfolio_header span {
    position: relative;
    z-index: 999; }

.m-single_portfolio_list {
  margin-bottom: 100px; }

.m-portfolio_types ul {
  padding: 0;
  list-style: none;
  margin: 60px 0 80px; }
.m-portfolio_types li {
  display: inline-block;
  text-transform: uppercase;
  margin-right: 48px;
  font: 11px "lato black","sans serif";
  position: relative;
  cursor: pointer;
  padding-top: 30px; }
.m-portfolio_types li::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background: #333333;
  opacity: 0; }
.m-portfolio_types li.m-active_type::before, .m-portfolio_types li:hover::before {
  opacity: 1;
  background: #2e5aef; }
.m-portfolio_types li:hover, .m-portfolio_types li.m-active_type {
  color: #2e5aef; }

.m-home_port_type ul {
  margin-bottom: 0;
  padding-left: 210px; }

.m-home_port_head {
  bottom: 50px;
  font: 16px "lato black","sans serif";
  left: 85%;
  position: absolute;
  width: 100%; }

.m-home_port_head.m-home_port_left {
  left: -45px; }

.m-portfolio_listing_home > div {
  display: none; }

.m-portfolio_listing_home > div:first-child {
  display: block; }

.m-portfolio_listing_home .m-project_outer_02 {
  padding-left: 100px; }

.m-left_portfolio .m-portfolio_intro {
  display: inline-block;
  width: 280px;
  height: 185px;
  padding: 55px 0;
  text-align: center;
  position: relative;
  top: 110px;
  left: -65px; }
.m-left_portfolio h3 {
  font: 16px "lato black","sans serif"; }
.m-left_portfolio span {
  font: 11px "lato black","sans serif";
  text-transform: uppercase;
  display: inline-block;
  position: relative; }
.m-left_portfolio span::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: -50px;
  position: absolute;
  top: 5px;
  width: 30px; }

.m-right_portfolio .m-portfolio_intro {
  float: right;
  top: 120px;
  right: -70px;
  position: relative; }
.m-right_portfolio h3 {
  font: 18px "lato black","sans serif";
  text-align: center;
  line-height: 26px; }
.m-right_portfolio i {
  font-style: normal;
  font-family: "lato"; }
.m-right_portfolio span {
  font: 11px "lato black","sans serif";
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  left: 50px; }
.m-right_portfolio span::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: -50px;
  position: absolute;
  top: 5px;
  width: 30px; }

.m-right_portfolio:hover .m-portfolio_intro {
  right: -180px; }

.m-left_portfolio:hover .m-portfolio_intro {
  left: -180px; }

.m-masonry_listing > div:first-child {
  display: block; }

.js-masonry .m-single_portfolio_list {
  max-width: 500px; }

.js-masonry .m-left_portfolio .m-portfolio_intro {
  border: none; }

.js-masonry .m-right_portfolio {
  margin-top: 100px; }

.m-portfolio_grid > div > div {
  margin-right: 20px;
  margin-bottom: 75px;
  transform: none !important; }

.m-portfolio_grid > div > div:nth-child(2) {
  margin-top: 50px; }

.m-portfolio_grid > div > div:nth-child(3n+3) {
  margin-right: 0; }

.m-portfolio_grid > div > div:hover .m-grid_portf_text {
  top: -100px; }
.m-portfolio_grid > div > div:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.m-grid_portf_text {
  top: 0;
  position: relative; }

.m-portfolio_grid h3 {
  font: 18px "Lato Black","sans serif";
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 35px;
  text-align: center;
  position: relative; }
.m-portfolio_grid .m-grid_cat {
  left: 10px;
  margin: auto;
  max-width: 150px;
  padding-left: 60px;
  position: relative; }
.m-portfolio_grid .m-grid_cat:before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 18px;
  position: absolute;
  top: 5px;
  width: 30px; }
.m-portfolio_grid span {
  font: 11px "lato black","sans serif";
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px; }

.m-single_portfolio_list:hover img, .m-portfolio_listing_home .m-project_single_box:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.m-single_portfolio_list:hover .m-side_border_img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.m-side_border_img img {
  transform: none !important; }

.m-portfolio_listing_home .m-project_single_box:hover h4.m-home_port_head {
  left: 50%; }

.m-portfolio_listing_home .m-project_single_box:hover h4.m-home_port_left {
  left: 40px; }

.m-portfolio_listing_home .m-project_single_box:hover span.m-title_right {
  left: 70%; }

.m-portfolio_listing_home .m-project_single_box:hover .m-title_left {
  left: 70px; }

@media (max-width: 1199px) {
  .m-portfolio_header {
    padding-left: 0;
    text-align: center; }

  .m-portfolio_header h1 {
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center; }

  .m-portfolio_header h1::after {
    display: none; } }
@media (max-width: 990px) {
  .m-portfolio_header h1 {
    margin: auto; }

  .m-left_portfolio .m-portfolio_intro {
    padding: 30px 0;
    height: 135px; }

  .m-right_portfolio h3 {
    padding-top: 15px;
    padding-bottom: 25px; }

  .m-right_portfolio .m-portfolio_intro {
    top: 80px; }

  .m-single_portfolio_list:hover img, .m-single_portfolio_list:hover .m-side_border_img,
  .m-portfolio_listing_home .m-project_single_box:hover img {
    transform: scale(1); }

  .m-portfolio_page .m-title_right::before, .m-portfolio_page .m-title_left::before {
    display: none; }

  .m-portfolio_page .m-title_right, .m-portfolio_page .m-title_left, .m-portfolio_page .m-home_port_head {
    position: static; }

  .m-portfolio_listing_home .m-project_outer_02 {
    padding-left: 0; } }
@media (max-width: 767px) {
  .m-home_port_type ul {
    padding-left: 0px; }

  .m-portfolio_header {
    padding: 0; }

  .m-portfolio_header h1 {
    margin: auto;
    text-align: center;
    font-size: 24px; }

  .m-portfolio_header h1::after {
    display: none; }

  .m-home_port_type ul {
    text-align: center; }

  .m-portfolio_types li {
    font-size: 10px;
    margin-right: 10px;
    font-family: lato; }

  .m-right_portfolio .m-portfolio_intro {
    position: static;
    float: left;
    padding-left: 15px;
    margin-top: 10px; }

  .m-left_portfolio .m-portfolio_intro {
    position: static;
    display: block;
    margin: auto;
    margin-top: 10px; }

  .container.m-inner_page {
    padding: 0 18px; }

  .m-home_port_head, .m-home_port_head.m-home_port_left {
    left: 0;
    position: static; }

  .m-portfolio_listing_home .m-project_outer_02 {
    padding-left: 0; }

  .m-portfolio_listing.m-masonry_listing {
    overflow: hidden; }

  .m-portfolio_header img {
    width: 100%; }

  .m-portfolio_grid h3 {
    margin-bottom: 0; }

  .m-grid_portf_text {
    margin-bottom: 20px; }

  .m-portfolio_listing .col-xs-12 {
    float: none !important;
    margin: auto;
    max-width: 400px; }

  .m-portfolio_listing img {
    margin-bottom: 20px; }

  .m-project_box_outer > div {
    float: none;
    margin-left: auto !important;
    margin-right: auto;
    max-width: 300px;
    position: relative; } }
/*
PORTFOLIO SINGLE
*/
.m-portfolio_single_top .m-portfolio_detail_slide {
  padding-top: 100px; }
.m-portfolio_single_top .m-back_to {
  position: absolute;
  top: 0;
  right: 0; }
.m-portfolio_single_top .m-main_slider_count {
  bottom: auto;
  height: auto;
  left: 70px;
  right: auto;
  top: 75px; }
.m-portfolio_single_top .m-main_slider_count:after {
  position: absolute;
  content: "";
  display: block;
  width: 205px;
  height: 170px;
  border: 2px solid #000;
  top: -60px;
  left: -45px; }
.m-portfolio_single_top .m-main_total_slide {
  top: -15px; }
.m-portfolio_single_top .bx-wrapper img {
  float: right; }
.m-portfolio_single_top .m-portfoli_single_intro {
  padding-left: 60px;
  max-width: 435px; }
  .m-portfolio_single_top .m-portfoli_single_intro .m-back_to {
    position: relative;
    padding-bottom: 25px;
    display: inline-block; }
.m-portfolio_single_top .m-portfoli_single_intro::before {
  border: 3px solid #d4d4d4;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 240px; }
.m-portfolio_single_top h1 {
  font: 36px "lato black";
  padding: 0;
  margin: auto;
  position: relative;
  text-transform: capitalize;
  z-index: 99; }
.m-portfolio_single_top p {
  color: #8d8d8d;
  font: 400 11px/22px "lato";
  padding-top: 55px;
  position: relative;
  z-index: 99; }
.m-portfolio_single_top .m-view_site {
  margin-top: 55px; }
  .m-portfolio_single_top .m-view_site a, .m-portfolio_single_top .m-view_site span {
    font: 10px "lato black";
    text-transform: uppercase;
    letter-spacing: 1px; }
  .m-portfolio_single_top .m-view_site a {
    color: #b9b9b9; }
  .m-portfolio_single_top .m-view_site span {
    color: #333333; }
.m-portfolio_single_top .m-share_via {
  padding-top: 90px; }
  .m-portfolio_single_top .m-share_via span {
    font: 10px "lato black";
    text-transform: uppercase;
    letter-spacing: 1px; }
  .m-portfolio_single_top .m-share_via ul {
    padding-left: 0;
    text-align: left;
    margin-top: 10px; }
  .m-portfolio_single_top .m-share_via ul li:first-child {
    padding-left: 0; }

.m-single_port_rel {
  text-align: center;
  margin-top: 90px; }
  .m-single_port_rel h4 {
    font: 11px "lato black";
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    position: absolute;
    left: 60px;
    bottom: 40px; }
  .m-single_port_rel h4::after {
    content: "";
    display: block;
    background: #333333;
    width: 34px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -18px; }
  .m-single_port_rel img {
    float: right;
    opacity: 0; }

.m-single_port_rel:hover img {
  opacity: 1; }

.m-single_port_rel:hover h4::after {
  bottom: auto;
  bottom: 32px; }

@media (max-width: 767px) {
  .m-single_port_rel {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    margin-top: 20px; }

  .m-single_port_rel::after {
    clear: both;
    content: "";
    display: block; }

  .m-single_port_rel img {
    opacity: 1; }

  .bx-wrapper img {
    width: 100%; }

  .m-portfolio_single_top .m-portfoli_single_intro {
    padding-left: 0; }

  .m-portfolio_single_top .m-main_slider_count::after {
    left: -30px;
    top: -50px;
    width: 175px;
    height: 135px; }

  .m-main_slider_text {
    top: 10%; }

  .m-project_rel .row {
    margin: auto; }

  .m-portfolio_single_top .m-view_site {
    margin-top: 20px; }

  .m-portfolio_single_top .m-share_via {
    padding-top: 20px; } }
/*
FOOTER
*/
.m-footer {
  padding: 60px 0; }

.m-footer .m-social {
  float: right; }

.m-footer_logo {
  text-align: center; }

.m-social li {
  display: inline-block;
  padding: 3px 8px;
  list-style: none; }

.m-social li a {
  color: #333333; }

.m-footer_line {
  background: #cacaca none repeat scroll 0 0;
  position: relative;
  top: 12px; }

.m-footer .m-social {
  margin: auto; }

.m-footer_line > p {
  left: 0;
  position: absolute; }

@media (max-width: 980px) {
  .m-social li {
    margin: 3px 5px; } }
@media (max-width: 767px) {
  .m-footer_line {
    top: -10px; }

  .m-footer .m-social {
    width: 100%;
    margin-top: 6px; }

  .m-footer_logo {
    padding-top: 20px; }

  .m-footer_line > p {
    text-align: center;
    width: 100%;
    padding-top: 6px; }

  .m-footer {
    padding: 20px 0; } }
/* BORDER SIDE EFFECT */
.m-side_border_img, .m-side_border_but {
  position: relative;
  display: inline-block; }

.m-side_border_but .m-but {
  border: none; }

.m-side_4, .m-side_3, .m-side_1, .m-side_2 {
  background: #000 none repeat scroll 0 0; }

.m-side_2 {
  right: 0;
  top: 0; }

.m-side_1 {
  left: 0;
  top: 0; }

.m-side_1, .m-side_3 {
  background: #e8e8e8 none repeat scroll 0 0;
  height: 2px;
  position: absolute;
  width: 100%; }

.m-side_3 {
  bottom: 0;
  right: 0; }

.m-side_2, .m-side_4 {
  height: 100%;
  background: #e8e8e8 none repeat scroll 0 0;
  position: absolute;
  width: 2px; }

.m-side_4 {
  bottom: 0;
  left: 0; }

.m-portfolio_intro .m-side_4 {
  background: #323333; }
.m-portfolio_intro .m-side_3 {
  background: #323333; }
.m-portfolio_intro .m-side_1 {
  background: #323333; }
.m-portfolio_intro .m-side_2 {
  background: #323333; }

.m-side_border_img .m-side_4, .m-side_border_but .m-side_4 {
  background: transparent; }
.m-side_border_img .m-side_3, .m-side_border_but .m-side_3 {
  background: transparent; }
.m-side_border_img .m-side_1, .m-side_border_but .m-side_1 {
  background: transparent; }
.m-side_border_img .m-side_2, .m-side_border_but .m-side_2 {
  background: transparent; }

.m-side_outer:hover div.m-side_border i {
  height: 100%;
  width: 100%; }

.m-side_outer:hover div.m-side_border .m-side_1 i {
  transition: width 0.2s ease-out 0.0s;
  -webkit-transition: width 0.2s ease-out 0.0s;
  -moz-transition: width 0.2s ease-out 0.0s; }

.m-side_outer:hover div.m-side_border .m-side_2 i {
  transition: height 0.2s ease-out 0.4s;
  -webkit-transition: height 0.2s ease-out 0.4s;
  -moz-transition: height 0.2s ease-out 0.4s; }

.m-side_outer:hover div.m-side_border .m-side_3 i {
  transition: width 0.2s ease-out 0.8s;
  -webkit-transition: width 0.4s ease-out 0.8s;
  -moz-transition: width 0.4s ease-out 0.8s; }

.m-side_outer:hover div.m-side_border .m-side_4 i {
  transition: height 0.2s ease-out 1.2s;
  -webkit-transition: height 0.2s ease-out 1.2s;
  -moz-transition: height 0.2s ease-out 1.2s; }

.m-side_1 i, .m-side_3 i {
  background: #2e5aef none repeat scroll 0 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 0; }

.m-side_1 i {
  left: 0;
  top: 0;
  transition: width 0.4s ease-out 1.2s;
  -moz-transition: width 0.4s ease-out 1.2s;
  -webkit-transition: width 0.4s ease-out 1.2s; }

.m-side_2 i {
  left: 0;
  top: 0;
  transition: height 0.4s ease-out 0.8s;
  -webkit-transition: height 0.4s ease-out 0.8s;
  -moz-transition: height 0.4s ease-out 0.8s; }

.m-side_2 i, .m-side_4 i {
  background: #2e5aef none repeat scroll 0 0;
  display: block;
  height: 0;
  position: absolute;
  width: 100%; }

.m-side_3 i {
  right: 0;
  top: 0;
  transition: width 0.4s ease-out 0.4s;
  -moz-transition: width 0.4s ease-out 0.4s;
  -webkit-transition: width 0.4s ease-out 0.4s; }

.m-side_4 i {
  bottom: 0;
  left: 0;
  transition: height 0.4s ease-out 0s;
  -webkit-transition: height 0.4s ease-out 0s;
  -moz-transition: height 0.4s ease-out 0s; }

.m-side_border_but .m-side_1 i, .m-side_border_but .m-side_3 i, .m-side_border_but .m-side_2 i, .m-side_border_but .m-side_4 i {
  background: #333333; }

.m-side_border_but:hover .m-side_1 i, .m-side_border_but:hover .m-side_3 i, .m-side_border_but:hover .m-side_2 i, .m-side_border_but:hover .m-side_4 i {
  background: #2e5aef; }

@media (max-width: 990px) {
  .m-side_border_img {
    display: block; } }

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