/*
Theme Name: DynamiX Child Theme
Theme URI: http://themeva.com
Author: themeva
Version: 1.0
Template: DynamiX
Description: DynamiX Wordpress Child Theme
Author URI: http://themeva.com
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, translation-ready, buddypress
*/

@import url("../DynamiX/style.css");
/* I added */

h1, h2, h3 {
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

h1 {
  font-size: 90px !important;
  letter-spacing: 4px !important;
}

.long h1 {
	font-size: 65px !important;
}

h2 {
  cursor: default;
  font-size: 48px !important;
  letter-spacing: 1px !important;
  margin-bottom: 25px !important;
  color: #383838;
}

h3 {
  cursor: default;
  font-size: 34px !important;
  color: #383838;
}

h4 {
  font-size: 28px !important;
  font-weight: 600 !important;
}

h5 {
  font-size: 20px !important;
  font-weight: 600 !important;
}

h6 {
  font-size: 20px !important;
  font-weight: 300 !important;
}

p {
  font-size: 20px !important;
  margin-bottom: 30px !important;
}

h1 sup {
  vertical-align: top;
  font-size: 26px;
  line-height: 40px;
  margin-left: -3%;
}

.long h1 sup {
  vertical-align: top;
  font-size: 18px;
  line-height: 50px;
  margin-left: -2%;
}

.vc_row > div > .vc_column-inner {
	margin: 0 15px; 
}

.vertical-align {
	display: flex !important;
    align-items: center !important;
    align-content: center !important;
}

input[type="text"], input[type="email"], textarea {
  font-size: 18px !important;
  line-height: 18px !important;
  padding: 0.4em 0.8em;
}

input[type="submit"], input[type="button"] {
  border-radius: 50px;
}

.button a, .wpcf7-submit {
  font-size: 20px !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}

.wpcf7-submit {
  width: auto;
  padding: 17px 24px !important;
}

.row.bg-right {
  background-position: 100% !important;
  background-size: auto 100% !important;
}

.row .icon-button, .row .button-text {
  text-align: center;
}

.row .icon-button p {
  margin: 0 0 15px 0 !important;
}

.article {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: block;
}

.article>.wpb_column {
  vertical-align: middle;
  display: inline-block;
  float: none !important;
}

.article img {
  padding: 30px 0;
}

.reference {
  padding-bottom: 90px;
}

.reference p {
  font-size: 14px !important;
  margin-bottom: 15px !important;
}

.extra-text {
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
}

.mobilemenu-init {
  float: right;
  margin: 35px 5px 0 5px !important;
}

.autototop {
  display: none;
}

/* HEADER ========================== */

#header {
  min-height: inherit;
}

.header-skin-wrap {
  background: #ffffff !important;
  opacity: 1 !important;
}

#header-logo, .header-wrap.stuck #header-logo {
  margin: 15px 0 !important;
}

#header-logo img, .header-wrap.stuck #header-logo img {
  width: 300px;
}

#header-logo #logo {
  margin-bottom: 0 !important;
}

#nv-tabs {
  margin: 22px 0 0 0 !important;
}

.header-wrap.stuck #nv-tabs {
  margin: 17px 0 0 0 !important;
}

#primary-wrapper #nv-tabs {
  margin-top: 22px;
}

.skinset-header a {
  color: #383838;
  font-weight: 300 !important;
  text-transform: uppercase;
}

#nv-tabs ul li.hasdropmenu span.dropmenu-icon {
  margin-top: -7px;
  font-size: 50% !important
}

#nv-tabs ul ul {
  border: none;
}

#nv-tabs ul li ul {
  padding: 10px 10px 0 10px;
  margin-top: -5px;
}

#nv-tabs ul li ul li {
  padding: 8px 0;
  border-top: 1px solid #eaeaea;
}

#nv-tabs ul li ul li:first-child {
  border-top: none;
}

/* HOME ========================== */

