/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
Site: Plane and Simple
Developer: Denvir Marketing

*/

/*** TYPOGRAPHY ***/
@import url("https://fonts.googleapis.com/css?family=Epilogue:100,200,300");
@import url("https://fonts.googleapis.com/css?family=Barlow:300,400,700");

body,
p,
ul,
ol {
  font-family: "Barlow" !important;
  font-style: normal !important;
  line-height: 1.618;
}
p,
ol,
ul {
  font-weight: 400;
}
.smallText {
  font-size: 0.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Epilogue" !important;
  font-weight: 300 !important;
}
h2 {
margin-top: 0.5em!important;
}
h3 {
  font-size: 2em !important;
	margin-top:0.5em!important;
}
h5 {
  margin-top: 0.2em !important;
}
a {
  color: #6f6f6f !important;
}
a:hover {
  color: #20d27d !important;
}
.bgGreen {
  background-color: #20d27d;
}
.bgBlue {
  background-color: #003e52;
}
.bgYellow {
  background-color: #ffd000;
}
.bgGrey {
  background-color: #6f6f6f;
}

.txtGreen {
  color: #20d27d;
}
.txtBlue {
  color: #003e52;
}
.txtYellow {
  color: #ffd000;
}
.txtGrey {
  color: #6f6f6f;
}
.txtWhite {
  color: #fff;
}

.padIn17 {
  padding-left: 17% !important;
  padding-right: 17% !important;
}
.padIn17L {
	padding-left: 17%!important;
	padding-right: 0px!important;
}

.padIn10 {
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.padIn5 {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
*.padT2 {
  padding-top: 2em;
}
*.padB2 {
  padding-bottom: 2em;
}
*.padT4 {
  padding-top: 4em;
}
*.padB4 {
  padding-bottom: 4em;
}

div.noMarCode div.wpb_wrapper.wpb_raw_code.wpb_content_element {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.leftCol {
	padding-right: 0px!important;
	margin-right: 0px!important;
}

/***.contactBox {
  background-color: #e1e1e1;
  border-radius: 10px;
}***/
div.wpcf7 .wpcf7-form {
  padding: 3em 3em 1em 3em;
}
div.wpcf7 .wpcf7-form .full-width .wpcf7-submit {
  padding: 1em 3em !important;
  text-transform: none;
  color: #fff;
  background-color: #20d27d;
  margin-top: 2em !important;
  margin-right: auto !important;
  font-weight: 400;
  text-shadow: none !important;
  border: none !important;
/***   box-shadow: 0px 4px 9px #6f6f6f !important; ***/
	box-shadow: none;
}
div.wpcf7 .wpcf7-form .full-width .wpcf7-submit:hover {
  background-color: #6f6f6f;
}
div.wpcf7 .wpcf7-form .text-label,
div.wpcf7 .wpcf7-form .text-area {
  border: none !important;
  border-radius: 10px !important;
  background-color: #ffffff;
  color: #6f6f6f;
  font-weight: 300;
  font-size: 1rem;
/***  box-shadow: 0px 4px 9px #6f6f6f !important; ***/
}
div.wpcf7 .wpcf7-form .text-label::placeholder,
div.wpcf7 .wpcf7-form .text-area::placeholder {
  color: var(--faintBlue);
  color: #2c6e88;
}
div.wpcf7 .wpcf7-form .text-area {
  width: 100%;
  padding-top: 0.5em !important;
}
div.wpcf7 p {
  margin-bottom: 2em !important;
}
@media screen and (max-width: 768px) {
  .padIn17 {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
.angImage {
  margin-top: -330px;
  margin-bottom: 0px;
}
.angImage img {
  max-width: 30%;
  margin-left: 42.5%;
}
.iconImage img {
  max-width: 75%;
}
@media screen and (max-width: 767px) {
  .shrinkIcons img {
    width: 150px;
  }
}
@media screen and (min-width: 2001px) {
.angImage {
  margin-top: -475px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 1750px) and (max-width: 2000px) {
.angImage {
  margin-top: -450px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1749px) {
.angImage {
  margin-top: -400px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
.angImage {
  margin-top: -375px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
.angImage {
  margin-top: -330px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.angImage {
  margin-top: -300px;
	margin-bottom: 0px;
	}
}
	

/***@media screen and (min-width: 1500px) and (max-width: 1700px) {
  .angImage img {
	  width: 400px;
  }
}***/
@media screen and (min-width: 768px) {
.mobile {
	display: none!important;
	}
}
@media screen and (max-width: 767px) {
	.angImage {
	margin-top: -100px;
	}
	.angImage img { 
    display: none;
  }
  .minHMobile {
    height: 600px !important;
  }
  .reverseColMobile {
    flex-direction: column-reverse;
  }
	.desktop {
		display: none!important;
	}
}