html,body {
  height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Raleway', sans-serif;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -169px;
  /* Pad bottom by footer height */
  padding: 0 0 169px;
}


a {cursor: pointer}
a:focus, a:hover {
    color: #c5a11a;
    text-decoration: none;
}

.logo {padding-top: 10px;padding-left: 57px;}
.cadreann{
	border-color: #f8992c;
	border-style: solid;border-width: 0.66px;
	margin-bottom: 10px;
}
.cat{
	    margin-top: 25px;
    margin-bottom: 28px;
    padding-right: 23px;
}
.catpro{
	font-size: 15px;
    color: black;
}

.logo span {
	font-size: 30px; 
 
    margin-top: 25px;
    vertical-align: middle;
}

.header a {
	padding-top: 22px;
	color:  #f8c505;
	font-size: 16.43px;
	font-weight: 700;
	font-style: normal;
	line-height: 26px;
	text-align: center;
}
.logo {
    margin-top: 2px;
    width: 360px;
}
/* line 55, ../../src/stylesheets/style.scss */
span.slogan {
  font-size: 30px;
	font-family: 'Raleway', sans-serif;

  font-weight: bold;
  margin-top: 8px;
  vertical-align: middle;
  color: white;
  word-spacing: -5px;
  text-transform: lowercase;

}
span.upper{
	font-size: 30px;
  	font-family: 'Raleway', sans-serif;

  font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
	    vertical-align: baseline;
	word-spacing: -5px;
}
/* line 61, ../../src/stylesheets/style.scss */ 
span.yellow {
  color: #f8c505;
  font-size: 30px;
	font-family: 'Raleway', sans-serif;

  font-weight: bold;
  margin-top: 8px;
  vertical-align: middle;

  text-transform: lowercase;
}
span.underSlogan{
		font-family: 'Raleway', sans-serif;

	
	font-size: 12px;
	position: relative;
	left: 54px;
	bottom: 16px;
	 margin-left: 1px;
}

.masthead {
	position: relative;
	height: 476px;
	
	color: #fff;

	background-image: url("../img/bg.jpg");

	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;
}

.masthead-default {
	position: relative;
	height: auto;
	
	color: #fff;

	background-image: url("../img/bg.jpg");

	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;
}


.masthead .content {
	padding: 5px 50px;
}
 
/*.masthead.bg1 {
  background-image: url("../img/bg.jpg");
}*/
/*.masthead .bg2 {
	position: absolute;
    width: 100%;
    height: 395px;
    bottom: 0;
    left: 0;
    background-image: url("../img/tools.png");
    //background-attachment: fixed;
    // background-size: 55%;
    background-repeat: no-repeat;
    background-position: 230px 16px;

}*/


.content-form {
	background-color: rgba(255, 255, 255, 0.25);
	width: 667px;
	padding: 30px;
	margin-top: 68px;
}

.content-form h1 {
	color: #f8c505;
	font-size: 41.92px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 27px;
}

.content-form img {
	margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 6px;
}

.content-form form .form-group {
	position: relative;
}

.content-form form .form-group input {
	border-style: solid;
	border-width: 1px;
	border-color: #19242e;
	box-sizing: border-box;
	background-color: #ffffff;
	width: 364px;
	height: 43px;
	color:  #737272;
	font-size: 16.34px; 
	font-weight: 400;
	line-height: 30px;
	text-align: left;

}

.content-form form button {
	background-color:  #f8c505;
	border-radius: initial;
	width: 161px;
	height: 43px;
	color:  #202932;
	font-size: 19px;
	font-weight: 700;
	line-height: 30px;
	margin-left: 20px;
}

.content-form form button:hover {
	background-color:  #bd9602;
}

.content-form p {
	margin: 15px 0 3px 0;
	font-size: 21.89px; 
	font-weight: 600;
	line-height: 32px; 
	text-align: center;
}

.content-form .yellow-lead {
	margin:0;
	color: #f8c505;
	font-size: 25px; 
	font-weight: 600;
	line-height: 32px; 
}


.lead {
	color: #202932;
	font-size: 23px; 
	font-weight: 600;
	line-height: 26px; 
	text-align: center;
}


.features {
	text-align: center;
    min-height: 293px;
    padding-top: 21px;
}

/*.feat p {
    width: 112px;
}
*/
.features .feat-lead{
	color: #202932;
	font-size: 31.96px; /* Approximation due to font substitution */
	font-weight: 600;
	line-height: 39.13px; /* Approximation due to font substitution */

}

