/* 
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
} */

@import url(https://weloveiconfonts.com/api/?family=entypo);
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
	font-family: "PT Sans", Arial, serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5;
	color: #666666;
	color: #7f7f7f;
	background: #fff;
	height: 100%;
	position: relative;
}
a {
	color: #DD1C1A;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #05AED5;
	outline: none;
	text-decoration: none;
}
p {
	margin: 0;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: "PT Sans", Arial, serif;
	font-weight: 600;
}

::-webkit-selection {
 color: #fff;
 background: #1fb5f6;
}

::-moz-selection {
 color: #fff;
 background: #1fb5f6;
}
::selection {
	color: #fff;
	background: #1fb5f6;
}
.white {
	color: #fff;
}
.show-grid .row {
  margin-bottom: 15px;
}
.show-grid .row span {
  padding: 10px 0;
  background: #e1e1e1;
  display: block;
  text-align: center;
}
.Quotation {
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}
/*************************** Pagination ************************/

.pagination {
    padding: 0;
}
.pagination-theme > li > a,
.pagination-theme > li > span {
  color: #868585;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -webkit-backface-visibility: hidden;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  margin-left: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.03) !important;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03) !important;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03) !important;
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03) !important;
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03) !important;
  border-color: #e1e1e1;
}
.pagination-theme > li > a:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  color: #868585;
}
.pagination-theme > .active > a,
.pagination-theme > .active > span,
.pagination-theme > .active > a:hover,
.pagination-theme > .active > span:hover,
.pagination-theme > .active > a:focus,
.pagination-theme > .active > span:focus {
  background-color: #821a1e;
  border-color: #821a1e;
}

#template-header {
	position: absolute;
	z-index: 99;
	width: 100%;
	opacity: 1;
	top: 0;
}
#template-header .navbar {
	padding-bottom: 0;
	margin-bottom: 0;
}
#template-header #navbar .navbar-right {
	margin-right: 0;
}

@media screen and (max-width: 992px) {
#template-header #navbar .navbar-right {
	margin-right: -15px;
}
}
#template-header #navbar li a {
	font-family: "PT Sans", Arial, serif;
	color: white;
	position: relative;
	font-size: 21px;
	font-weight: 600;
}

@media screen and (max-width: 992px) {
#template-header #navbar li a {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
}
#template-header #navbar li a span {
	position: relative;
	display: block;
	padding-bottom: 5px;
}
#template-header #navbar li a span:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #F0C808;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#template-header #navbar li a:hover {
	color: white;
}
#template-header #navbar li a:hover span:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
#template-header #navbar li.active a {
	background: transparent;
	background: none;
}

@media screen and (max-width: 480px) {
#template-header #navbar li.active a {
	color: #ff3b30;
}
}
#template-header #navbar li.active a span:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #F0C808;
}

@media screen and (max-width: 480px) {
#template-header #navbar li.active a span:before {
	background-color: transparent;
}
}
#template-header #navbar li.call-to-action a {
	border: 2px solid #F0C808;
	padding: 5px 20px 3px 20px;
	margin: 12px 0 0 0px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	background: #F0C808;
}
#template-header #navbar li.call-to-action a:hover {
	background-color: #F0C808;
	color: #fff;
}
#template-header #navbar li.call-to-action a span:before {
	background-color: transparent;
}
#template-header .navbar-brand {
	float: left;
	display: block;
	font-size: 24px;
	font-weight: 700;
	padding-left: 0;
	color: #F0C808;
	text-transform: uppercase;
	letter-spacing: 3px;
}
#template-header .navbar-brand > span {
	color: white;
}

@media screen and (max-width: 992px) {
#template-header .navbar-brand {
	padding-left: 10px !important;
	padding-right: 0 !important;
}
}
#template-header.navbar-fixed-top {
	position: fixed !important;
	background: #06AED5;
	-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
	margin-top: 0px;
	top: 0;
}
#template-header.navbar-fixed-top .navbar-brand {
	color: #F0C808;
}
#template-header.navbar-fixed-top #navbar li a {
	color: white !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#template-header.navbar-fixed-top #navbar li a:hover {
	color: #ff3b30;
}
#template-header.navbar-fixed-top #navbar li.active a {
	color: white !important;
}

@media screen and (max-width: 768px) {
#template-header.navbar-fixed-top #navbar li.active a {
	color: #000000 !important;
}
}
#template-header.navbar-fixed-top #navbar li.active a span:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #F0C808;
}

@media screen and (max-width: 768px) {
#template-header.navbar-fixed-top #navbar li.active a span:before {
	background-color: transparent;
}
}
#template-header.navbar-fixed-top #navbar li.call-to-action a {
	border: 2px solid #F0C808;
	padding: 5px 10px 3px 10px;
	margin: 12px 0 0 0px;
	background: #F0C808;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}
#template-header.navbar-fixed-top #navbar li.call-to-action a:hover {
	background-color: #F0C808;
	color: #fff !important;
}
#template-header.navbar-fixed-top #navbar li.call-to-action a span:before {
	background-color: transparent;
}
#template-header .navbar-default {
	border: transparent;
	background: transparent;
	margin: 35px auto 0;
	padding-left: 50px;
	padding-right: 50px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}

