
body.em {
    background-color: #f8f9fa;
}

p {
    font-weight:300;
}


.em .section1 .col-right h3, .em .section1 h3 {
    font-size: 40px;
    color: #000000;
    font-weight:300;
    margin-bottom: 20px;
}
.em .section2 .sec2_header h3 {
    text-align: center;
    font-size: 40px;
    color: #000;
    font-weight:300;
    margin-bottom: 20px;
}
.em .form-box h3 {
    text-align: left;
    font-size: 40px;
    color:#000;
    font-weight:300;
    margin-bottom:20px;
}


.em header {
    padding-top: 20px;
    box-shadow: 0 0 8px rgba(0,0,0,.50);
    position:fixed;
    top:0;
    z-index:10;
}

.em .section1 {
    background-color: #f8f9fa;
    padding-top:180px
}

.em .section1 .sec1-btn a {
  color: #fff;
  background-color: #fcba30;
  border: 0px;
  height:38px;
  padding:8px 49px;
}

.em header .head-right a {
  height: 38px;
  padding:8px 49px;
}

.em .submit-btn {
	padding: 8px 44px;
  height: 38px;
}


.em .section2 .s2-bottom {
	text-align: center;
}

.em .section2 ul li {
	width: 27%;
	margin-right: 6%;
}

.sec2_header p {
    text-align: center;
    margin-bottom: 10px;
}

.em #login-form {
    margin: 0 auto;
}

.em .submit-btn {
  float:right;
  margin:16px 0 0;
}

.em .section3 .col-right {
    background: #f8f9fa;
    color: #000;
    padding:64px 0;
}

.em .section3 .col-left {
	background-size: cover;
	background-position: right top;
  background-image: url('general-image2.jpg') !important;
  background-repeat:no-repeat;
  background-color:#fff !important;
  display:block;
  width:100%;
  min-height:640px;
}

.em .section3 .form-box {
    max-width:500px;
    width:80%;
    margin:0 auto;
    padding:0;
    float:none;
}

.em .inputsyle1 {
    color: #000;
    border: 1px solid #000;
    height: 38px;
}

.em input::-moz-placeholder{
    color: #000;
    opacity: 1;
}

.em .inputsyle1:focus {
    border-color: #000;
}

.em .submit-btn:hover,
.em .submit-btn:focus,
.em header .head-right a:hover,
.em .section1 .sec1-btn a:hover {
    color: #fff;
    background-color: #fac85f;
}

.em footer h2 {
  font-weight:300;
}

.em footer .ft-left {
    padding: 0;
    width:50%;
    border-right: 1px solid #000;
}

.em footer .ft-right {
    padding: 0;
    text-align:right;
    width:50%;
}

.em footer .ft-right h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 300;
}

.em footer .ft-left h2 {
    color: #000;
    font-size: 20px;
}

.em footer ul.ft-conatct li a {
    color: #000;
}

.em footer {
    float: left;
    width: 100%;
    background: #f8f9fa;
    padding: 55px 0;
}


.em footer ul.ft-social {
	margin-top: 0;
}

.em .section4 .s4-txt p {
    font-style: normal;
    font-weight: 300;
}

.em .section4 .s4-txt h4 {
    font-weight: 300;
    font-size: 20px;
}



@media (max-width:1440px) {
.em .section3 .col-left {
  min-height:500px !important;
}
}

@media (max-width:1200px) {
.em .section3 .col-left {
  min-height:500px !important;
}
.em .section1 .col-right h3 {
    font-size: 32px;
}
.em .section2 .sec2_header h3 {
    font-size: 32px;
}
.em .form-box h3 {
    font-size: 32px;
}
}

@media (max-width:1024px) {
.em .section3 .col-left {
  min-height:480px !important;
}
}

@media (max-width: 767px) {
.em .section3 .col-left {
  min-height:300px !important;
}
.em .section2 ul li {
    width: 100%;
    margin: 0 0 40px;
}
.em header .head-right {
    visibility:hidden;
}
.em footer .ft-left {
    width:100%;
    border:0;
    text-align:center;
}
.em footer .ft-right {
    width:100%;
    border:0;
    text-align:center;
}
}
