/* 
    Created on : Jul-2015
    Author     : Danny
*/
#mpTop {
  height: 600px; }
  #mpTop .hero-image {
    /*.image-dragon-pic { max-width: 95%; max-height: 75%; width: auto; height: auto; }
    .image-dragon-name { max-width: 95%; max-height: 25%; width: auto; height: auto; }*/ }
    #mpTop .hero-image p {
      max-width: 100%;
      max-height: 100%; }
  #mpTop > .et_pb_row {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row; }
  #mpTop .et_pb_column_0 {
    width: calc(100% - 500px);
    position: relative;
    height: 100%;
    display: block;
    padding: 7px; }
    #mpTop .et_pb_column_0 .et_pb_text.full_height {
      width: 100%;
      height: 100%;
      padding: 20px 10px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
    #mpTop .et_pb_column_0 .quote {
      font-size: 26px;
      max-width: 450px;
      text-align: left;
      margin: 0 auto; }
    #mpTop .et_pb_column_0 .author {
      font-size: 14px; }
  #mpTop .et_pb_column_1 {
    width: 500px;
    position: relative;
    height: 100%;
    display: block;
    padding: 0; }
    #mpTop .et_pb_column_1 .et_pb_text {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
  #mpTop .et_pb_equal_columns {
    -webkit-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: flex;
    position: relative; }
  #mpTop .et_pb_equal_columns .et_pb_column {
    position: relative;
    height: 100%;
    display: block; }
  #mpTop .main_row_0 {
    height: 35%; }
  #mpTop .main_row_1 {
    height: 30%; }
    #mpTop .main_row_1 .et_pb_column {
      height: 100%; }
  #mpTop .main_row_2 {
    height: 35%; }
  #mpTop .full_height {
    height: 100%; }
  #mpTop .half_height {
    height: 50%; }
  #mpTop .et_pb_text_1,
  #mpTop .et_pb_text_3,
  #mpTop .et_pb_text_5,
  #mpTop .et_pb_text_7 {
    background-color: transparent; }
  #mpTop .et_pb_text_2,
  #mpTop .et_pb_text_4,
  #mpTop .et_pb_text_6 {
    background-color: transparent; }
  #mpTop .fact-box {
    box-sizing: border-box;
    position: relative;
    padding: 7px;
    overflow: hidden;
    /*width: 25%;
    height: 50%;
    float: left;*/ }
  #mpTop .fact-inner-holder {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 30000px;
    perspective: 3000px; }
  #mpTop .fact-description {
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
  #mpTop .fact-inner-container {
    font-size: 16px; }
  #mpTop .fact-inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
  #mpTop .rotateX .fact-description {
    -webkit-transform-origin: 94px 0px -94px;
    transform-origin: 94px 0px -94px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg); }
  #mpTop .rotateY .fact-description {
    -webkit-transform-origin: 0px 60px -60px;
    transform-origin: 0px 60px -60px;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg); }
  #mpTop .rotateX .fact-inner {
    -webkit-transform-origin: 94px 0px -94px;
    transform-origin: 94px 0px -94px; }
  #mpTop .rotateY .fact-inner {
    -webkit-transform-origin: 0px 60px -60px;
    transform-origin: 0px 60px -60px; }
  #mpTop .rotateX.fact-box:hover .fact-description {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  #mpTop .rotateX.fact-box:hover .fact-inner {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg); }
  #mpTop .rotateY.fact-box:hover .fact-description {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg); }
  #mpTop .rotateY.fact-box:hover .fact-inner {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 100ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg); }
  #mpTop .fact-established .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-established.png"); }
  #mpTop .fact-location .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-location.png"); }
  #mpTop .fact-shout .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-shout.png"); }
  #mpTop .fact-team .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-team.png"); }
  #mpTop .fact-about .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-about.png"); }
  #mpTop .fact-work .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-work.png"); }
  #mpTop .fact-clients .fact-inner {
    background-image: url("/wp-content/uploads/main/dragon-clients.png"); }
  #mpTop .fact-established .fact-inner-container {
    color: #FFFFFF; }
  #mpTop .fact-shout .fact-inner-container {
    color: #FFFFFF; }
  #mpTop .fact-team .fact-inner-container {
    color: #000000; }
  #mpTop .fact-about .fact-inner-container {
    font-size: 13px;
    line-height: 1.1em;
    color: #FFFFFF; }
  #mpTop .fact-work .fact-inner-container {
    font-size: 56px;
    line-height: 1em;
    color: #000000; }
  #mpTop .fact-location .fact-inner-container {
    font-size: 16px;
    line-height: 1.2em;
    color: #000000; }
  #mpTop .dark {
    background-color: #22242D; }
  #mpTop .black {
    background-color: #000000; }
  #mpTop .white {
    background-color: #FFFFFF; }
  #mpTop .red {
    background-color: #EE3536; }
  #mpTop .dark a {
    color: #FFFFFF; }

.safari #mpTop .fact-established {
  padding: 9px 11px; }
.safari #mpTop .fact-shout {
  padding: 7px 11px; }
.safari #mpTop .fact-team {
  padding: 7px 12px; }
.safari #mpTop .fact-about {
  padding: 7px 11px; }
.safari #mpTop .fact-clients {
  padding: 9px 11px; }

