@import url("https://fonts.googleapis.com/css?family=Oswald:300|Roboto:300,400,500|Roboto+Condensed:300,400");
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Montserrat:400,600,700|Open+Sans:300,400,600');
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Global Styles
	1.1 WordPress Core
	1.2 Header
	1.3 Footer
	1.4 Top Bar
	1.5 Forms
	1.6 Miscellaneous
2.0 Homepage
3.0 Subpages
4.0 Effects
5.0 Animations
6.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 GLOBAL STYLES
--------------------------------------------------------------*/

@font-face{ font-family:"DIN W01 Regular"; 
	src:url("../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix"); src:url("../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix") format("eot"),url("../fonts/5591097/6ceed230-b2b3-4422-b048-4aa11687430a.woff2") format("woff2"),url("../fonts/5591097/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff") format("woff"),url("../fonts/5591097/247437df-66d2-4605-ac03-1be0e07c31a7.ttf") format("truetype"); 
} 

@font-face{ font-family:"DIN W01 Bold"; src:url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix"); src:url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix") format("eot"),url("../fonts/5591154/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2") format("woff2"),url("../fonts/5591154/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff") format("woff"),url("../fonts/5591154/24018d68-3235-4323-9ec0-4a86537b0f30.ttf") format("truetype"); }

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  overflow-x: hidden;
}

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

h1 {
  font-size: 33px;
  text-transform: uppercase;
  line-height: 1;
  margin: 18px 0;
  padding: 0;
  letter-spacing: 0px;
}

.wpcf7 div.wpcf7-response-output {
  display: block;
  clear: both;
  margin: 1.25rem auto 0;
  float: left;
  width: 100%;
  border: none;
}
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng,
.wpcf7 div.wpcf7-spam-blocked,
.wpcf7 div.wpcf7-validation-errors {
  font-size: 0.8125rem;
  color: #fff;
  border: none;
}
.wpcf7 div.wpcf7-mail-sent-ok {
  background: #191919;
}
.wpcf7 div.wpcf7-mail-sent-ng {
  background: #c60f13;
}
.wpcf7 div.wpcf7-spam-blocked {
  background: #ffa500;
}
.wpcf7 div.wpcf7-validation-errors {
  background: #f7e700;
  color: #000;
}

.mobile-nav-menu {
  display: none;
}

.page-template-template-project .outer{
	padding:6.85% 1.85% 1.85% 1.85% !important;
}
.outer{
	padding:1.85% 1.85% 1.85% 1.85%;
}

.page-template-template-project .row.content {
    max-width: none;
    clear: both;
}

.page-template-template-project .row.content > .row {
    max-width: none;
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
}

.wrapper {
  opacity: 0;
  position: relative;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.symbol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #fff;
}
.symbol img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -34px;
  margin-left: -34px;
  -webkit-animation: pulsate 1.3s infinite ease-in-out;
  -moz-animation: pulsate 1.3s infinite ease-in-out;
  animation: pulsate 1.3s infinite ease-in-out;
}

body.loaded .wrapper {
  opacity: 1;
}

/*--------------------------------------------------------------
1.1 WORDPRESS CORE
--------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.sticky {
  color: red;
}

.gallery-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.bypostauthor {
  font-weight: 600;
}
a{ outline:none;}
/*--------------------------------------------------------------
1.2 HEADER
--------------------------------------------------------------*/
.main-menu-wrap {
  position: absolute;
  top: 57px;
  left: 45px;
  z-index: 1003;
 /* border:1px solid #ccc;*/
}
.main-menu-wrap .logo {
  display: block;
  width: 192px;
  height: 72px;
  float: left;
  background: #fff;
  padding: 10px 28px;
  position: relative;
  z-index: 2;
}
.main-menu-wrap .logo:hover {
  opacity: 0.9;
}

.single-project .main-menu-wrap.fixed{ left: 1.85%;}

.main-menu-wrap.fixed {
  position: fixed;
  top: 1.85%;
  left: 2.85%;
  /*background: #fff;*/
 
}
.main-menu-wrap.fixed .logo {
  padding: 11px 28px 11px 19px;
  height: 70px;
  width: 192px;
  margin-top:1px;
}

.logged-in.admin-bar .main-menu-wrap.fixed {
  top: 32px;
}