.features .feat-txt{
	color: #202932;
	padding: 17px 0;
	font-size: 17.98px;
	font-weight: 600;
	line-height: 21.992px;
	text-align: center;
}

.form-container .form-wrapper {
	border-width: 0.66px;
	border-color: #dadada;
	border-style: solid;
	min-height: 800px!important;
	
}
.form-container .form-wrapper .head-txt {
	font-size: 24.22px; 
	line-height: 26px; 
	background-color: #efefef;
}
.form-container .form-wrapper p {
	font-size: 18.22px; 
	line-height: 22.207px; 
}
.test {
	background-color: #3a4652!important;
    
    min-height: 30px!important;
}

.service {
	background-color: #9E9E9E;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    min-height: 662px;
}

.serv-head {
	padding: 20px;
}

.serv-item {
	width: 300px;
    margin: 0 auto;
}

.serv-head, .serv-head h3, .serv-head img {
	margin-top: 8px;
}

.serv-head img {
	margin-bottom: 4px;
}

.serv-head p {
	color: #d3eaf9;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.service h3{
	color: #ffffff;
	font-size: 32px;
	font-weight: 600;
	line-height: 22.593px;
}

.service .desc{
    text-align: left;
	font-size: 14px; 
	font-weight: 600;
	line-height: 18px; 
	margin-bottom: 20px;
	margin-top: 10px;
}



.service .desc p {  
	color: #ffffff;
	font-size: 18px; 
	font-weight: 600;
	font-style: italic;
	line-height: 18px; 
	text-align: left;
	margin-bottom: 2px;
 }



.service .desc a.link {  
    padding-left: 19px;
    background: transparent url(../img/add-btn.png) no-repeat center left;
	color: #f8c505;
	font-size: 12.99px; 
	font-weight: 700;
	line-height: 18px;
 }


 .service .btn {
	background-color: transparent;
    border-radius: initial;
    width: 413px;
    height: 58px;
    color: #f8c505;
    font-size: 20.25px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 19px;
    border: 1px solid #f8c505;
}