@media screen and (max-width: 768px) {
#template-header .navbar-default {
	margin-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
}
#template-header .navbar-default .brand-slogan {
	margin: 28px 0 0 15px;
	float: left;
	letter-spacing: 2px;
	color: #adadad;
}
#template-header .navbar-default .brand-slogan em {
	color: #ff3b30;
	font-style: normal;
}
#template-home {
	background-color: transparent;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	background-color: #9fa3a5;
	color: #fff;
}
#template-home a {
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: underline;
}
#template-home a:hover {
	color: #fff;
	text-decoration: none;
}
#template-home .gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.3);
}
#template-home, #template-home .text-wrap {
	height: 700px;
}
#template-home .text-wrap {
	display: table;
	width: 100%;
	position: relative;
	z-index: 4;
}
#template-home .text-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#template-home .text-inner h1 {
	font-size: 38px;
	text-transform: uppercase;
	color: white;
	margin: 0 0 20px 0;
	font-weight: 700;
}
#template-home .text-inner h2 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.8);
	margin: 0 0 60px 0;
}
#template-home .text-inner .call-to-action {
	display: block;
	width: 100%;
}
#template-home .text-inner .call-to-action a {
	width: 230px;
	display: inline-block;
	font-size: 20px;
	padding: 15px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	-webkit-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-ms-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-o-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
}
#template-home .text-inner .call-to-action a.demo {
	border: 2px solid rgb(240, 200, 8);
	text-decoration: none !important;
}

@media screen and (max-width: 768px) {
#template-home .text-inner .call-to-action a.demo {
	margin-bottom: 20px;
}
}
#template-home .text-inner .call-to-action a.demo:hover {
	background: rgba(240, 200, 8, 0.41);
}
#template-home .text-inner .call-to-action a.download {
	border: 2px solid #06AED5;
	background: #06AED5;
	text-decoration: none !important;
}
.template-display, .template-footer {
	padding: 80px 0 50px 0;
}