.hamburger-menu {
  display: block;
  width: 78px;
  height: 72px;
  float: left;
  line-height: 1;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding: 26px 27px;
  position: relative;
  z-index: 1004;
  /*background: #fff;*/
  border:1px solid #000;
 /* background:#878b3a;*/
  transition-delay: 3s;
}
.hamburger-menu span {
  width: 24px;
  height: 3px;
  background: #000;
  float: left;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-top: 3px;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hamburger-menu span:before {
  content: "";
  width: 24px;
  height: 3px;
  background: #000;
  float: left;
  margin-top: 6px;
  display: block;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hamburger-menu span:after {
  content: "";
  width: 24px;
  height: 3px;
  background: #000;
  float: left;
  margin-top: 3px;
  display: block;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.hamburger-menu.fixed span {
  width: 24px;
  height: 3px;
  background: #fff;
  float: left;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-top: 3px;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hamburger-menu.fixed span:before {
  content: "";
  width: 24px;
  height: 3px;
  background: #fff;
  float: left;
  margin-top: 6px;
  display: block;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hamburger-menu.fixed span:after {
  content: "";
  width: 24px;
  height: 3px;
  background: #fff;
  float: left;
  margin-top: 3px;
  display: block;
  -webkit-transition: all 0.5s 0.1s ease-in-out;
  -moz-transition: all 0.5s 0.1s ease-in-out;
  -ms-transition: all 0.5s 0.1s ease-in-out;
  -o-transition: all 0.5s 0.1s ease-in-out;
  transition: all 0.5s 0.1s ease-in-out;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.hamburger-menu span.active {
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  margin-top: 8px;
  opacity: 1;
  background: #000;
}
.hamburger-menu span.active:before {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-top: 0px;
  background: #000;
}
.hamburger-menu span.active:after {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-top: -2px;
  background: #000;
  height: 2px;
}
.hamburger-menu.fixed {
  background: #fff;
  width: 68px;
  height: 68px;
  padding: 25px 21px;
}

.menu-box {
  position: absolute;
  top: 57px;
  left: 45px;
  background: #878b3a;
  opacity: 0;
  z-index: 1001;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.menu-box.active {
  opacity: 1;
  top: 129px;
}
.menu-box.fixed {
  position: fixed;
  top: 0;
  left: 2.85%;
}
.menu-box.fixed.active {
  top: 88px;
}

.single-project .menu-box.fixed{ left:1.85%;}

.menu-box .social {
  text-align: center;
  border-top: 1px solid #434343;
  height: 75px;
  padding: 26px 15px;
}
.menu-box .social a {
  color: #787878;
  display: inline-block;
  font-size: 22px;
  margin-left: 22px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
}
.menu-box .social a:first-child {
  margin-left: 0;
}
.menu-box .social a:hover {
  color: #fff;
  top: -2px;
}

.logged-in.admin-bar .menu-box.fixed.active {
  top: 100px;
}

.menu-main {
  width: 270px;
  list-style: none;
  margin: 0;
  padding: 56px 32px 32px;
}
.menu-main > li {
  line-height: 1;
  margin-top: 22px;
}
.menu-main > li:first-child {
  margin-top: 0;
}
.menu-main > li > a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  position: relative;
}
.menu-main > li > a:hover {
  text-decoration: underline;
}
.menu-main > li .sub-menu {
  list-style: none;
  margin: 0;
  padding-top: 12px;
  display: none;
}
.menu-main > li .sub-menu li {
  line-height: 1.2;
}
.menu-main > li .sub-menu li a {
  font-size: 14px;
  color: #ccc;
  text-decoration: none;
}
.menu-main > li .sub-menu li a:hover {
  text-decoration: underline;
}
.menu-main > li.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  position: relative;
  top: -2px;
  margin-left: 7px;
}
.menu-main > li.menu-item-has-children.active-menu > a:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: none;
}

/*--------------------------------------------------------------
1.3 FOOTER
--------------------------------------------------------------*/
footer {
  padding: 18px 0;
  background: #fff;
}
footer p {
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1;
}
footer p a {
  color: #fff;
  text-decoration: underline;
}
footer p a:hover {
  color: #fff;
}

/*--------------------------------------------------------------
1.4 TOP BAR
--------------------------------------------------------------*/
.mobile-nav-menu {
  width: 100%;
  height: 60px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1003;
  display: none;
}
.mobile-nav-menu .mobile-logo {
  float: left;
  padding: 14px 0;
  margin-left: 15px;
}
.mobile-nav-menu .mobile-logo img {
  width: auto;
  height: 32px;
}
.mobile-nav-menu .mobile-menu-btn {
  display: block;
  float: right;
  line-height: 1;
  font-size: 15px;
  color: #707070;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  height: 60px;
  padding: 18px 0 20px;
  margin-right: 12px;
  position: relative;
  z-index: 1004;
}
.mobile-nav-menu .mobile-menu-btn span {
  width: 30px;
  height: 4px;
  background: #fff;
  float: left;
  -webkit-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -moz-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -ms-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -o-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  margin-top: 3px;
  margin-right: 5px;
}
.mobile-nav-menu .mobile-menu-btn span:before {
  content: "";
  width: 30px;
  height: 4px;
  background: #fff;
  float: left;
  margin-top: 7px;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -moz-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -ms-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -o-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  margin-right: 5px;
}
.mobile-nav-menu .mobile-menu-btn span:after {
  content: "";
  width: 30px;
  height: 4px;
  background: #fff;
  float: left;
  margin-top: 3px;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -moz-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -ms-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  -o-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
  margin-right: 5px;
}
.mobile-nav-menu .mobile-menu-btn span.active {
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  margin-top: 7px;
  opacity: 1;
  background: #fff;
}
.mobile-nav-menu .mobile-menu-btn span.active:before {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-top: 0px;
  background: #fff;
}
.mobile-nav-menu .mobile-menu-btn span.active:after {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-top: -4px;
  background: #fff;
}
.mobile-nav-menu .mobile-menu-container {
  position: absolute;
  top: 0;
  left: -100%;
  background: #000;
  width: 100%;
  z-index: 1003;
  /* 		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
      	-moz-box-shadow:    0px 2px 3px 0px rgba(0, 0, 0, 0.1);
      	box-shadow:         0px 2px 3px 0px rgba(0, 0, 0, 0.1); */
  opacity: 0;
  height: 100%;
  min-height: 100vh;
  padding-top: 60px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mobile-nav-menu .mobile-menu-container.active {
  left: 0;
  opacity: 1;
}
.mobile-nav-menu .mobile-menu-container .mobile-logo-large {
  display: block;
  margin: 0 auto 30px;
  width: 120px;
}
.mobile-nav-menu .mobile-menu-container .mobile-logo-large img {
  width: 100%;
}
.mobile-nav-menu .mobile-menu-container ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #000;
}
.mobile-nav-menu .mobile-menu-container ul.menu li {
  display: block;
}
.mobile-nav-menu .mobile-menu-container ul.menu li a {
  display: block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 15px 0;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
.mobile-nav-menu .mobile-menu-container ul.menu li a:hover {
  background: #222;
}
.mobile-nav-menu .mobile-menu-container > ul {
  padding: 20px 0;
}

@media screen and (max-width: 1024px) {
  .sf-dropdown ul,
  .menu-item-has-children ul {
    display: none;
  }
  .sf-dropdown > a:after,
  .menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent gray;
    margin-left: 10px;
  }
  .sf-dropdown.active-menu > a:after,
  .menu-item-has-children.active-menu > a:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid gray;
    text-indent: -999px;
    overflow: hidden;
  }

  .sf-dropdown-menu,
  .sub-menu {
    margin-left: 0;
  }
  .sf-dropdown-menu a,
  .sub-menu a {
    text-transform: none !important;
  }
}
/*--------------------------------------------------------------
1.5 FORMS
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  height: 48px;
  border: none;
  box-shadow: none;
  background: #f7f7f7;
  color: #5f5f5f;
  font-size: 14px;
  padding: 24px 18px;
}
input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
textarea.wpcf7-not-valid,
input[type="text"]:focus.wpcf7-not-valid,
input[type="email"]:focus.wpcf7-not-valid,
input[type="tel"]:focus.wpcf7-not-valid,
textarea:focus.wpcf7-not-valid {
  border: 1px solid #c60f13;
  background-color: #f8e6e7;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
input[type="text"].focused,
input[type="email"].focused,
input[type="tel"].focused,
textarea.focused {
  background: none;
  border-bottom: 1px solid #aaa;
  padding: 24px 0;
}

textarea {
  height: 233px;
}

input[type="submit"] {
  background: #000;
  color: #fff;
  font-size: 14px;
  border: none;
  min-width: 149px;
  height: 51px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
input[type="submit"]:hover {
  background: #181818;
}

span.wpcf7-not-valid-tip {
  display: none !important;
}

/*--------------------------------------------------------------
1.6 MISCELLANEOUS
--------------------------------------------------------------*/
.bx-prev,
.bx-next {
  display: block;
  width: 48px;
  height: 96px;
  position: relative;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -48px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bx-prev:after,
.bx-next:after {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  opacity: 0.33;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.bx-prev {
  background: url("../images/arrow-left.png") center no-repeat;
  background-size: 20px auto;
  left: 0;
}
.bx-prev:hover {
  background: url("../images/arrow-left.png") center no-repeat, #878b3a;
  background-size: 20px auto;
}
.bx-prev:hover:after {
  border: 2px solid #000;
}

.bx-next {
  background: url("../images/arrow-right.png") center no-repeat;
  background-size: 20px auto;
  right: 0;
}
.bx-next:hover {
  background: url("../images/arrow-right.png") center no-repeat, #878b3a;
  background-size: 20px auto;
}
.bx-next:hover:after {
  border: 2px solid #878b3a;
}

/*--------------------------------------------------------------
2.0 HOMEPAGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
HOME SLIDER
--------------------------------------------------------------*/
.homeslider-wrap.menu-active {
  z-index: 1;
}
.homeslider-wrap .bx-wrapper {
  position: relative;
  max-height: 90vh;
}
.homeslider-wrap .bx-viewport {
  max-height: 90vh;
}
.homeslider-wrap .bx-controls {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  /*display:none;*/
}
.homeslider-wrap .bx-controls:hover .bx-prev,
.homeslider-wrap .bx-controls:hover .bx-next {
  opacity: 1;
}
.homeslider-wrap .bx-pager {
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 64px;
  text-align: center;
  line-height: 0;
}
.homeslider-wrap .bx-pager .bx-pager-item {
  display: inline-block;
  width: 31px;
  height: 5px;
  margin-left: 4px;
}
.homeslider-wrap .bx-pager .bx-pager-item:first-child {
  margin-left: 0;
}
.homeslider-wrap .bx-pager a {
  display: block;
  width: 31px;
  height: 5px;
  text-indent: -9999px;
  overflow: hidden;
  background: #fff;
  opacity: 0.5;
}
.homeslider-wrap .bx-pager a:hover, .homeslider-wrap .bx-pager a.active {
  opacity: 1;
}

.homeslider {
  margin: 0;
  list-style: none;
}
.homeslider li {
  position: relative;
}
.homeslider li img {
  width: 100%;
  height: 100%;
}

.slide-content {
  color: #fff;
  text-align:left;
  width: 100%;
  position: absolute;
  bottom:1%;
  left: 0;
  -webkit-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  transform: translateY(-75%);
  z-index: 999;
  background:rgba(135,139,57,0.6);
}
.slide-content strong {
  display: block;
  font-weight: normal;
  font-family: "Oswald", sans-serif;
  font-size: 42px;
  letter-spacing: 2px;
  padding-left:5px;
}
.slide-content span {
  display: block;
  font-weight: 300;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
}

#we-give-rise-to-design-slide .slide-content strong {
  font-size: 47px;
}

/*--------------------------------------------------------------
FEATURED WORK
--------------------------------------------------------------*/
.featured-work-wrap {
  max-width: none;
  padding: 14px 7px 0;
}

.featured-work,
.work-preview {
  display: block;
  padding: 0 7px;
  /* padding: 0;
  margin: 0 7px;
  width: calc(33.3333% - 14px); */
  position: relative;
  overflow: hidden;
  overflow: hidden;
}
.featured-work img,
.work-preview img {
  width: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.featured-work .work-info,
.work-preview .work-info {
  width: 180px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(135, 139, 57, 0.8);
  text-align: center;
  z-index: 3;
  -webkit-transition: background 0.8s ease-in-out;
  -moz-transition: background 0.8s ease-in-out;
  -ms-transition: background 0.8s ease-in-out;
  -o-transition: background 0.8s ease-in-out;
  transition: background 0.8s ease-in-out;
}
.featured-work .work-info .info-wrap,
.work-preview .work-info .info-wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 15px;
}
.featured-work .work-info strong,
.work-preview .work-info strong {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
  margin-bottom: 12px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.featured-work .work-info span,
.work-preview .work-info span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #ccc;
  line-height: 1;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.featured-work:after,
.work-preview:after {
  content: "";
  display: block;
  width: calc(100% - 14px);
  height: 100%;
  background: rgba(135, 139, 57, 0.8);
  position: absolute;
  top: 0;
  left: 7px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.featured-work:hover:after,
.work-preview:hover:after {
  opacity: 1;
}
.featured-work:hover .work-info,
.work-preview:hover .work-info {
  background: none;
}
.featured-work:hover strong,
.work-preview:hover strong {
  transform: scale(1.3);
  margin-bottom: 24px;
}
.featured-work:hover span,
.work-preview:hover span {
  transform: scale(1.3);
}

.home_content{ background:#f3f3f3; float:left; width:100%; padding-top:50px; padding-bottom:50px;}

.home_content h1{ font-family:'Montserrat', sans-serif; font-size:40px; font-weight:700; letter-spacing:0;}
.home_content p.subheading{ font-family:'Lora', serif; font-size:24px; font-style:italic; }
.home_content p.largefont{ font-size:30px; }

.home_content .border{ border-left-width:1px !important; padding-left:30px !important; border-left-color:rgba(0,0,0,0.1) !important; border-left-style:solid !important;}

/*--------------------------------------------------------------
3.0 SUBPAGES
--------------------------------------------------------------*/
.breadcrumbs {
  margin: 0;
  padding: 0 13px;
}
.breadcrumbs a {
  font-size: 14px;
  color: #333;
  display: inline-block;
  margin-right: 5px;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span.current {
  font-size: 14px;
  color: #333;
  display: inline-block;
  font-weight: 500;
}

.row.content h1 {
  margin: 18px 13px;
}
.row.content p {
  font-size: 17px;
  color: #000;
  font-weight: 300;
}
.row.content p strong {
  font-weight: 500;
}

/*--------------------------------------------------------------
ABOUT PAGE
--------------------------------------------------------------*/
.bg{  width:100%; padding-left:1%;}
.page-template-page-about .row.content {
  max-width: none;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}
.page-template-page-about .row.content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 310px solid #fff;
  border-left: 1920px solid transparent;
  position: absolute;
  top: 480px;
  left: 0;
}
.page-template-page-about .row.content:after {
  content: "";
  display: block;
  width: 1920px;
  height: 500px;
  background: #fff;
  position: absolute;
  top: 790px;
  left: 0;
}
.page-template-page-about .row.content > .row {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  z-index: 2;
}
.left-item {
    position: relative;
    width: 50%;
    height: 100%;
    padding-right: 20px;
}
.left-item img {
    height: auto;
    max-width: 100%;
}
 .left-item,.right-item {
    float: left;
    position: relative;
    min-height: 1px;
}
.right-item {
    width: 50%;
    padding-left: 20px;
}
.profile-title {
    font-size: 18px;
    margin-top: 0px;
	font-weight:700;
}
.work h1, .bg h1{ font-size:30px;  font-family:'Montserrat', sans-serif; font-weight:700;}
.page-template-page-about footer {
  position: relative;
  z-index: 2;
}
.page-template-page-service .row.content {

  max-width: none;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}
.page-template-page-service .row.content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  /*border-bottom: 310px solid #fff;
  border-left: 1920px solid transparent;*/
  position: absolute;
  top: 480px;
  left: 0;
}
.page-template-page-service .row.content:after {
  content: "";
  display: block;
  width: 1920px;
  height: 500px;
  background: #fff;
  position: absolute;
  top: 790px;
  left: 0;
}
.page-template-page-service .row.content > .row {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  z-index: 2;
}


.page-template-page-inovation .row.content {
  max-width: none;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}
.page-template-page-inovation .row.content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
 
  position: absolute;
  top: 480px;
  left: 0;
}
.page-template-page-inovation .row.content:after {
  content: "";
  display: block;
  width: 1920px;
  height: 500px;
  background: #fff;
  position: absolute;
  top: 790px;
  left: 0;
}
.page-template-page-inovation .row.content > .row {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  z-index: 2;
}


/*--------------------------------------------------------------
CONTACT PAGE
--------------------------------------------------------------*/
.page-template-page-contact {
  position: relative;
}
.page-template-page-contact .breadcrumbs {
  padding: 0;
}
.page-template-page-contact .row.content {
  max-width: none;
  padding-top: 70px;
}
.page-template-page-contact .row.content > .row {
  max-width: 1226px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background: #fff;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.18);
  padding: 26px 30px 144px;
}
.page-template-page-contact .row.content h1 {
 
  font-size: 30px;
  padding: 0;
  margin: 22px 0 23px 0;
  letter-spacing: 0;
}
.page-template-page-contact h2 {
  font-size: 24px; text-transform: uppercase; font-weight:700; margin-top:34px;
}
.page-template-page-contact .map-mobile {
  display: none;
}
.page-template-page-contact .contact-info {
  line-height: 24px;
  margin-bottom: 5px;
}
.page-template-page-contact .contact-info a { color: #878b3a;}
.page-template-page-contact .directions a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  color: #333;
}
.page-template-page-contact .large-9 {
  padding-top: 30px;
  padding-left: 30px;
}
.page-template-page-contact form {
  margin-top: 22px;
}
.page-template-page-contact form .large-6.left-side {
  max-width: 341px;
}
.page-template-page-contact form .large-6.right-side {
  float: right;
  width: 464px;
}
.page-template-page-contact form .row {
  position: relative;
}
.page-template-page-contact form .row small {
  display: block;
  position: absolute;
  left: 18px;
  top: 24px;
  color: #5f5f5f;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.page-template-page-contact form .row small.focused {
  top: 0;
  left: 0;
  font-size: 11px;
}
.page-template-page-contact input[type="text"],
.page-template-page-contact input[type="email"],
.page-template-page-contact input[type="tel"] {
  margin-bottom: 20px;
}
.page-template-page-contact textarea {
  height: 140px;
  margin-bottom: 19px;
}
.page-template-page-contact footer {
  width: 100%;
  position: relative;
}

.cf7sr-g-recaptcha,
.wpcf7-recaptcha {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
WORK ARCHIVES
--------------------------------------------------------------*/
.tax-work_type .breadcrumbs {
  line-height: 1;
  height: 68px;
  float: right;
  padding: 26px 17px;
}
.tax-work_type .row.content {
  max-width: none;
  clear: both;
  margin-top: 68px;
}
.tax-work_type .row.content > .row {
  max-width: none;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.work-preview {
  width: calc(47.5% - 30px);
  background: none !important;
  padding: 0;
  margin: 0px 10px;
}

.work-previews {
  width: calc(47.5% - 30px);
  background: none !important;
  padding: 0;
  margin: 0 30px 10px;
  margin-bottom:52px;
}
.work-preview .work-info {
  width: 237px;
  height: 211px;
}
.work-preview:after {
  width: 100%;
  left: 0;
}

.work-previews .work-info {
  width: 237px;
  height: 211px;
}
.work-previews:after {
  width: 100%;
  left: 0;
}

/*--------------------------------------------------------------
SINGLE WORK
--------------------------------------------------------------*/
.single-project .menu-box.fixed.active {
  top: 79px;
}
.single-project .breadcrumbs {
  width: 100%;
  background: #181818;
  color: #fff;
  height: 60px;
  line-height: 1;
  padding: 22px 37px;
  position: fixed;
  top: 68px;
  left: 0;
  z-index: 1002;
}
.single-project .breadcrumbs a {
  color: #ccc;
}
.single-project .breadcrumbs span {
  color: #fff;
}
.single-project .row.content {
  margin-top: 70px;
  max-width: none;
  position: relative;
  background: #fff;
}
.single-project .work-details {
 /* position: absolute;*/
  top: 86px;
  left: 0;
  /*background: #646a69;*/
  padding: 44px 0px 0;
  line-height: 36px;
  z-index: 1000;
  line-height: 1.2;
}
.single-project .work-details h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #000;
  /*text-align: center !important;*/
  margin: 0 0 50px;
  line-height: 1;
  letter-spacing: 0;
}
.single-project .work-details strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  display: block;
}
.work-details .large-12 { margin-bottom:10px;}
.single-project .work-details span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555252;
}
.single-project .work-details span a{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555252;
}
.single-project .hero-img span,
.single-project .gallery-img span {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.single-project .hero-img:before,
.single-project .gallery-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
.single-project .hero-img em,
.single-project .gallery-img em {
  display: block;
  position: absolute;
  left: 17px;
  bottom: 17px;
  z-index: 3;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: underline;
}
.single-project .hero-img em i,
.single-project .gallery-img em i {
  margin-right: 9px;
}
.single-project .hero-img:hover span,
.single-project .gallery-img:hover span {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.single-project .hero-img:hover:before,
.single-project .gallery-img:hover:before {
  opacity: 0.3;
}
.single-project .hero-img:hover em,
.single-project .gallery-img:hover em {
  opacity: 1;
}
.single-project .hero-img {
  display: block;
  height: 361px;
  position: relative;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
  overflow: hidden;
}
.single-project .hero-img:before {
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
.single-project .gallery {
  width: calc(100% - 16px);
  margin: 16px 16px 0;
}
.single-project .gallery-img {
  display: block;
  width: calc(50% - 16px);
  margin-bottom: 16px;
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.single-project .gallery-img img {
  max-width: none;
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.single-project .gallery-img:nth-child(1n) {
  width: calc(33.3333% - 16px);
  height: 718px;
}
.single-project .gallery-img:nth-child(2n) {
  width: calc(66.6666% - 16px);
  height: 718px;
}
.single-project .gallery-img:nth-child(3n) {
  width: calc(100% - 16px);
  height: 718px;
}
@media screen and (min-width: 769px) {
  .single-project .gallery-img:last-child[data-slide-index="7"] {
    width: calc(100% - 16px);
    height: 718px;
  }
}

.postid-66 .hero-img img {
  position: relative;
  top: -70%;
}

.next-project-wrap {
  max-width: none;
  background: #fff;
  padding: 30px 0;
}
.next-project-wrap a {
  display: block;
  margin: 0 auto;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 2px;
  width: 203px;
  height: 63px;
  border: 1px solid #d3d3d3;
  color: #808080;
  padding: 20px 20px 20px 29px;
  position: relative;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.next-project-wrap a:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url("../images/next-project-arrow_2x.png") no-repeat;
  background-size: 21px;
  float: right;
  position: relative;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.next-project-wrap a:hover {
  border: 1px solid #191919;
  background: #191919;
  color: #fff;
}
.next-project-wrap a:hover:after {
  left: 5px;
  background: url("../images/next-project-arrow-white_2x.png") no-repeat;
  background-size: 21px;
}

.back-to-top {
  display: block;
  width: 55px;
  height: 55px;
  position: fixed;
  right: 0;
  bottom: 1px;
  z-index: 1999;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/back-to-top_2x.png") center no-repeat;
  background-size: 55px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
}
.back-to-top.visible {
  opacity: 1;
}

.single-project.logged-in.admin-bar .breadcrumbs {
  top: 100px;
}

.img-slider-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.img-slider-wrap.activated {
  opacity: 1;
}
.img-slider-wrap .bx-wrapper {
  position: relative;
  background: #fff;
}
.img-slider-wrap .bx-viewport {
  height: calc(100vh - (200px) ) !important;
}
.img-slider-wrap .bx-prev,
.img-slider-wrap .bx-next {
  opacity: 1;
}
.img-slider-wrap .bx-prev:after,
.img-slider-wrap .bx-next:after {
  border: 2px solid #999;
}
.img-slider-wrap .bx-prev {
  background: url("../images/arrow-left-grey.png") center no-repeat;
  background-size: 20px auto;
}
.img-slider-wrap .bx-prev:hover {
  background: url("../images/arrow-left.png") center no-repeat, #000;
  background-size: 20px auto;
}
.img-slider-wrap .bx-prev:hover:after {
  border: 2px solid #000;
}
.img-slider-wrap .bx-next {
  background: url("../images/arrow-right-grey.png") center no-repeat;
  background-size: 20px auto;
}
.img-slider-wrap .bx-next:hover {
  background: url("../images/arrow-right.png") center no-repeat, #000;
  background-size: 20px auto;
}
.img-slider-wrap .bx-next:hover:after {
  border: 2px solid #000;
}

.img-slider {
  margin: 0;
  list-style: none;
}
.img-slider li {
  position: relative;
  text-align: center;
  height: calc(100vh - (200px) ) !important;
}
.img-slider li img {
  width: auto;
  height: 100%;
}

#img-slider-pager {
  width: 100%;
  background: #fff;
  text-align: center;
  height: 100px;
  padding: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
#img-slider-pager a {
  display: inline-block;
  margin-left: 5px;
  width: 68px;
  opacity: 0.5;
}
#img-slider-pager a:first-child {
  margin-left: 0;
}
#img-slider-pager a.active {
  opacity: 1;
}

.slider-header {
  background: #191919;
  height: 100px;
  position: relative;
  padding: 25px 36px;
}
.slider-header h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 4px;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  float: left;
  letter-spacing: 1px;
}
.slider-header .close-btn {
  display: block;
  width: 22px;
  height: 22px;
  background: url("../images/close-x_2x.png") no-repeat;
  background-size: 22px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 40px;
}
.slider-header .close-btn:hover {
  opacity: 0.7;
}

.slide-counter {
  font-size: 14px;
  color: #fff;
  float: left;
  clear: both;
}
.slide-counter > div {
  text-decoration: underline;
  display: inline-block;
}
.slide-counter em {
  font-style: normal;
  font-weight: 300;
}

.logged-in.admin-bar .img-slider-wrap {
  top: 32px;
}

.share-btns {
  margin: 0;
  list-style: none;
  position: fixed;
  top: 214px;
  right: 0;
  z-index: 1000;
}
.share-btns li a {
  display: block;
  width: 48px;
  height: 48px;
  color: #fff;
  background: #191919;
  text-align: center;
  padding: 6px;
  font-size: 24px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #191919;
}
.share-btns li.facebook-btn a:hover {
  background: #3b5998;
}
.share-btns li.twitter-btn a:hover {
  background: #1da1f2;
}
.share-btns li.pinterest-btn a:hover {
  background: #c92228;
}
.share-btns li.linkedin-btn a:hover {
  background: #0077b5;
}

/*--------------------------------------------------------------
404 PAGE
--------------------------------------------------------------*/
.error404 {
  background: #fff;
}
.error404 .symbol,
.error404 .main-menu-wrap,
.error404 .menu-box {
  display: none;
}
.error404 .wrapper {
  opacity: 1;
}
.error404 .large-12 {
  text-align: center;
  padding-top: 100px;
}
.error404 h1 {
  font-size: 50px;
  margin-bottom: 51px;
}
.error404 p,
.error404 ul {
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}
.error404 p a,
.error404 ul a {
  color: #000;
  text-decoration: none;
}
.error404 p a:hover,
.error404 ul a:hover {
  text-decoration: underline;
}
.error404 ul {
  margin: 0;
  list-style: none;
  font-size: 14px;
}

/*--------------------------------------------------------------
LOGIN PAGE
--------------------------------------------------------------*/
.page-template-page-login .row.content {
  max-width: none;
}
.page-template-page-login .overlay {
  width: 100%;
  height: 470px;
  position: relative;
}
.page-template-page-login .overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.page-template-page-login .overlay > div {
  position: relative;
  z-index: 2;
}
.page-template-page-login .overlay > div p {
  color: #fff;
  text-align: center;
  font-size: 36px;
  line-height: 38px;
  max-width: 690px;
  margin: 0 auto;
  padding-top: 225px;
}
.page-template-page-login h1 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  color: #4A4A4A;
  text-transform: none;
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 24px;
  margin: 0;
}
.page-template-page-login .large-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.page-template-page-login .row.form-wrap {
  max-width: none;
  margin: 0;
  padding-top: 75px;
  padding-bottom: 50px;
}
.page-template-page-login .login-video-overlay {
  display: block;
  width: 418px;
  height: 268px;
  background: url("../images/video-overlay.jpg") center no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -209px;
  z-index: 2;
  border: 1px solid #979797;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .page-template-page-login .row.form-wrap {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .page-template-page-login .overlay {
    height: 250px;
  }
  .page-template-page-login .overlay > div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
  }
  .page-template-page-login .overlay > div p {
    font-size: 24px;
    line-height: 1.2;
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .page-template-page-login .login-video-overlay {
    display: none;
  }
  .page-template-page-login .login-video-overlay + iframe {
    max-width: 96%;
  }
}
/*--------------------------------------------------------------
4.0 EFFECTS
--------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
  /*- ------ GLOBAL ------- */
  .main-menu-wrap .logo {
    left: 30px;
    opacity: 0;
   /* -webkit-transition: all 0.4s 0.5s ease-in-out;
    -moz-transition: all 0.4s 0.5s ease-in-out;
    -ms-transition: all 0.4s 0.5s ease-in-out;
    -o-transition: all 0.4s 0.5s ease-in-out;
    transition: all 0.4s 0.5s ease-in-out;*/
  }

  body.loaded .wrapper {
    opacity: 1;
  }
  body.loaded .main-menu-wrap .logo {
    left: 0;
    opacity: 1;
  }

  /*- ------ HOME SLIDER ------- */
  .slide-content strong {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
    top: -50px;
    opacity: 0;
  }
  .slide-content span {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
    top: 50px;
    opacity: 0;
  }

  /*.homeslider li img {
    -webkit-animation: zoomSlow 45s infinite linear;
    -moz-animation: zoomSlow 45s infinite linear;
    animation: zoomSlow 45s infinite linear;
  }*/

  li.active-slide .slide-content strong {
    top: 0;
    opacity: 1;
  }
  li.active-slide .slide-content span {
    top: 0;
    opacity: 1;
  }

  /*- ------ FEATURED WORK ------- */
  .home .featured-work {
    opacity: 0;
    position: relative;
    top: 100px;
  }
  .home .featured-work:first-child {
    -webkit-transition: all 1s 0.5s ease-in-out;
    -moz-transition: all 1s 0.5s ease-in-out;
    -ms-transition: all 1s 0.5s ease-in-out;
    -o-transition: all 1s 0.5s ease-in-out;
    transition: all 1s 0.5s ease-in-out;
  }
  .home .featured-work:first-child + .featured-work {
    -webkit-transition: all 1s 0.8s ease-in-out;
    -moz-transition: all 1s 0.8s ease-in-out;
    -ms-transition: all 1s 0.8s ease-in-out;
    -o-transition: all 1s 0.8s ease-in-out;
    transition: all 1s 0.8s ease-in-out;
  }
  .home .featured-work:first-child + .featured-work + .featured-work {
    -webkit-transition: all 1s 1.1s ease-in-out;
    -moz-transition: all 1s 1.1s ease-in-out;
    -ms-transition: all 1s 1.1s ease-in-out;
    -o-transition: all 1s 1.1s ease-in-out;
    transition: all 1s 1.1s ease-in-out;
  }

  .home.loaded .featured-work {
    opacity: 1;
    top: 0;
  }



  /*- ------ ABOUT PAGE ------- */
  .page-template-page-about .breadcrumbs {
    opacity: 0;
    position: relative;
    left: -100px;
    -webkit-transition: all 0.6s 1.4s ease-in-out;
    -moz-transition: all 0.6s 1.4s ease-in-out;
    -ms-transition: all 0.6s 1.4s ease-in-out;
    -o-transition: all 0.6s 1.4s ease-in-out;
    transition: all 0.6s 1.4s ease-in-out;
  }
  .page-template-page-about .row.content h1 {
    opacity: 0;
    position: relative;
    left: -100px;
    -webkit-transition: all 0.6s 1.8s ease-in-out;
    -moz-transition: all 0.6s 1.8s ease-in-out;
    -ms-transition: all 0.6s 1.8s ease-in-out;
    -o-transition: all 0.6s 1.8s ease-in-out;
    transition: all 0.6s 1.8s ease-in-out;
  }
  .page-template-page-about .large-6 {
    opacity: 0;
    position: relative;
    top: 100px;
    -webkit-transition: all 0.5s 1s ease-in-out;
    -moz-transition: all 0.5s 1s ease-in-out;
    -ms-transition: all 0.5s 1s ease-in-out;
    -o-transition: all 0.5s 1s ease-in-out;
    transition: all 0.5s 1s ease-in-out;
  }
  .page-template-page-about .large-6 p {
    opacity: 0;
    position: relative;
    left: -100px;
    -webkit-transition: all 0.6s 2.2s ease-in-out;
    -moz-transition: all 0.6s 2.2s ease-in-out;
    -ms-transition: all 0.6s 2.2s ease-in-out;
    -o-transition: all 0.6s 2.2s ease-in-out;
    transition: all 0.6s 2.2s ease-in-out;
  }
  .page-template-page-about .large-6 img {
    opacity: 0;
    position: relative;
    left: -100px;
    -webkit-transition: all 0.6s 2.6s ease-in-out;
    -moz-transition: all 0.6s 2.6s ease-in-out;
    -ms-transition: all 0.6s 2.6s ease-in-out;
    -o-transition: all 0.6s 2.6s ease-in-out;
    transition: all 0.6s 2.6s ease-in-out;
  }
  .page-template-page-about .large-5 img {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fadeInUp 0.9s 1.5s forwards ease-in-out;
    -moz-animation: fadeInUp 0.9s 1.5s forwards ease-in-out;
    animation: fadeInUp 0.9s 1.5s forwards ease-in-out;
  }
  .page-template-page-about .large-5 p {
    opacity: 0;
    position: relative;
    top: -50px;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  }
  .page-template-page-about .large-5 p.on-screen {
    opacity: 1;
    top: 0;
  }

  .page-template-page-about.loaded .breadcrumbs,
  .page-template-page-about.loaded .row.content h1,
  .page-template-page-about.loaded .large-6 p,
  .page-template-page-about.loaded .large-6 img {
    opacity: 1;
    left: 0;
  }
  .page-template-page-about.loaded .large-6 {
    opacity: 1;
    top: 0;
  }

  /*- ------ WORK ARCHIVE ------- */
  .tax-work_type .featured-work {
    opacity: 0;
    position: relative;
    top: 100px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  .tax-work_type .featured-work.visible {
    opacity: 1;
    top: 0;
  }

  /*- ------ SINGLE WORK ------- */
  .single-project .work-details {
    opacity: 1;
    /*-webkit-animation: fadeInUp 1.2s 1s forwards ease-in-out;
    -moz-animation: fadeInUp 1.2s 1s forwards ease-in-out;
    animation: fadeInUp 1.2s 1s forwards ease-in-out;*/
  }
  .single-project .gallery-img {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    overflow: hidden;
  }
  .single-project .gallery-img.on-screen {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }

  /*- ------ CONTACT PAGE ------- */
  .page-template-page-contact .row.content > .row {
    position: relative;
    top: 200px;
    -webkit-transition: all 1s 0.5s ease-in-out;
    -moz-transition: all 1s 0.5s ease-in-out;
    -ms-transition: all 1s 0.5s ease-in-out;
    -o-transition: all 1s 0.5s ease-in-out;
    transition: all 1s 0.5s ease-in-out;
  }

  .page-template-page-contact.loaded .row.content > .row {
    top: 0;
  }
}
/*--------------------------------------------------------------
5.0 ANIMATIONS
--------------------------------------------------------------*/
@-webkit-keyframes fadeOutDown {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  50% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  50% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes bounce {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  50% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes bounceHorz {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes bounceHorz {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes bounceHorz {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes zoomSlow {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes zoomSlow {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomSlow {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@-moz-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@-webkit-keyframes slideRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes slideRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes slideLeft {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideLeft {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  50% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-moz-keyframes pulsate {
  0% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  50% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes pulsate {
  0% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  50% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-webkit-keyframes scrollDown {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes scrollDown {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes scrollDown {
  0% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes bounceRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes bounceRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes bounceRight {
  0% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  50% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  100% {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/*--------------------------------------------------------------
6.0 MEDIA QUERIES
--------------------------------------------------------------*/
@media screen and (max-width: 1208px) {
  .page-template-page-contact form .large-6 .row {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
  .page-template-page-contact form .large-6.left-side {
    max-width: none;
  }
  .page-template-page-contact form .large-6.right-side {
    width: 50%;
    max-width: none;
  }
}
/** Tablet Landscape **/
@media screen and (max-width: 1024px) {
  .main-menu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
  }
  .main-menu-wrap .logo {
    padding: 22px 28px 22px 19px;
    height: 68px;
    width: 202px;
  }

  .hamburger-menu {
    background: #fff;
    width: 68px;
    height: 68px;
    padding: 25px 21px;
  }

  .menu-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .menu-box.active {
    top: 68px;
  }

  .menu-main {
    width: 100%;
  }
  .menu-main > li {
    text-align: center;
  }
  .menu-main > li.menu-item-has-children > a:after {
    top: 3px;
  }
  .menu-main > li.menu-item-has-children.active-menu > a:after {
    top: -2px;
  }

  .slide-content {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .wrapper {
    margin-top: 68px;
  }

  .page-template-page-about .row.content {
    padding: 100px 15px 0;
  }
  .page-template-page-about .row.content:before {
    top: 362px;
  }
  .page-template-page-about .row.content > .row {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .tax-work_type .breadcrumbs {
    width: 100%;
    float: left;
    clear: both;
    background: #181818;
    color: #fff;
    height: 60px;
    line-height: 1;
    padding: 22px 37px;
  }
  .tax-work_type .breadcrumbs a {
    color: #ccc;
  }
  .tax-work_type .breadcrumbs span {
    color: #fff;
  }

  .single-project .hero-img {
    height: 500px;
  }
  .single-project .gallery-img:nth-child(1n),
  .single-project .gallery-img:nth-child(2n),
  .single-project .gallery-img:nth-child(3n) {
    height: 500px;
  }

  .img-slider li img {
    max-width: none;
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .page-template-page-contact .menu-box {
    top: -68px;
  }
  .page-template-page-contact .menu-box.active {
    top: 68px;
  }
  .page-template-page-contact .row.content {
    padding-top: 0;
    background: none !important;
  }
  .page-template-page-contact .map-mobile {
    display: block;
  }
  .page-template-page-contact .map-mobile img {
    visibility: hidden;
  }

  .error404 .wrapper {
    margin-top: 0;
  }
  .error404 .large-12 {
    padding-top: 50px;
  }
  .error404 h1 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .home .featured-work {
    max-width: 520px;
    float: none !important;
    margin: 0 auto 14px;
  }
}
/** Tablet Portrait **/
@media screen and (max-width: 768px) {
  .page-template-page-about .large-6,
  .page-template-page-about .large-5 {
    width: 100%;
  }
  .page-template-page-about .large-5 img {
    width: 100%;
  }

  .tax-work_type .row.content > .row {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .work-preview {
    width: 100%;
    margin: 0 0 10px;
  }

  .single-project .gallery-img:nth-child(1n),
  .single-project .gallery-img:nth-child(2n),
  .single-project .gallery-img:nth-child(3n) {
    width: calc(100% - 16px);
  }

  .page-template-page-contact form .large-6.left-side {
    width: 100%;
  }
  .page-template-page-contact form .large-6.right-side {
    width: 100%;
  }
}
/** Mobile **/
@media screen and (max-width: 640px) {
  .homeslider-wrap .bx-wrapper,
  .homeslider-wrap .bx-viewport {
    min-height: 250px;
  }
  .homeslider-wrap .bx-controls-direction {
    display: none;
  }
  .homeslider-wrap .bx-pager {
    bottom: 20px;
  }
  .homeslider-wrap .bx-pager .bx-pager-item {
    margin-left: 15px;
  }
  .homeslider-wrap .bx-pager .bx-pager-item:first-child {
    margin-left: 0;
  }
  .homeslider-wrap .bx-prev,
  .homeslider-wrap .bx-next {
    display: none;
  }

  .homeslider li {
    width: 100% !important;
    min-height: 250px;
  }
  .homeslider li img {
    height: 250px;
    width: auto;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .slide-content {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .slide-content strong {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .slide-content span {
    font-size: 16px;
    line-height: 1.2;
  }

  #we-give-rise-to-design-slide .slide-content strong {
    font-size: 24px;
  }

  .page-template-page-about .breadcrumbs {
    padding: 0;
  }
  .page-template-page-about .row.content > .row {
    padding: 0;
  }
  .page-template-page-about .row.content h1 {
    margin: 15px 0;
  }
  .page-template-page-about .large-6 {
    padding: 15px;
  }
  .page-template-page-about .large-6 p {
    padding: 2px 0;
    margin-bottom: 30px;
  }

  .page-template-page-contact .row.content > .row {
    padding: 20px 0 0;
  }
  .page-template-page-contact .map-mobile img {
    height: 190px;
  }
  .page-template-page-contact .large-9 {
    padding: 0 15px;
  }
  .page-template-page-contact form .large-6.left-side, .page-template-page-contact form .large-6.right-side {
    padding-left: 0;
  }
  .page-template-page-contact input[type="submit"] {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .page-template-page-contact footer {
    position: static;
  }

  .slider-header .close-btn {
    right: 15px;
  }
  .slider-header h2 {
    font-size: 20px;
  }

  #img-slider-pager {
    display: none;
  }

  .img-slider-wrap .bx-viewport,
  .img-slider-wrap li {
    height: calc(100vh - 100px ) !important;
  }
  .img-slider-wrap li {
    width: 100vw !important;
  }

  .work-preview .work-info {
    width: 180px;
    height: 160px;
  }

  .share-btns {
    width: 100%;
    top: auto;
    bottom: 0;
  }
  .share-btns li {
    float: left;
    width: 25%;
  }
  .share-btns li a {
    width: 100%;
  }

  .single-project .menu-box.fixed.active {
    top: 68px;
  }
  .single-project .breadcrumbs {
    padding: 22px 15px;
    white-space: nowrap;
    display: none;
  }
  .single-project .row.content {
    margin-top: 68px;
  }
  .single-project .work-details {
    top: 0;
    width: 100%;
  }
  .single-project footer {
    margin-bottom: 48px;
  }

  .slide-counter em {
    display: none;
  }

  .back-to-top {
    display: none;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2500px) {
	.slide-content{
		bottom:-57px !important;
	}
}

.footer{
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px !important;
background-color: #565658;
margin-top:30px !important;
position:relative;
}

.footer-content h3{
	text-transform: uppercase;
	color:#fff;
	font-size:22px;
	font-family:'Montserrat', sans-serif;
	font-weight: 700;
}

.footer-content p{
margin-top: 20px;
font-size: 18px;
/*font-family:'Lora', serif;
font-style: italic;
*/color:#fff;
margin:0 0 12.5px;
font-weight: 700 !important;
line-height: 1.6;
}

body.loaded .main-menu-wrap .logo { display: none;}
.page-id-7 .main-menu-wrap .logo { display: block !important;}
.page-id-7 .hamburger-menu { background: #878b3a;}

.footer-content{ position: absolute; width:25%; background-color:rgba(0, 0, 0, 0.5) !important; padding:25px; z-index:22;}

.bt-footer { /*background: #878b3a; */text-align: center; padding:1rem 0;} 
.bt-footer ul {}
.bt-footer ul li { list-style-type: none; font-style:normal;} 
.bt-footer ul li a { text-decoration:none; color: #000;}

.page-id-7 .footer { background:none;}

.row.content.work:nth-child(2){ margin-top:30px;}



.row.content.work:nth-child(3){ margin-top:30px;}

.postid-83 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}
.postid-90 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}
.postid-119 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}
.postid-126 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}
.postid-133 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}
.postid-194 .row.content.work:nth-child(3){ margin-top:30px; margin-bottom:30px;}


.row.content.work:nth-child(4){ margin-top:30px; margin-bottom:30px;}
.row.content.work:nth-child(5){ margin-top:30px; }

.postid-96 .row.content.work:nth-child(5){ margin-top:30px;  margin-bottom:30px; }
.postid-139 .row.content.work:nth-child(5){ margin-top:30px;  margin-bottom:30px; }


.posting-block{
	padding:10px;
	border-bottom: 1px dotted #ccc;
}

.posting-block h4{ text-transform:uppercase; color:#1a3e43e6; margin-top:20px;  font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.posting-block .client-name{ font-size:14px !important; font-weight:bold !important; color:#1a3e43e6 !important;}


.single-testimonials .row.content {
    margin-top: 70px;
    max-width: none;
    position: relative;
    background: #fff;
}

.single-testimonials .work-details h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: left !important;
    margin: 0 0 50px;
    line-height: 1;
    letter-spacing: 0;
}

.page-template-page-testimonial .row.content {
    max-width: none;
    padding-top: 70px;
    position: relative;
    overflow: hidden;
}