.home-main {
	height: calc(100vh - 400px);
	min-height: 680px;
}

.home-main > div > div {
	width: 60%;
	float: left;
}

.home.contact.row {
	margin-bottom: 0;
}

.home.contact > div:not(:first-of-type) > div {
	width: 50%;
	float: left;
	padding: 0 40px;
    margin: 0 0 !important;
}


.home.contact > div:nth-of-type(2) .wpb_wrapper {
	float: right;
}

.home.contact p {
  text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
	margin: 0 0 0 20px !important;
}

.home.contact .reverse p {
  text-align: right;
	margin: 0 20px 0 0 !important;
}

.home.contact img {
  margin: 17px;
  height: 45px;
  width: auto;
}

/* CONTACT *****************************/

.contact {
  padding-top: 100px;
  padding-bottom: 40px;
}

.contact h2, .contact p {
  text-align: center;
}

.contact .separator {
  padding-bottom: 60px;
}

.contact .text {
  margin: 0 0 66px 20%;
}

.contact .circle {
  background: #ffffff;
  width: 80px;
  height: 80px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.contact .text p {
  text-align: left;
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px !important;
  vertical-align: middle;
}

.contact img {
  margin: 17px;
  height: 45px;
  width: auto;
}

.contact .wpcf7-form p {
  text-align: left;
}

.contact .button p {
  text-align: center;
}

.contact .button input:hover, .contact .button input:focus {
  transition: all 0.4s;
  background-color: #dddddd;
}

/* FOOTER ========================== */

.lowerfooter-wrap, #footer .block.columns {
  padding: 20px 20px 5px 20px;
}

#footer-credits .copyright, #footer-credits .telephone, #footer-credits .email, #footer-credits ul li a {
  padding-bottom: 15px !important;
  display: inline-block !important;
}

/* PRODUCT ========================== */


.product-row .vc_column-inner {
  width: 33.333%;
  float: left;
  margin: 0 0 !important;
}

.products .wpb_content_element {
	margin-bottom: 0;
}

.products .wpb_raw_html a {
  position: relative;
  display: block;
  text-align: center;
  padding: 30px 0;
	    display: flex;
    align-items: center;
    justify-content: center;
	min-height: 200px;
}

.products .wpb_raw_html a:hover, .products .wpb_raw_html a:focus {
  background-color: rgba(256, 256, 256, 0.6);
}

.products h1 {
  color: #ffffff;
  font-size: 30px !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
}

.products img {
  padding-left: 40px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 90px;
  max-width: unset;
  margin: 4% 0 !important;
  padding: 0 4%;
}

.products .ps {
	padding-top: 30px;
}

.products .text {
  position: relative;
  padding: 15px 30px 40px 30px;
  border-right: 1px solid #eaeaea;
}

.products .text.end {
  border-right: none;
}

.products .text h3, .products .text p {
  margin-bottom: 0 !important;
}

.products .product-title-container {
  max-width: 240px;
}

.product-title {
  padding-top: 40px;
  padding-bottom: 30px;
}

.product-title .container {
  position: relative;
  display: block;
  text-align: center;
  padding: 30px 0;
}

.product-title .text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5%;
  text-align: right;
}

.product-title h1 {
  cursor: default;
  color: #ffffff;
  margin: 0 !important;
  line-height: 90px;
}

.product-title h3 {
  color: #bbbbbb;
  margin: 0 0 10px 0 !important;
  text-transform: capitalize !important;
}

.product-title .lighter h3 {
  color: #eeeeee;
}

.product-title img {
  padding-left: 40px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 157px;
  max-width: unset;
  margin: 0 !important;
  padding: 0 5%;
}

.product-about {
  padding-top: 90px;
}

.product-about [class*="column"] + [class*="column"]:last-child {
  float: left;
}

.product-about img {
  margin-top: -13%;
  margin-left: -60px;
  max-width: none;
  width: 110%;
}