@media screen and (max-width: 768px) {
.template-display, .template-footer {
	padding: 2em 0;
}
}
.pad {
	padding: 10px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-40 {
	margin-top: 40px;
	margin-bottom: 0;
}
.mt-110 {
	margin-top: 110px;
	margin-bottom: 0;
}
.mt {
	margin-top: 80px;
	margin-bottom: 0;
}
.mt h4 {
	position: relative;
	padding-left: 40px;
	font-size: 20px;
}
.mt h4 i {
	position: absolute;
	left: 0;
	top: 0;
	color: rgb(221, 28, 26);
}
.mt h3::after {
	background: #14b1bb;
	content: "";
	display: block;
	height: 4px;
	margin-top: 10px;
	width: 60px;
}
.mt > div {
	margin-bottom: 20px;
}
.mt .list-nav {
	margin: 20px 0 25px 0;
	padding: 0;
}
.mt .list-nav li {
	list-style: none;
	margin: 0;
	padding-bottom: 7px;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.mt .list-nav li i {
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 18px;
	color: #1fb5f6;
}
.template-features {
	padding: 0 0 3em 0;
	box-shadow: 5px 0 15px rgba(204,204,204,.6);
}
.section-heading {
	float: left;
	width: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-bottom: 0px;
	clear: both;
}
.section-heading h2 {
	margin: 0;
	font-size: 40px;
	font-weight: 400;
	color: #333;
	position: relative;
	display: block;
	padding-bottom: 10px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
.section-heading h2 {
	font-size: 28px;
}
}
.section-heading h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #8f989f;
	position: relative;
	display: block;
	padding-bottom: 0px;
	margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
.section-heading h3 {
	font-size: 16px !important;
	line-height: 28px;
}
}
.template-footer {
	color: #000;
}
.template-footer a {
	color: #06AED5;
}
.template-footer .section-title {
	font-size: 22px;
	color: #000;
	position: relative;
	padding-bottom: 20px;
}
.template-footer .section-title:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 2px;
	background: #06AED5;
	;
}
.template-footer .copy-right {
	position: relative;
	padding-top: 20px;
	margin-top: 40px;
}
.template-footer .copy-right > a {
	color: #06AED5;
}
.template-footer .copy-right:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 2px;
	background: #1fb5f6;
}
.template-footer .contact-form .form-group input[type="name"], .template-footer .contact-form .form-group input[type="text"], .template-footer .contact-form .form-group input[type="email"], .template-footer .contact-form .form-group textarea {
	font-size: 16px;
}
.template-footer .contact-form .form-group input[type="name"]::-webkit-input-placeholder, .template-footer .contact-form .form-group input[type="text"]::-webkit-input-placeholder, .template-footer .contact-form .form-group input[type="email"]::-webkit-input-placeholder, .template-footer .contact-form .form-group textarea::-webkit-input-placeholder {
 color: #000;
}
.template-footer .contact-form .form-group input[type="name"]:-moz-placeholder, .template-footer .contact-form .form-group input[type="text"]:-moz-placeholder, .template-footer .contact-form .form-group input[type="email"]:-moz-placeholder, .template-footer .contact-form .form-group textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.template-footer .contact-form .form-group input[type="name"]::-moz-placeholder, .template-footer .contact-form .form-group input[type="text"]::-moz-placeholder, .template-footer .contact-form .form-group input[type="email"]::-moz-placeholder, .template-footer .contact-form .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.template-footer .contact-form .form-group input[type="name"]:-ms-input-placeholder, .template-footer .contact-form .form-group input[type="text"]:-ms-input-placeholder, .template-footer .contact-form .form-group input[type="email"]:-ms-input-placeholder, .template-footer .contact-form .form-group textarea:-ms-input-placeholder {
 color: #000;
}
.template-footer .contact-form .form-group input {
	color: #000;
	background: transparent;
	border: 1px solid #ccc;
	box-shadow: none;
}
.template-footer .contact-form .form-group textarea {
	color: #000;
	background: transparent;
	border: 1px solid #ccc;
	box-shadow: none;
}
.template-footer #btn-submit {
	color: rgba(255, 255, 255, 0.9) !important;
	background: #DD1C1A !important;
}
.btn {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.template-nav-toggle {
	width: 25px;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
}
.template-nav-toggle.active i::before, .template-nav-toggle.active i::after {
	background: #FFFFFF;
}
.template-nav-toggle:hover, .template-nav-toggle:focus, .template-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.template-nav-toggle i {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
*  display: inline;
	width: 25px;
	height: 3px;
	color: #F9F9F9;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #FFFFFF;
	transition: all .2s ease-out;
}
.template-nav-toggle i::before, .template-nav-toggle i::after {
	content: '';
	width: 25px;
	height: 3px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.template-nav-toggle i::before {
	top: -7px;
}
.template-nav-toggle i::after {
	bottom: -7px;
}
.template-nav-toggle:hover i::before {
	top: -10px;
}
.template-nav-toggle:hover i::after {
	bottom: -10px;
}
.template-nav-toggle.active i {
	background: transparent;
}
.template-nav-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.template-nav-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
.template-nav-toggle {
	position: absolute;
	top: 2px;
	right: 15px;
	z-index: 21;
	padding: 6px 0 0 0;
	display: block;
	margin: 0 auto;
	display: none;
	height: 44px;
	width: 25px;
	border-bottom: none !important;
}

@media screen and (max-width: 767px) {
.template-nav-toggle {
	display: block;
}
}
.btn {
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.btn-primary {
	background: #ff3b30;
	color: #fff;
	border: none !important;
	border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
	box-shadow: none;
	background: #ff3b30;
}
.btn:hover, .btn:active, .btn:focus {
	background: #DD1C1A !important;
	color: #fff;
	outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
	border-color: transparent;
}
.default-padding .navbar-default {
	margin-top: 0px !important;
}
.mt-off {
	margin-top: 0px;
}
.btn-services-common {
	padding: 12px 30px;
	background: #F0C808;
	color: #fff;
}
.circle1 {
	position: relative;
	font-size: 32px;
	color: rgb(6, 174, 213);
	line-height: 0;
}
span.circle1:before {
	border: 1px solid;
	color: rgb(6, 174, 213);
	content: "";
	position: absolute;
	top: 24px;
	width: 50px;
	right: 21px;
}
span.circle1:after {
	border: 1px solid;
	color: rgb(6, 174, 213);
	content: "";
	position: absolute;
	top: 24px;
	width: 50px;
	left: 21px;
}
#parallax-1 {
	background-color: transparent;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	padding: 175px 0 200px;
}

@media screen and (max-width: 992px) {
#parallax-1 {
	padding: 110px 0 110px
}
}

@media screen and (max-width: 767px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #05ADD4;
	background: #05ADD4;
}
}
.overh1 {
	margin: 0;
}
.over:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.57);
}
.overh1 {
	color: white;
	z-index: 999;
	text-align: center;
}
/*************** LOGIN MODAL *****************/


.loginmodal-container {
/*	padding: 30px;*/
	max-width: 350px;
	width: 100% !important;
	background-color: #F7F7F7;
	margin: 0 auto;
	border-radius: 2px;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
	overflow: hidden;
	font-family: roboto;
}
.loginmodal-container h1 {
	text-align: center;
	font-size: 1.4em;
	font-family: roboto;
}
.loginmodal-container input[type=submit] {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	position: relative;
}
.loginmodal-container input[type=text], input[type=password] {
	height: 44px;
	font-size: 16px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	/* border-radius: 2px; */
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #b9b9b9;
	border-top: 1px solid #a0a0a0;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.modal-footer {
	border-top:none;
}
.login-footer, .register-footer, .forgotten-footer {
	font-size: 12px;
	text-align:center;
}
.loginmodal {
	text-align: center;
	font-size: 14px;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	height: 36px;
	padding: 0 8px;/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}