.certifs {
    text-align: center;
    /*min-height: 600px;*/
    background-image: url("../img/big-worker.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.cert-head {
	padding: 20px;
}

.cert-head, .cert-head h3, .cert-head img {
	margin-bottom : 14px;
}

.cert-head p {
	color: #202932;
	font-size: 14.29px; 
	font-style: italic;
	line-height: 20px; 
	text-align: center;
	padding: 0 235px;
}

.certifs h3{
	color: #202932;
	font-size: 32px; 
	font-weight: 600;
	line-height: 26px; 
}

.certifs .item {
	padding-top: 34px;
    padding-bottom: 24px;
}

.certifs .item-head {
	padding-bottom: 12px;
}

.certifs .item-head img {
	vertical-align:middle;
}

.certifs .item-head span {
	
	color: #202932;
	font-size: 18px; 
	font-weight: 700;
	line-height: 26px; 
	text-align: center;
	padding: 19px;
}
.certifs .item-head span i {
	font-style: normal;
}

.capitilise-text{
	text-transform:capitalize;
}

.certifs .desc {
	color: #49617a;
	font-size: 12px; 
	font-weight: 400;
	line-height: 17px; 
	min-height: 70px;
}
.certifs .right{text-align: right; }
.certifs .left{text-align: left;}

.certifs .desc.right{padding: 0 20px 0 55px;}
.certifs .desc.left{padding: 0 55px 0 20px;}

.certifs .center{text-align: center}
.textmenu {
    font-size: 17px;
}

footer {
	background-color: #d8d8d8;
/*	min-height: 169px;*/
	color: #fff;
	/*padding: 54px;*/
}

footer ul.list-unstyled li a{
	color: white;
}

footer .btn {
	background-color:  #f8c505;
	border-radius: initial;
	width: 299px;
	height: 51px;


	color: #202932;
	font-size: 20.25px;
	font-weight: 700;
	line-height: 26px;

}

footer p {
	color: #ffffff;
	font-size: 14.88px;
	font-weight: 400;
	line-height: 26px;
}

footer p:first-child {
	color: #ffffff;
	font-size: 23.33px;
	font-weight: 700;
	line-height: 26px;
}



.yellow-pen {
color: #eebe0d;
font-style: normal;
}

.yellow-pen  .a {
color: #eebe0d;
font-style: normal;
}


.loading-circle {    
  background-color: #ffffff;
  background-image: url("../img/loader.gif");
  background-size: 25px 25px;
  /*background-position:right center;*/
  background-position: 98% center;
  background-repeat: no-repeat;
}

.autocomplete-list.dropdown-menu>li>a:focus, 
.autocomplete-list.dropdown-menu>li>a:hover {
	background-color: #f8c505; 
	color: black;
}


.dropdown-menu a {font-size: 17px}

.autocomplete-list.dropdown-menu {
    position: absolute;
    top: 42px;
    width: 100%;
}

.autocomplete-list.dropdown-menu.display {
    display: block;
}



::selection {
  background: #eebe0d; 
}
::-moz-selection {
  background: #eebe0d;
}

@media only screen and (min-width : 1301px) {
	.header.container {width: 1300px}
	footer .container{width: 1320px}
}

@media only screen and (max-width : 1300px) {
	.header.container {width: 1150px;}
	footer .container{width: 1190px}
}


@media only screen and (max-width : 1200px) {
	footer .container, .header.container {width: inherit;}

	.cert-head p {padding: 0;}
	.certifs {background-position: 80% 100%}
	.certifs .item {padding-top: 0}
	.features .feat-txt {padding: 15px 0}
	.masthead .bg2 {background-position: 0px 30px}
	footer {padding: 45px}
}

@media only screen and (max-width : 992px) {
	.certifs {background-position: 92% 100%}
	footer {padding: 45px}
	/*.header a {padding-right: 71px}*/
	.masthead .bg2 {background-position: -137px 41px;}
	
}

@media only screen and (max-width : 767px) {
	.logo {text-align: center; padding-left: 0;}
	.logo span {font-size: 22px}

	/*.header a {padding-right: 0;}*/
	.content-form {height: auto;margin-top: 17px;width: auto;}
	.content-form h1 {font-size: 23px;margin: 15px;}
	.content-form p {font-size: 18px}
	.content-form .yellow-lead {font-size: 20px;line-height: 18px;}
	.content-form form .form-group input {width: 100%; margin: 0 auto;}
	.content-form img {height: 29px}
	.masthead .bg2 {background-position: -319px 111px;}
	.features .feat-txt {padding: 15px 0}
	.cert-head p {padding: 0;}
	.certifs {background-image: none}
	.certifs .item {padding-top: 0}
	footer {padding: 0}
	footer p {line-height: 1.3}
	footer p:first-child {font-size: 15px; margin: 13px 0;}

	.header .img-responsive {margin: 0 auto;}
}

@media only screen and (max-width : 480px) {
	.logo {text-align: center}
	.logo span {font-size: 22px}
	.header a {font-size: 14px; padding-right: 0;}
	.content-form {left: 0; width: 100%; height: auto; bottom: 105px;padding: 30px;}
	.content-form h1 {font-size: 17px; margin: 13px;}
	.content-form form .form-group input {width: 100%; margin: 0 auto;}
	.masthead .bg2 {background: none;}
	.features .feat-txt {padding: 15px 0}
	.cert-head p {padding: 0;}
	.certifs {background-image: none}
	.certifs .item {padding-top: 0}
	footer {padding: 0}
	footer p {line-height: 1.3}
	footer p:first-child {font-size: 15px; margin: 13px 0;}
	.masthead .content {padding: 0}
	.row {margin: 0;}
}

@media only screen and (max-width : 320px) {
	.logo {text-align: center}
	.logo span {font-size: 22px}
	.header a {font-size: 14px; padding-right: 0;}
	.content-form {left: 0; width: auto; height: auto; bottom: 105px;padding: 0;background-color: inherit;}
	.content-form h1 {font-size: 17px; margin: 13px;}
	.content-form form .form-group input {width: auto; margin: 0 auto;}
	.masthead .bg2 {background-position: 77% 36%;}
	.features .feat-txt {padding: 15px 0}
	.cert-head p {padding: 0;}
	.certifs {background-image: none}
	.certifs .item {padding-top: 0}
	footer {padding: 0;height: auto;}
	footer p {line-height: 1.3}
	footer p:first-child {font-size: 15px; margin: 13px 0;}  
	.container {
      padding:0;
      margin:0;
    }
    .masthead .content {padding: 0}
    .row {margin: 0;}

    footer .btn {width: auto}
}