@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?2v3wep');

  src:  url('fonts/icomoon.eot?2v3wep#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?2v3wep') format('truetype'),

    url('fonts/icomoon.woff?2v3wep') format('woff'),

    url('fonts/icomoon.svg?2v3wep#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Lato-Regular';

  src: url('fonts/Lato-Regular.eot');

  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),

       url('fonts/Lato-Regular.woff') format('woff'),

       url('fonts/Lato-Regular.ttf') format('truetype'),

       url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');

}

* {

	margin: 0;

	padding: 0;

}



a, a:hover {

	text-decoration: none;

}



li {

	list-style: none;

}



.clear {

	clear: both;

}



body {

	overflow-x: hidden; 

	font-family: 'Droid Serif', serif;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.container {

	max-width: 960px;

	margin: 0 auto;

}

/*-------------------------*/



#Wrapper {

	margin: 0;

	padding: 0;

	width: 100%;

}



.header-main {

	width: 100%;

	color: #2e2e2e;

	margin: 25px 0;

}

.header-main a {

  color: #2e2e2e;

  font-size: 18px;

}



.logo {

	float: left;

}



.right-links {

    float: right;

    margin-top: 35px;

    width: 380px;

}



.link-1, .link-1-mob {

	float: left;



}

.link-1-mob {

  display: none;

}

.link-2 {

	float: right;

}



.link-1 a:before {

  content: "\e942";

  font-family: 'icomoon';

  color: #ff8201;

  margin-right: 10px;

}

.link-1-mob a:before {

  content: "\e942";

  font-family: 'icomoon';

  color: #ff8201;

  margin-right: 10px;

}



.link-2 a:before {

	content: "\e901";

	font-family: 'icomoon';

	color: #ff8201;

	margin-right: 10px;

}



/* ------ Header ---------*/



.banner {

	background: url(images/banner.jpg) no-repeat 50% 0;

	height: 360px;

	width: 100%;

	position: relative;

}

.banner1 {

  background: url(images/banner2.jpg) no-repeat 50% 0;

  height: 360px;

  width: 100%;

  position: relative;

}

.banner2 {

  background: url(images/banner3.jpg) no-repeat 50% 0;

  height: 360px;

  width: 100%;

  position: relative;

}

.banner3 {

  background: url(images/banner4.jpg) no-repeat 50% 0;

  height: 360px;

  width: 100%;

  position: relative;

}

.banner4 {  background: url(images/banner5.jpg) no-repeat 50% 0;  height: 360px;  width: 100%;  position: relative;}

.banner .container, .banner1 .container, .banner2 .container, .banner3 .container, .banner4 .container {

	position: relative;

}

.banner-contents {

	width: 100%;

}



.banner-text {

  float: left;

  padding-left: 30%;

  padding-top: 15%;

  width: 35%;

}

.banner3 .banner-text {

  padding-left: 40%;

  width: 18%;

}.banner4 .banner-text {float: left;    padding-left: 34%;    padding-top: 9%;    width: 29%;}



.banner-text > p {

  color: #fff;

  font-size: 22px;

}	

.banner1 .banner-text p, .banner2 .banner-text p, .banner3 .banner-text p, .banner4 .banner-text p {

  color: #000;

}
#main-form-block
{
	border:none !important;
}

.banner-form {

  background: #f89728;

  padding: 10px;

  position: absolute;

  right: 0;

  text-align: center;

  top: -350px;

  width: 285px;

  z-index: 99999999;

}

.site-content2 .banner-form {

/*  height: 380px;

  top: -64%;
*/
}

.site-content3 .banner-form {

/*  height: 380px;

  top: -51%;*/

}

.site-content4 .banner-form {

  /*height: 380px;

  top: -46%;
*/
}

.site-content5 .banner-form { /* height: 380px;  top: -60%;*/}

.banner-form h3{

	background: #0077c8;

	color: #FFF;

	font-family: 'Lato-Regular',sans-serif;

	font-weight: 300;

	padding: 15px 0;

}

.banner-form p a{

	padding: 0;

	font-family: 'Lato-Regular',sans-serif;

	color: #000;

	font-size: 23px;	

}

.banner-links {

  background: rgba(255, 255, 255, 0.6) ;

  position: absolute;

  width: 100%;

  bottom: 0;

}

.link-align a {

	color: #000;

}

.link-bn1, .link-bn2, .link-bn3 {

  float: left;

  margin: 10px 0;

  padding: 15px;

}



.link-bn1 {

	border-left: 1px solid #f89728;

	border-right: 1px solid #f89728;

}

.link-bn1 a {

	display: inline-block;

}

.link-bn2 {

	border-right: 1px solid #f89728;

}

.link-align span {

  display: block;

  height: 45px;

  text-align: center;

}



/* ------- Banner Ends ----------*/



.site-content, .site-content2, .site-content3 , .site-content4, .site-content5 {

  width: 100%;

  margin-bottom: 50px;

}

.site-content h1, .site-content2 h1, .site-content3 h1 , .site-content4 h1, .site-content5 h1 {

  border-bottom: 1px solid #fbcb93;

  color: #404040;

  float: left;

  padding: 25px 0;

  text-align: center;

}