.loginmodal-submit {
	/* border: 1px solid #3079ed; */
	border: 0px;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #4d90fe;
	padding: 10px 0px;
	font-family: roboto;
	font-size: 14px;/* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}
.loginmodal-submit:hover {
	/* border: 1px solid #2f5bb7; */
	border: 0px;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	background-color: #357ae8;/* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
.loginmodal-container a {
	text-decoration: none;
	color: #666;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	opacity: 0.6;
	transition: opacity ease 0.5s;
}
.login-help {
	font-size: 12px;
}
/******************** Featured Card Effect *********************/


.cfw-featured-cards-wrapper {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	color: #fff
}
.cfw-featured-cards-wrapper .cfw-featured-card {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	width: 400px;
	height: 400px;
	max-width: 100%;
	position: absolute;
	padding: 20px;
	box-shadow: -10px 0 25px rgba(0,0,0,.4);
	display: block;
	top: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transition: width .35s cubic-bezier(.91, .01, .6, .99), box-shadow .35s cubic-bezier(.91, .01, .6, .99);
	-moz-transition: width .35s cubic-bezier(.91, .01, .6, .99), box-shadow .35s cubic-bezier(.91, .01, .6, .99);
	-ms-transition: width .35s cubic-bezier(.91, .01, .6, .99), box-shadow .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: width .35s cubic-bezier(.91, .01, .6, .99), box-shadow .35s cubic-bezier(.91, .01, .6, .99);
	transition: width .35s cubic-bezier(.91, .01, .6, .99), box-shadow .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper .cfw-featured-card:hover {
	width: 400px!important;
	z-index: 100!important;
	box-shadow: 0 0 25px rgba(0,0,0,.5)
}
.cfw-featured-cards-wrapper .cfw-featured-card .card-text-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.cfw-featured-cards-wrapper .cfw-featured-card .card-text-wrapper .card-text {
	color: #fff;
	font-size: 16px;
}
.cfw-featured-cards-wrapper .cfw-featured-card p {
	color: inherit;
	font-size: 24px;
	position: absolute;
	bottom: 15px;
	left: 85px;
	width: 250px;
}
.cfw-featured-cards-wrapper .cfw-featured-card .the-card-icon i {
	font-size: 32px;
	position: absolute;
	bottom: 12px;
	left: 25px;
	width: 45px;
	line-height: 45px;
	height: 45px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 0 2px;
	-webkit-transition: box-shadow .35s;
	-o-transition: box-shadow .35s;
	transition: box-shadow .35s
}
.cfw-featured-cards-wrapper .cfw-featured-card .the-card-icon i:before {
	line-height: 45px
}
.cfw-featured-cards-wrapper .cfw-featured-card .the-card-icon:hover i {
	box-shadow: 0 0 0 4px
}
.cfw-featured-cards-wrapper.columns-3 .cfw-featured-card {
	width: 33.3333%
}
.cfw-featured-cards-wrapper.columns-3 .cfw-featured-card:first-of-type {
	right: 0!important;
	z-index: 20!important
}
.cfw-featured-cards-wrapper.columns-3 .cfw-featured-card:nth-of-type(2) {
	right: 50%;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	z-index: 19;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper.columns-3 .cfw-featured-card:last-of-type {
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 18;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card {
	width: 25%
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:first-of-type {
	right: 0!important;
	z-index: 20!important
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:nth-of-type(2) {
	right: 25%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:nth-of-type(3) {
	left: 25%;
	z-index: 18;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:last-of-type {
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 17;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card {
	width: 20%
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:nth-of-type(2) {
	right: 20%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:nth-of-type(3) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:nth-of-type(4) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 20%;
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:last-of-type {
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 16;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99)
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card {
	width: 16.6666%
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:nth-of-type(2) {
	right: 16.6666%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:nth-of-type(3) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 33.3333%;
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:nth-of-type(4) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 33.3333%;
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:nth-of-type(5) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 16.6666%;
	z-index: 16
}
.cfw-featured-cards-wrapper.columns-6 .cfw-featured-card:last-of-type {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 15
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card {
	width: 14.28571428571429%
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:nth-of-type(2) {
	right: 14.28571428571429%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:nth-of-type(3) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 71.42857142857145%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:nth-of-type(4) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:nth-of-type(5) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 71.42857142857145%;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	z-index: 16
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:nth-of-type(6) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 14.28571428571429%;
	z-index: 15
}
.cfw-featured-cards-wrapper.columns-7 .cfw-featured-card:last-of-type {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 14
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card {
	width: 12.5%
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(2) {
	right: 12.5%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(3) {
	right: 25%;
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(4) {
	right: 37.5%;
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(5) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 37.5%;
	z-index: 16
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(6) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 25%;
	z-index: 15
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:nth-of-type(7) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 12.5%;
	z-index: 14
}
.cfw-featured-cards-wrapper.columns-8 .cfw-featured-card:last-of-type {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 13
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card {
	width: 11.1111%
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(2) {
	right: 11.1111%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(3) {
	right: 22.2222%;
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(4) {
	right: 33.3333%;
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(5) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 50%;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	z-index: 16
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(6) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 33.3333%;
	z-index: 15
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(7) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 22.2222%;
	z-index: 14
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:nth-of-type(8) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 11.1111%;
	z-index: 13
}
.cfw-featured-cards-wrapper.columns-9 .cfw-featured-card:last-of-type {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 12
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card {
	width: 10%
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:first-of-type {
	right: 0;
	z-index: 20
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(2) {
	right: 10%;
	z-index: 19
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(3) {
	right: 20%;
	z-index: 18
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(4) {
	right: 30%;
	z-index: 17
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(5) {
	right: 40%;
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	z-index: 16
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(6) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 40%;
	z-index: 15
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(7) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 30%;
	z-index: 14
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(8) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 20%;
	z-index: 13
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:nth-of-type(9) {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	left: 10%;
	z-index: 12
}
.cfw-featured-cards-wrapper.columns-10 .cfw-featured-card:last-of-type {
	-webkit-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	-o-transition: all .35s cubic-bezier(.91, .01, .6, .99);
	transition: all .35s cubic-bezier(.91, .01, .6, .99);
	right: 100%!important;
	-webkit-transform: translate3d(100%, 0, 0)!important;
	transform: translate3d(100%, 0, 0)!important;
	z-index: 11;
	
}
.search-jobtitle {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.search-premium {
	width:35%;
	margin-left:auto;
	margin-right:auto;
}
.search-dates {
	width:38%;
	margin-left:auto;
	margin-right:auto;
	min-width:380px;
	float:none;
}
.search-date {
	width:27%;
/*	margin-left:auto;
	margin-right:auto;*/
	float:left;
	margin-right:10px;
		min-width:150px;

}
.search-date-button{
/*	width:10%;*/
/*	margin-left:auto;
	margin-right:auto;*/
/*		float:right;*/

}
@media (max-width:800px) {
.cfw-featured-cards-wrapper.columns-4, .cfw-featured-cards-wrapper.columns-5 {
	width: 100%;
	overflow: visible;
	height: auto!important
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card, .cfw-featured-cards-wrapper.columns-5 .cfw-featured-card {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	height: 420px;
	width: 100%!important;
	position: static!important;
	-webkit-transform: translate3d(0, 0, 0)!important;
	transform: translate3d(0, 0, 0)!important;
	box-shadow: none!important;
	padding: 20px;
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card .card-text-wrapper, .cfw-featured-cards-wrapper.columns-5 .cfw-featured-card .card-text-wrapper {
	max-width: 100%;
	color: inherit;
	position: static
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card .the-card-icon i, .cfw-featured-cards-wrapper.columns-5 .cfw-featured-card .the-card-icon i {
	bottom: 10px;
	left: 30px
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:hover, .cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:hover {
	width: 100%!important
}
.cfw-featured-cards-wrapper.columns-4 .cfw-featured-card:last-of-type, .cfw-featured-cards-wrapper.columns-5 .cfw-featured-card:last-of-type {
	width: 100%!important;
	position: static!important;
	-webkit-transform: translate3d(0, 0, 0)!important;
	transform: translate3d(0, 0, 0)!important;
	box-shadow: none!important;
	padding: 20px
}
}
.template-featured-card {
	padding: 0 0 1em 0;
}
/* 5. JOBS
-------------------------------------------------------------------*/

.jobs {
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	border-radius: 3px;
}
.jobs a {
	border-bottom: 1px solid #e7e7e7;
	color: #888;
	display: block;
	padding: 15px 0;
	position: relative;
	width: 100%;
}
.jobs a.featured {
	background: #f8f8f8;
	border-bottom: 1px solid #14b1bb;
}
.jobs a:hover,  .jobs a.featured:hover {
	background: #f2f2f2;
}
.jobs a .row {
	margin: 0;
	font-size: 14px;
}
.jobs a h4 {
	line-height: 0.71em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.jobs a strong {
	color: #222;
	font-weight: normal;
}
.jobs .hidden-job {
	display: none;
}
.job-location,  .candidate-location {
	padding-left: 30px;
	position: relative;
}
.job-location:before,  .candidate-location:before {
	color: #14b1bb;
	content: "\f041";
	font-family: "FontAwesome";
	left: 15px;
	position: absolute;
	top: 0;
}
.job-dates {
	padding-left: 37px;
	position: relative;
}
.job-dates:before {
	color: #14b1bb;
	content: "\f073";
	font-family: "FontAwesome";
	left: 15px;
	position: absolute;
	top: 0;
}
.candidate-date:before {
	color: #14b1bb;
	content: "\f073";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: 7px;
}
.applied .job-title h4:before {
	color: #6ecf26;
	content: "\f058";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: 7px;
}
/* 5.1. MORE JOBS
	---------------------------------------------------------------*/

#more-jobs {
	margin-top: 25px;
}
#more-jobs .more {
	display: block;
}
#more-jobs.on .more {
	display: none;
}
#more-jobs .less {
	display: none;
}
#more-jobs.on .less {
	display: block;
}
/* 5.2. JOB TYPE BADGES
	---------------------------------------------------------------*/

.badge.full-time {
	background: #6ecf26;
}
.badge.part-time {
	background: #ff6c00;
}
.badge.freelance {
	background: #72d2ff;
}
.badge.temporary {
	background: #c20000;
}
.badge.internship {
	background: #0064c2;
}
/* 5.3. FEATURED JOBS
	---------------------------------------------------------------*/

.featured-job {
	color: #888;
}
.featured-job img,  .featured-job .title {
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
}
.featured-job h4 {
	margin: 0;
}
.featured-job p {
	margin: 0;
}
.featured-job img {
	margin-left: 15px;
}
.featured-job .data {
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	clear: both;
	margin: 15px 0;
	padding: 10px 15px;
}
.featured-job span {
	display: inline-block;
	margin-right: 12px;
}
.featured-job .description {
	padding: 0 15px;
	font-size: 14px;
}
.featured-job .title {
	padding: 10px 0 0 15px;
}
.featured-job i {
	margin-right: 10px;
}
.featured-job .city i {
	color: #14b1bb;
}
.featured-job .full-time i {
	color: #6ecf26;
}
.featured-job .part-time i {
	color: #ff6c00;
}
.featured-job .freelance i {
	color: #72d2ff;
}
.featured-job .sallary i,  .featured-job .experience i {
	color: #14b1bb;
}
#sidebar .featured-job h5,  #sidebar .featured-job p {
	margin: 0;
}
.list-inline {
	font-size: 14px;
	margin: 0;
}
.title h2 {
	margin-bottom: 50px;
}
.title h2::after {
	background: #14b1bb;
	content: "";
	display: block;
	height: 5px;
	margin-top: 10px;
	width: 60px;
}
#template-pages {
	background-color: transparent;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	color: #fff;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	opacity: 1;
	background-color: #000000;
}
#template-pages a {
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: underline;
}
#template-pages a:hover {
	color: #fff;
	text-decoration: none;
}
#template-pages .gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.3);
}
#template-pages, #template-pages .text-wrap {
	height: 350px;
}
#template-pages .text-wrap {
	display: table;
	width: 100%;
	position: relative;
	z-index: 4;
}
#template-pages .text-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#template-pages .text-inner h1 {
	font-size: 38px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 70px 0 10px 0;
	font-weight: 700;
}
#template-pages .text-inner h2 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #ffffff;
	margin: 0 0 60px 0;
}
#template-pages .text-inner .call-to-action {
	display: block;
	width: 100%;
}
#template-pages .text-inner .call-to-action a {
	width: 230px;
	display: inline-block;
	font-size: 20px;
	padding: 15px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	-webkit-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-ms-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	-o-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.19);
}
#template-pages .text-inner .call-to-action a.demo {
	border: 2px solid rgb(240, 200, 8);
	text-decoration: none !important;
}

@media screen and (max-width: 768px) {
#template-pages .text-inner .call-to-action a.demo {
	margin-bottom: 20px;
}
}
#template-pages .text-inner .call-to-action a.demo:hover {
	background: rgba(240, 200, 8, 0.41);
}
#template-pages .text-inner .call-to-action a.download {
	border: 2px solid #06AED5;
	background: #06AED5;
	text-decoration: none !important;
}
.recent-job-list, .recent-job-list-home {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
}
.recent-job-list-det {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
}
.job-list-logo {
	border-right: 1px solid #e3e3e3;
	min-height: 50px;
	padding: 10px 10px;
}
.job-list-desc {
	border-right: 1px solid #e3e3e3;
	min-height: 50px;
	padding-top: 25px;
	padding-left: 25px;
	/* width:30%; */
	text-align:center;
}
.job-list-desc h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #565656;
}
.job-list-desc h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	color: #565656;
}
.job-list-desc p {
	color: #929292;
	font-size: 13px;
	padding: 0;
}
.job-list-location {
	border-right: 1px solid #e3e3e3;
	min-height: 50px;
	padding-top: 27px;
	/*width:10%;*/
	text-align:center;
}
.job-list-prem {
	border-right: 1px solid #e3e3e3;
	min-height: 50px;
	padding-top: 27px;
	text-align:center;
}
.job-list-cat {
	border-right: 1px solid #e3e3e3;
	min-height: 50px;
	padding-top: 27px;
	/* width:10%;*/
	text-align:center;
}
.job-list-button {
	min-height: 50px;
}
.job-list-location h3, .job-list-type h3, .job-list-prem h3, .job-list-cat h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #565656;
}
.job-list-location h3 i {
	color: #27a2f8;
	margin: 0 4px 0 0px;
}
.job-list-type h3 i {
	color: #ff9494;
	margin: 0 10px 0 25px;
}
.recent-job-list-home .job-list-logo {
	padding: 15px 10px 15px 0;
}
.recent-job-list-home .job-list-location {
	padding: 15px 10px 15px 5px;
}
.recent-job-list-home .job-list-type {
	padding: 15px 10px 15px 0px;
}
.btn-view-job {
	background: #f7f7f7;
	padding: 10px;
	border: 1px solid #e3e3e3;
	text-transform: uppercase;
	font-size: 13px;
}
.btn-view-job:hover {
	background: #ebebeb;
}
.pagination > li > a, .pagination > li > span {
	padding: 10px 20px;
	font-size: 13px;
	line-height: 1.5;
}
.main-footer {
	width: 100%;
	padding: 15px 0;
	background: #000000;
	font-size: 12px;
}
.main-footer a {
	color: #ffffff;
}
.main-footer .link-footer {
	color: #ffffff;
}

@media (max-width: 768px) {
.main-footer .socials {
	margin-bottom: 10px;
}
}
.main-footer .link-footer {
	margin: 0;
	margin-top: 3px;
}
.main-footer .link-footer li:last-child a {
	margin-right: 0;
}

@media (max-width: 768px) {
.main-footer .link-footer {
	margin-bottom: 20px;
}
}
.box-item-details {
	background: #ffffff;
	position: relative;
}

@media (min-width: 992px) {
.box-item-details {
	padding: 30px;
}
}
.box-item-details:before {
	content: "";
	position: absolute;
	left: -1000%;
	width: 1000%;
	top: 0;
	height: 100%;
}

@media (max-width: 992px) {
.box-item-details:after {
	content: "";
	position: absolute;
	background: #ffffff;
	right: -1000%;
	width: 1000%;
	top: 0;
	height: 100%;
}
}
.box-item-details .title {
	border-top: 1px solid #e1e1e1;
	padding-top: 40px;
	margin-top: 30px;
}
.box-item-details .job-meta ul {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
.box-item-details .job-meta ul li i {
	margin-right: 3px;
}
[class^="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}
#social-sidebar {
	right: 0;
	position: fixed;
	top: 30%;
	z-index:50;
}
#social-sidebar li {
	list-style: none;
}
#social-sidebar li:first-child a {
	border-top-left-radius: 5px;
}
#social-sidebar li:last-child a {
	border-bottom-left-radius: 5px;
}
#social-sidebar a {
	background: rgba(0, 0, 0, .7);
	color: #fff;
	text-decoration: none;
	display: block;
	height: 50px;
	width: 50px;
	font-size: 24px;
	line-height: 50px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
#social-sidebar a:hover span {
	right: 120%;
	opacity: 1;
}
#social-sidebar a span {
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px;
	line-height: 24px;
	right: -100%;
	margin-top: -16px;
	opacity: 0;
	padding: 4px 8px;
	position: absolute;
	transition: opacity .3s, left .4s;
	top: 50%;
	z-index: -1;
}
#social-sidebar a span:before {
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	right: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
}
#social-sidebar a[class*="twitter"]:hover, #social-sidebar a[class*="twitter"] span, #social-sidebar a[class*="twitter"] span:before {
	background: #00aced;
}
#social-sidebar a[class*="facebook"]:hover, #social-sidebar a[class*="facebook"] span, #social-sidebar a[class*="facebook"] span:before {
	background: #3B5998;
}
#social-sidebar a[class*="gplus"]:hover, #social-sidebar a[class*="gplus"] span, #social-sidebar a[class*="gplus"] span:before {
	background: #E34429;
}
#social-sidebar a[class*="dribbble"]:hover, #social-sidebar a[class*="dribbble"] span, #social-sidebar a[class*="dribbble"] span:before {
	background: #ea4c89;
}
#social-sidebar a[class*="dropbox"]:hover, #social-sidebar a[class*="dropbox"] span, #social-sidebar a[class*="dropbox"] span:before {
	background: #8DC5F2;
}
#social-sidebar a[class*="github"]:hover, #social-sidebar a[class*="github"] span, #social-sidebar a[class*="github"] span:before {
	background: #9C7A5B;
}
#social-sidebar a[class*="evernote"]:hover, #social-sidebar a[class*="evernote"] span, #social-sidebar a[class*="evernote"] span:before {
	background: #6BB130;
}
/*Style the DIV*/
.container .box {
	float: left;
}
/*Fade all the DIV when user hovers on any div*/
.container:hover .box {
	zoom: 1;
	opacity: 0.45;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
/*Fade out the particular DIV when user hover on that DIV*/
.container .box:hover {
	box-shadow: 2px 6px 15px -4px #ccc;
	border-color: #d6e9c6;
	background: #d6e9c6;
	cursor: pointer;
	/*Opacity*/
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
/******************  Fullscreen Video ************************/

.cd-header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #21272c;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {
.cd-header {
	height: 70px;
	background-color: transparent;
}
.cd-slider-nav .cd-marker, .cd-slider-nav li {
	width: 70px;
}
.cd-slider-nav ul li a i {
	font-size: 20px;
}
.cd-slider-nav {
	height: 63px;
}
.cd-hero {
	border: 30px solid #ffffff;
}
}
#cd-logo {
	float: left;
	margin: 13px 0 0 5%;
}
#cd-logo img {
	display: block;
}

