@import url('../../css2');

@font-face {
    font-family: 'graphikthin';
    src: url('../fonts/graphikthin-webfont.woff2') format('woff2'),
         url('../fonts/graphikthin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphiksemibold';
    src: url('../fonts/graphiksemibold-webfont.woff2') format('woff2'),
         url('../fonts/graphiksemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphik_regularregular';
    src: url('../fonts/graphikregular-webfont.woff2') format('woff2'),
         url('../fonts/graphikregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphikmedium';
    src: url('../fonts/graphikmedium-webfont.woff2') format('woff2'),
         url('../fonts/graphikmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphiklight';
    src: url('../fonts/graphiklight-webfont.woff2') format('woff2'),
         url('../fonts/graphiklight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphikbold';
    src: url('../fonts/graphikbold-webfont.woff2') format('woff2'),
         url('../fonts/graphikbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphikblack';
    src: url('../fonts/graphikblack-webfont.woff2') format('woff2'),
         url('../fonts/graphikblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'graphiksuper';
    src: url('../fonts/graphiksuper-webfont.woff2') format('woff2'),
         url('../fonts/graphiksuper-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, p, a {
	font-family: 'graphik_regularregular';
}

body {
  background: #fff3ed;
}

.btn-custom-enext {
  width: 141px;
  height: 52px;
  background: #6F4CCE;
  border-radius: 16px;
  font-family: 'graphiksemibold';
  font-style: normal;
  font-size: 16px;
  line-height: 52px;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: 0 none;
}

.btn-custom-enext:hover {
	color: #ffffff;
	text-decoration: underline;
}

.h1-custom-enext {
	font-family: 'graphikbold';
	font-size: 38px;
	line-height: 52px;
	text-align: center;
	text-transform: capitalize;
	color: #202945;
}

.h2-custom-enext {
	font-family: 'graphikmedium';
	font-style: normal;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	color: rgba(136, 136, 136, 0.8);
}

.form-custom-enext {
	width: 240px;
	margin: 0 auto;
}

.content-custom-enext {
	margin-top: 0px;
}

.border-custom-enext {
	color: #583BE2;
}

.text-custom-enext {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #583BE2;
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-instagram:before {
  content: "\ea92";
}

.social-custom-enext {
	color: #583BE2;
}

.social-custom-enext {
    color: #583BE2;
    font-size: 24px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.text-left {
    text-align: left;
}

#row-custom-3 img {
  margin-top: 240px;
}

@media (min-width:768px) and (max-width:920px) {
	.h1-custom-enext {
	  font-size: 32px;
	  line-height: 46px;
	  text-align: center;
	}
	.h2-custom-enext {
	  font-size: 22px;
	  line-height: 28px;
	}
}

@media (min-width:320px) and (max-width:767px) {
	.h1-custom-enext {
	  font-size: 39px;
	  line-height: 49px;
	  text-align: center;
	}
	.h2-custom-enext {
	  font-size: 23px;
	  line-height: 30px;
	}
	.btn-custom-enext {
	  line-height: 52px;
  	}
  	#row-custom-1 {
	  order: 1;
	}
	#row-custom-2 {
	  order: 3;
	}
	#row-custom-3 {
	  order: 2;
	  position: relative;
	  margin-top: -130px;
	  margin-bottom: 30px;
	}
	#row-custom-1 img {
	  width: 50%;
	  float: left;
	  padding-right: 10px;
	}
	#row-custom-3 img {
	  float: right;
	  width: 50%;
	}
	.content-custom-enext {
	  margin-top: 40px;
	}
	.text-left {
	  text-align: center;
	  margin-top: 15px;
	}
	#row-custom-3 img {
		margin-top: 0px;
		padding-left: 10px;
	}
}