.product-properties {
  padding-bottom: 90px;
}

.product-properties .list:nth-child(even) {
  background-color: #eeeeee;
}

.product-properties .row , .product-properties p {
  margin-bottom: 0 !important;
}

.product-properties h4 {
  padding-bottom: 15px;
}

.product-properties .list {
  padding: 15px 2%;
}

.product-links {
  text-align: center;
  display: block;
}

.product-links>.wpb_column {
  vertical-align: middle;
  display: inline-block;
  float: none !important;
}

.product-links .data a {
  position: relative;
  display: block;
  margin: 30px 0 70px 0;
  text-align: center;
}

.product-links .data a:hover, .product-links .data a:focus {
  opacity: 0.3;
}

.product-links .data h3 {
  color: #3d3d3d;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 40px 0 0 0 !important;
}

.product-links .data img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 70px;
  max-width: unset;
  margin: 40px 0 0 40px !important;
}

.product-links .quote {
  border-left: 1px solid #cccccc;
}

.product-links .button {
  margin: 30px 0;
}

/* LIGHTWEIGHT ========================== */

.lightweight {
	padding-top: 90px;
	padding-bottom: 90px;
}

.row.lightweight-title {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 70px;
  background-position: 70% !important;
}

.lightweight-text {
  text-align: left;
  padding-top: 90px;
  padding-bottom: 90px;
}

.lightweight-links {
  text-align: center;
  display: block;
}

.lightweight-links>.wpb_column {
  vertical-align: middle;
  display: inline-block;
  float: none !important;
}

.lightweight-links .button {
  margin: 70px 0;
}

/* TECHNICAL ========================== */

.technical-title {
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
}

.technical-title .wpb_text_column {
	margin-bottom: 0 !important;
}

.technical-links-title.top {
    margin-top: 90px !important;
}

.technical-links-title {
  margin-bottom: 0 !important;
}

.technical-links {
  text-align: center;
    margin-bottom: 90px !important;
}

.technical-links > div > .vc_column-inner {
  width: 33.333%;
  float: left;
  margin: 0 0 !important;
}

.technical-links .container a {
  position: relative;
  display: block;
  text-align: left;
}

.technical-links a:hover, .technical-links a:focus {
  opacity: 0.3;
}

.technical-links .text {
  display: inline-block;
  vertical-align: middle;
}

.technical-links h3 {
  font-size: 24px !important;
  cursor: pointer;
  margin: 0 !important;
}

.technical-links h5 {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 20px !important;
}

.technical-links p {
  color: #888888;
  margin-bottom: 0 !important;
}

.technical-links .top-row h5 {
	margin-top: 0;
}

.technical-links img {
  padding-left: 40px;
  display: inline-block;
  vertical-align: top;
  height: 62px;
  width: auto;
  max-width: unset;
  margin: 0 !important;
  padding: 0 5%;
}

.technical-video {
  padding-top: 90px;
  padding-bottom: 90px;
  text-align: center;
}

/* ABOUT ========================== */

.about-intro h2 {
  color: #dddddd;
} 

.about-values h2, .about-values h4 {
  color: #dddddd !important;
}

.about-values p, .about-intro p span {
  color: #ffffff !important;
}

.about-values .quote h2 {
  text-transform: none !important;
  font-style: italic;
}

.about-history {
	padding-bottom: 0 !important;
}

.about-history .wpb_content_element {
	margin-bottom: 0;
}

.history-title {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
}

.history-text {
  padding-top: 40px;
}

.table {
  text-align: center;
	margin-bottom: 0;
}

.table-bottom {
  margin-bottom: 35px !important;
}

.table-bottom p {
  margin-bottom: 0 !important;
}

/* LEGAL ========================== */

.legal {
  padding-top: 90px;
  padding-bottom: 90px;
}

.legal h2 {
  text-align: center;
}