@media only screen and (min-width: 768px) {
#cd-logo {
	margin: 23px 0 0 5%;
}
}
.cd-primary-nav {
	/* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
	float: right;
	margin-right: 5%;
	width: 44px;
	height: 100%;
	background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}
.cd-primary-nav ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.cd-primary-nav a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 5%;
	background: #21272c;
	border-top: 1px solid #333c44;
	color: #ffffff;
}

@media only screen and (min-width: 768px) {
.cd-primary-nav {
	/* reset navigation values */
	width: auto;
	height: auto;
	background: none;
}
.cd-primary-nav ul {
	position: static;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	line-height: 70px;
}
.cd-primary-nav ul.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.cd-primary-nav li {
	display: inline-block;
	margin-left: 1em;
}
.cd-primary-nav a {
	display: inline-block;
	height: auto;
	font-weight: 600;
	line-height: normal;
	background: transparent;
	padding: .6em 1em;
	border-top: none;
}
}
/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #000;
}
.cd-hero-slider {
	position: relative;
	height: 360px;
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.cd-hero-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.cd-hero-slider li.selected {
	/* this is the visible slide */
	position: relative;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.cd-hero-slider li.move-left {
	/* slide hidden on the left */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
	/* the is-moving class is assigned to the slide which is moving outside the viewport */
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}

@media only screen and (min-width: 768px) {
.cd-hero-slider {
	height: 500px;
}
}

@media only screen and (min-width: 1170px) {
.cd-hero-slider {
	height: 680px;
	list-style: none;
	padding: 0;
}
.contact-us {
	height: 400px;
	list-style: none;
	padding: 0;
}
}
/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	/* this padding is used to align the text */
	padding-top: 100px;
	text-align: center;
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
	/* hide image on mobile device */
	display: none;
}
.cd-hero-slider .cd-img-container img {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
	/* hide video on mobile device */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
	/* you won't see this element in the html, but it will be injected using js */
	display: block;
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	height: auto;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	line-height: 1.2;
	margin: 0 auto 14px;
	color: #fff;
	width: 90%;
	max-width: 400px;
}
.cd-hero-slider h2 {
	font-size: 2.4rem;
}
.cd-hero-slider p {
	font-size: 1.4rem;
	line-height: 1.4;
}
.cd-hero-slider .cd-btn {
	display: inline-block;
	padding: 1.2em 1.4em;
	margin-top: .8em;
	background-color: #13293D;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	text-transform: uppercase;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
	background-color: #247BA0;
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
	margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
	background-color: rgba(27, 152, 224, 0.92);
	text-decoration: none;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 768px) {
.cd-hero-slider li:nth-of-type(2) {
	background-image: none;
}
.cd-hero-slider li:nth-of-type(3) {
	background-image: none;
}
.cd-hero-slider li:nth-of-type(4) {
	background-image: none;
}
.cd-hero-slider .cd-full-width,  .cd-hero-slider .cd-half-width {
	padding-top: 150px;
}
.cd-hero-slider .cd-bg-video-wrapper {
	display: block;
}
.cd-hero-slider .cd-half-width {
	width: 45%;
}
.cd-hero-slider .cd-half-width:first-of-type {
	left: 5%;
}
.cd-hero-slider .cd-half-width:nth-of-type(2) {
	right: 5%;
	left: auto;
}
.cd-hero-slider .cd-img-container {
	display: block;
}
.cd-hero-slider h2, .cd-hero-slider p {
	max-width: 520px;
}
.cd-hero-slider h2 {
	font-size: 2.4em;
	font-weight: 300;
}
.cd-hero-slider .cd-btn {
	font-size: 1.4rem;
}
}

@media only screen and (min-width: 1170px) {
.cd-hero-slider .cd-full-width,  .cd-hero-slider .cd-half-width {
	padding-top: 220px;
}
.cd-hero-slider h2, .cd-hero-slider p {
	margin-bottom: 20px;
}
.cd-hero-slider h2 {
	font-size: 3.2em;
}
.cd-hero-slider p {
	font-size: 1.6rem;
}
}
/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
	width: 90%;
	max-width: 768px;
	margin: 0 auto;
	padding: 2em 0;
}
.cd-main-content p {
	font-size: 1.4rem;
	line-height: 1.8;
	color: #999999;
	margin: 2em 0;
}