/*.safari #mpTop {

	height: 600px;

	.hero-image {
		display: block;
		p {
			width: 100%;
			height: 100%;
		}

		.image-dragon-pic {
			max-width: 95%;
			max-height: 75%;
			width: auto;
			height: auto;
		}
		.image-dragon-name {
			max-width: 95%;
			max-height: 25%;
			width: auto;
			height: auto;
		}
	}
}*/
#our-projects {
  background-color: #41AD49;
  padding: 0 2px; }
  #our-projects .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
    width: calc(20% - 8px) !important;
    margin: 4px; }
  #our-projects .et_overlay {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-color: #41AD49; }
  #our-projects .et_pb_portfolio_image .et_overlay::before {
    color: #FFFFFF; }
  #our-projects .et_pb_portfolio_image h3 {
    color: #FFFFFF; }
  #our-projects .et_pb_portfolio_image .post-meta {
    color: #000000; }

/* ------------------------------------------------------------------------ */
/* --------   Projects Single page   -------------------------------------- */
/* ------------------------------------------------------------------------ */
.project-header-box {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0; }
  .project-header-box .project-header {
    position: absolute;
    z-index: 998;
    width: 100%;
    margin: auto; }
    .project-header-box .project-header h1 {
      font-size: 60px; }
    .project-header-box .project-header h3 {
      font-size: 30px; }
  .project-header-box .project-header-image {
    position: relative;
    text-align: center; }
    .project-header-box .project-header-image img {
      z-index: 996;
      position: relative; }
  .project-header-box .project-header-categories {
    position: absolute;
    bottom: 60px;
    z-index: 997;
    margin: 0;
    width: 100%;
    text-align: center; }

.image-section .et_pb_row.et_pb_row_fullwidth {
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important; }
  .image-section .et_pb_row.et_pb_row_fullwidth .et_pb_column_1_2 {
    width: calc(50% - 5px);
    margin-right: 10px;
    transition: all 0.4s ease-out 0s; }
  .image-section .et_pb_row.et_pb_row_fullwidth .et_pb_column_1_3 {
    width: calc(33% - 5px);
    margin-right: 10px;
    transition: all 0.4s ease-out 0s; }
  .image-section .et_pb_row.et_pb_row_fullwidth .et_pb_image img {
    width: 100%; }

@media only screen and (max-width: 1600px) {
  #our-projects .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
    width: calc(25% - 8px) !important; } }
@media only screen and (min-width: 1350px) {
  .entry-content .project-header-box {
    padding: 0; }
    .entry-content .project-header-box .et_pb_row.et_pb_row_fullwidth {
      padding: 0; }
    .entry-content .project-header-box .project-header {
      padding-top: 20px; } }
@media only screen and (max-width: 1040px) {
  #our-projects .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
    width: calc(33.33333333% - 8px) !important; }

  .entry-content .project-header-box {
    padding: 0; }
    .entry-content .project-header-box .et_pb_row.et_pb_row_fullwidth {
      padding: 0; }
    .entry-content .project-header-box .project-header {
      padding-top: 15px; }
      .entry-content .project-header-box .project-header h1 {
        font-size: 34px; }
      .entry-content .project-header-box .project-header h3 {
        font-size: 26px; } }
@media only screen and (max-width: 980px) {
  #mpTop {
    height: auto;
    padding: 10px 0; }
    #mpTop > .et_pb_row {
      height: auto;
      display: block; }
    #mpTop .et_pb_column_1 {
      height: 500px; } }
@media only screen and (min-width: 768px) {
  #our-projects .columns-2 .et_pb_portfolio_image h3 {
    margin-top: 65%; } }
@media only screen and (max-width: 768px) {
  #mpTop .et_pb_column_1 {
    /*display: none;*/ } }
@media only screen and (max-width: 767px) {
  #our-projects .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
    width: calc(50% - 8px) !important; }

  .image-section .et_pb_row.et_pb_row_fullwidth .et_pb_column_1_2, .image-section .et_pb_row.et_pb_row_fullwidth .et_pb_column_1_3 {
    width: 100% !important;
    margin-right: 0; }

  .entry-content .project-header-box .project-header h1 {
    font-size: 24px; }
  .entry-content .project-header-box .project-header h2 {
    font-size: 22px; }
  .entry-content .project-header-box .project-header h3 {
    font-size: 20px; }

  .post-navigation.post-navigation .all-link a, .post-navigation.post-navigation .previous-link a, .post-navigation.post-navigation .next-link a {
    font-size: 18px; } }
@media only screen and (max-width: 482px) {
  #our-projects .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
    width: calc(100% - 8px) !important; }

  .entry-content .project-header-box .project-header h1 {
    font-size: 18px; }
  .entry-content .project-header-box .project-header h2 {
    font-size: 16px; }
  .entry-content .project-header-box .project-header h3 {
    font-size: 16px; }

  .post-navigation.post-navigation .all-link a, .post-navigation.post-navigation .previous-link a, .post-navigation.post-navigation .next-link a {
    font-size: 14px; } }
@media only screen and (max-width: 479px) {
  #mpTop {
    /*.et_pb_column_1 { display: none; }*/ }
    #mpTop .et_pb_column_1 {
      height: auto; }
    #mpTop .main_row_0, #mpTop .main_row_1, #mpTop .main_row_2 {
      height: auto; }
    #mpTop .et_pb_equal_columns .et_pb_column {
      height: auto; }
    #mpTop .fact-box {
      height: 150px; } }

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