.content-main {

  color: #0a0a0a;

  font-size: 14px;

}

.paul-img {

  float: right;

  margin-left: 25px;    margin-top: 160px;

}

.paul-img > img {

  border: 10px solid #434343;

}

.paul-img a img {

  border: 10px solid #ffd2a3;

}



.content-main p {

  margin: 20px 0;

  text-align: justify;

}

.content-main li {

  margin: 10px 0;

}

.content-main li::before {

  content: "\e902";

  font-family: "icomoon";

  padding: 0 15px 0 5px;

  vertical-align: middle;

}

/* ------ Content --------*/

.site-content .container, .site-content2 .container, .site-content3 .container, .site-content4 .container, .site-content5 .container{

	position: relative;

}

.location h2 {

  text-align: center;

  color: #262626;

  padding: 15px 0;

}

.location h2:before {

  content: "\e900";

  font-family: "icomoon";

  color: #ff8200;

}



.location a {

  background: url(images/map.jpg) no-repeat 60% 0;

  height: 266px;

  display: block;

}



/* --------- Location ----------*/



.footer {

  background: #808080;

  padding: 30px 0;

  text-align: center;

  font-size: 14px;

  color: #fff;

  font-weight: normal;

}

.footer h3 {

	font-weight: normal;

	margin: 25px 0;

}

.footer a {

  color: #fff;	

}

.ypo-logo {

	margin-top: 25px;

}

.mob {

  display: none;

}







/*  RESPONSIVE  */



@media screen and (max-width: 850px) {

.header-main .container {

  padding: 0 15px;

}

.right-links {

  margin-top: 0;

  width: auto;

}

.logo {

  float: left;

  width: 60%;

}

.logo img {

  max-width: 100%;

}

.banner1 {

  background: url(images/banner2.jpg) no-repeat scroll 35% 0;

}

.banner2 {

  background: url(images/banner3.jpg) no-repeat scroll 40% 0;

}

.banner3 {

  background: url(images/banner4.jpg) no-repeat scroll 40% 0;

}

.banner4 {  background: url(images/banner5.jpg) no-repeat scroll 40% 0;}

.banner1 .banner-text, .banner2 .banner-text {

  float: none;

  padding-right: 10%;

  padding-top: 15%;

  text-align: right;

  width: auto;

}.banner4 .banner-text {  float: none;  padding-right: 10%;  padding-top: 6%;  text-align: right;  width: auto;}

.right-links > div {

  margin: 10px 0;

}

.link-1, .link-1-mob {

  float: none;

}

.link-2 {

  float: none;

}

.banner-form {

  margin: 25px auto;

  position: inherit;

  width: 90%;

}

.link-align {

  text-align: center;

}

.link-bn1, .link-bn2, .link-bn3 {

  clear: both;

  display: inline-block;

  float: none;

  margin: 10px 0;

  padding: 15px;

  width: 28%;

}

.link-bn1 {

	border: none;

}

.link-bn2 {

	border-left: 1px solid #f89728;

}

.site-content h1, .site-content2 h1, .site-content3 h1, .site-content4 h1, .site-content5 h1 {

  float: none;

  border-bottom: none;

}

.banner3 .banner-text {

  clear: both;

  float: none;

  padding-left: 0;

  padding-right: 5%;

  text-align: right;

  width: auto;

}

.container {

  padding: 0 5px;

}
.banner-form
{
	top:0px;
}
}



@media screen and (max-width: 640px) {

.logo {

  float: none;

  text-align: center;

  width: auto;

}

.right-links {

  clear: both;

  float: none;

  margin-top: 30px;

  text-align: center;

  width: auto;

}

.banner {

  background: url(images/banner.jpg) no-repeat scroll 37% 13%;

  height: 270px;

}

.banner1 {

  background: url(images/banner2.jpg) no-repeat scroll 37% 13%;

  height: 270px;

}

.banner3 {

  background: url(images/banner4.jpg) no-repeat scroll 37% 13%;

  height: 270px;

}.banner4 {  background: url(images/banner5.jpg) no-repeat scroll 37% 13%;  height: 270px;}

.banner-links {

  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

}

.banner-text {

  padding-left: 35%;

  padding-top: 15%;

  width: 60%;

}

.banner-text > p {

  font-size: 17px;

}

.banner3 .banner-text > p {

  color: #fff;

}

.banner3 .banner-text {

  padding-top: 20%;

}

.link-bn1, .link-bn2, .link-bn3 {

  clear: both;

  display: inline-block;

  float: none;

  margin: 6px 0;

  padding: 0;

  width: 30%;

}

.link-align a {

  font-size: 12px;

}

.link-align span {

  height: auto;

}

.link-align span img {

  width: 25px;

}

.link-1 {

  display: none;

}

.link-1-mob {

  display: block;

}

.content-main {

  font-size: 13px;

  padding: 0 15px;

}

.paul-img {

  clear: both;

  float: none;

  margin: 0;

  text-align: center;

}

.paul-img > img {

  max-width: 100%;

}

.footer .container {

  padding: 0 10px;

}

.footer h3 {

  font-size: 13px;

}

.footer a {

  font-size: 13px;

}

.desk {

  display: none;

}

.mob {

  display: block;

}

}