@media only screen and (min-width: 1170px) {
.cd-main-content {
	padding: 3em 0;
}
.cd-main-content p {
	font-size: 1.6rem;
}
}
/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
	display: none;
}
.no-js .cd-hero-slider li.selected {
	display: block;
}
.no-js .cd-slider-nav {
	display: none;
}
.cd-slider-nav ul li a i {
	display: block;
	font-size: 30px;
	color: white;
}


/* --------------------- Clients Page ---------------------------- */
.clients {
    font-size: 0;
    display: block;
    overflow: hidden;
}
.clients p {
    font-size: 13px;
}
.clients .client-logos {
    margin-top: 30px;
}
.clients .client-logos .client:nth-child(4n-3) {
    margin-left: 0;
}
.clients .client-logos .client:nth-child(4n) {
    margin-right: 0;
}
.clients .client-logos .client:hover {
    box-shadow: inset 0px 0px 5px 1px #000;
}
.clients .client-logos .client {
    margin: 1%;
	width: 23.5%;
	height: 150px;
	height: 160px;
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px #ddd;
    text-align: center;
    vertical-align: top;
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.clients .client-logos .client img {
    display: inline;
    position: relative;
 /*   top: 50%;*/
}
.clients .client-logos .client span {
  display: block;
  text-align: center;
  font-size: 18px;
}
.client span {
/*padding-top:10px;
	padding-bottom:10px;*/
}
@media (max-width: 480px) {
.clients .client-logos .client {
	width: 48.5%;
	height: 150px;
}
.job-list-logo {
	text-align: center;
}
.job-list-desc {
	text-align: center;
}
.job-list-location {
	text-align: center;
}
.search-jobtitle {
	width:100%;
}
.search-premium {
	width:100%;
}
.search-dates {
	width:100%;
	min-width:100%;
	padding-left:0px;
	padding-right:0px;
}
.search-date {
	width:100%;
	min-width:100%;
}
.search-date-button {
	width:100%;
	min-width:100%;
}
.cd-hero-slider {
	height:436px;
}
}
@media (min-width: 481px) and (max-width: 800px) {
.clients .client-logos .client {
	width: 48.5%;
    height: 160px;
}
}

/*----- Call To Action 1 -----*/
#call-to-action-1 {
	padding-bottom: 53px;
	line-height: 50px;
}
#call-to-action-1 p {
    margin: 23px 0 30px 0;
    line-height: 1.8;
}
.g-recaptcha{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0px;
}
#login-footer-register, #login-footer-forgotten, #register-footer-logon, #forgotten-footer-logon {
    color: black;
    font-size: 15px;
}
.btn-view-job {
    background: #b3adad;
    color: white;
    font-weight: bold;
}
.my-form-container{
    padding: 50px;
    display: flex;
    justify-content: center;
}
.my-d-subscribe-container{
    /*background-color:#f7f4f4;*/
}
.my-d-subscribe-container .my-p{
    line-height: 0!important;
    font-size: 18px;
}
.msg-container .alert{
    padding:0px;
}