@media screen and (max-width: 1100px) {
  /* header */
  .toppaneltrigger.mobile, .mobilemenu-init {
    margin: 12px 0 6px 0 !important;
  }
  #header-logo {
    float: none;
    text-align: center;
  }
  #nv-tabs {
    float: none;
    text-align: center;
  }
  #nv-tabs ul li {
    display: inline-block;
    float: none;
  }
	
  /* product */
  .product-title .text {
	padding-left: 0;
	text-align: center;
  }
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 2.5rem !important;
    line-height: 2.5rem !important;
  }
  h2 {
    font-size: 2rem !important;
    padding-left: 0 !important;
  }
  h1 sup, .long h1 sup {
	font-size: 1rem;
	line-height: 180%;
  }
  h4 {
	font-size: 1.5rem !important;
  }
  .wrapper.main {
    margin-bottom: -30px;
  }
  /* header */
  .sticky-wrapper {
    min-height: 60px !important;
  }
  #header-logo {
    float: left !important;
    margin: 13px 0 13px 0 !important;
  }
  .header-wrap.stuck #header-logo {
    float: left !important;
    margin: 13px 0 0 0 !important;
  }
  #header-logo img, .header-wrap.stuck #header-logo img {
    width: 200px !important;
  }
  #nv-tabs, .header-wrap.stuck #nv-tabs {
    margin: 0 !important;
  }
  .skinset-main {
    padding: 12px;
    border-radius: 24px;
  }
  #mobile-tabs {
    padding: 0 !important;
  }
  #mobile-tabs .mobilemenu-init {
    padding-right: 20px;
  }
  #mobilemenu {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
  }
  #mobilemenu>.menu-item {
    margin: 0 !important;
    padding: 10px 20px;
    border-top: 1px solid #cccccc;
  }
  #mobilemenu>.menu-item:first-child {
    border-top: none !important;
  }
  .sub-menu {
    margin: 10px -20px 0 -20px !important;
    background-color: #d8d8d8 !important;
  }
  .sub-menu .menu-item {
    border-top: 1px solid #c8c8c8;
    padding: 10px;
  }
  .sub-menu .menu-item:last-child {
    margin-bottom: -10px !important;
  }
  /* home */
  .home-title-container {
    padding: 120px 0;
  }
  .home.contact > div:not(:first-of-type) > div {
	width: 100%;
	float: none;
  }
  .home.contact > div:nth-of-type(2) .wpb_wrapper {
	float: left;
	width: 100%;
  }
  .home.contact > div:nth-of-type(2) .reverse .wpb_wrapper {
	display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
	float: inherit;
  }
  .home.contact .reverse p {
	text-align: left;
	margin: 0 0 0 20px !important;
  }

/*   .home-info {
    padding-bottom: 30px;
  }
  .home-about {
    padding: 100px 0 120px 0;
  }
  .home-about .desc {
    width: auto;
  }
  .home-about .button {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
  }
  .home-technical img {
    margin: 7% 0 0 0 !important;
    height: 20vw;
  } */
	/* contact */
  .contact {
    padding-top: 80px;
  }
  .contact .text {
    margin: 0 0 66px 4%;
  }
  /* product */
  .products {
    padding: 100px 0 40px 0;
  }
  .product-row .vc_column-inner {
	  width: 100%;
	  float: left;
	}
  .product-about img {
	margin-left: -6%;
  }
  .product-about .intro {
    text-align: center;
  }
  .product-properties img {
    max-width: 50%;
  }
  .product-links .data a {
    margin: 20px 0;
  }
  .product-links .data h3 {
	width: 100%;
  }
  .product-links .data img {
	margin: 15px 0 !important;
  }
  .product-links .quote {
    border-left: none;
  }
  .product-links .button {
    border-top: 1px solid #cccccc;
    margin: 0;
    padding: 40px 0 70px 0;
  }
  /* technical */
  .technical-links .container a {
    text-align: center;
    width: auto;
  }
}