
body {
	margin: 0;
	padding: 0;
  font-family: 'PT Sans', sans-serif; font-weight:500;
	background:#FFF; overflow-x:hidden; color:#444
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input {border:none; background:#fff;}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
h1, h2, h3, h4, h5, p, ul, li, p{margin:0; padding:0; list-style:none; font-weight:normal}
a {text-decoration:none}
a:focus {outline:none}


html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
	 display: table;
  content: " ";}
  .container:after  {
  clear: both;
}

.row:before,
.row:after {
	 display: table;
  content: " ";}
  .row:after  {
  clear: both;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* Header */

header {float:left; width:100% }
.header-top {float:left; width:100%; padding:10px 0 0 0 }
.header-top p {float: left; margin-left:30px; color:#c9c9c7; font-size:14px; font-weight:800; text-transform:uppercase}
.header-top-right {float:right;}
.header-top p i {float:left; margin-right:10px}
.header-top p:first-child i {margin-top:-4px;}

.main-header {float:left; width:100%; background:rgba(255,255,255,0.7); position:relative; }
.logo {float:left; margin:20px 0}
#nav {float:right;}

.main-slider {float:left; width:100%; background:url(../images/main-bg.jpg) center center no-repeat; background-size:100% auto; margin-top:-115px; padding:120px 0 180px 100px; text-align:center}
.main-slider h1  {color:#003691; font-size:52px; font-weight:600; text-shadow:1px 2px 2px rgba(0,0,0,0.5); padding-top: 180px;}
.inner-banner h1  {color:#003691; font-size:52px; font-weight:600; text-shadow:1px 2px 2px rgba(0,0,0,0.5); padding-top:0px;}
.main-slider h2 {color:#fff; font-size:36px; font-weight:600; line-height:40px; padding:15px 0;text-shadow:1px 2px 2px rgba(0,0,0,0.5);padding-top: 20px;}
.main-slider p {font-size:19px; font-style:italic; color:#fff; font-weight:600;text-shadow:1px 2px 2px rgba(0,0,0,0.5)}

.banner-para {margin:0 auto; width:55%;}
.welcome-con {float:left; width:100%; padding:70px 0; text-align:center}
.welcome-con  h1 { font-size:28px; color:#31363c; padding-bottom:20px}
.welcome-con p {font-size:16px; color:#2a292a; line-height:25px}
.welcome-con strong {font-size:18px; font-weight:normal; color:#111; padding-top:20px; display:inline-block } 

.our-services {float:left; width:100%; background:#f6f5f5 url(../images/services-bg.jpg) top center no-repeat; background-size:100% auto}
.services-left {float:left;width:50%; padding:30px 0}
.services-left h2 { font-size:28px; color:#31363c;}
.services-left p {font-size:14px; padding-bottom:10px;}
.services-list {float:left; width:100%; border:1px solid #a2a2a2; margin-bottom:10px}
.services-list span { padding:30px 25px; background:url(../images/img-bg.jpg) center top repeat-y; float:left; width:15%; text-align:center}
.servics-list-detail {float:left; padding:5px 0 15px; width:75%}
.servics-list-detail h3 { font-size:17px; color:#31363c;font-family: 'PT Serif', serif;}
.services-left .servics-list-detail p { font-size:13px; padding:0}
.contact {float:left; width:100%; background:url(../images/contact-bg.jpg) center top no-repeat; background-size:100% auto; text-align:center; padding:50px 0}
.contact h2 { color:#988972; font-size:28px; padding-bottom:20px}
.contact p { font-size:16px; color:#fff}
.contact form p {float:left; width:33.33%; padding:20px 15px ;}
.contact form p input {float:left; width:100%; padding:10px 15px; background:none; border:1px solid #988972; color:#fff;font-family: 'PT Sans', sans-serif; }
.contact form textarea {float:left; width:97.4%; padding:10px 15px; background:none; border:1px solid #988972; color:#fff;font-family: 'PT Sans', sans-serif; margin:0 15px 20px 15px;}
.contact form button { background:#988972; color:#31363d; font-size:18px; font-weight:600; padding:10px 25px; border:none; cursor:pointer; margin:85px 0 20px 0; width:220px}
.contact form button:hover {background:#e4d3b4;}



footer {float:left; width:100%; background:#6c6150;}
.footer-logo {float:left; width:35%; padding:45px 0 0 0}
.footer-logo p { font-size:14px; color:#e4d3b4;padding:40px 40px 0 0
}
.big-r {float:left;}
.big-r img {float:left;}
.footer-link {float:left; width:18%; padding:45px 0 0 36px}
.footer-link  h2 { font-size:22px; color:#e4d3b4;font-family: 'PT Serif', serif; padding-bottom:10px}
.footer-link a {float:left; width:100%; font-size:13px; color:#e4d3b4; padding-bottom:10px;}
.footer-link-last {width:17%; padding:45px 0 0 0}
.footer-link a:hover {color:#fff;}

.copy-left {float:left; font-size:14px; color:#d9d9d1 }
.copy-right { float:left; width:100%; background:#897c68; padding:17px 0}
.copy-right ul { float:right;}
.copy-right li {color:#d9d9d1; float:left; padding:0 2px; font-size:14px}
.copy-right li a {color:#d9d9d1;font-size:14px}
.copy-right li:first-child a {color:#a99c89;}
.copy-right li:first-child a:hover {color:#e4d3b4}

.services-right {display:none;}


.inner-banner {background:url(../images/main-bg-inner.jpg) center center no-repeat;  padding:170px 0 40px;}

.inner-con {float:left; width:100%; padding:60px 0}
.inner-con h1 { font-size:28px; color: #31363c; line-height:30px; padding-bottom:35px}
.inner-con h2 { font-size:20px; color: #b3b3ad; line-height:30px; padding-bottom:0; font-weight:bold;}
.inner-con h2 a { font-size:20px; color: #b3b3ad; line-height:30px; padding-bottom:0; font-weight:bold; text-decoration: underline}
.inner-con p { font-size:16px; color:#2a292a; padding-right:105px}
.inner-con strong { font-weight:600; padding:25px 0 10px; font-size:16px; display:inline-block}
.inner-con ul {display:inline-block; padding-left:40px; width:100%; padding-bottom:30px}
.inner-con ul li{ font-size:16px;line-height:25px}
.inner-con p a {color:#003691}

.plan-carefully {float:left; width:86%; border-radius:10px; background:#f2f6f8; margin:100px 0 0 0}
.inner-banner h1 {color:#fff;}

 /* Responsive css */



@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}
@media (max-width: 1366px)
{
.inner-banner-cap {right:10%;}
	
}
@media (max-width: 1024px) {
	.footer-logo {width:100%; text-align:center}
.footer-logo p {padding:10px 0;}


	.footer-link {width:100%; padding:15px 0; text-align:center;}
.footer-link-last {width:100%; padding:0;}
.big-r {margin:0 auto; width:330px; float:none}
.big-r img {width:100%; height:auto;}

}


@media (max-width: 980px) {
.main-slider {padding:50px 0; background-size:auto auto; margin:0; background-position:20% top}


.services-right img {width:100%; height:auto}
.logo {width:43%; position:relative; z-index:99}
.logo img {width:100%; height:auto;}
.services-list span {width:20%;padding:30px 0}
.servics-list-detail {width:80%; padding:10px;}
.contact {background-size:auto auto}


}

@media (max-width: 800px) {
	#nav {width:100%; margin-top:-65px}


}
@media (max-width: 768px) {
	
	.banner-para {width:100%; padding:0 15px}
		.services-left {width:100%;}
		
.logo img {width: auto; height:auto;}
	
}
@media (max-width: 640px) {

.copy-left {width:100%; text-align:center; padding-bottom:10px}
.copy-right ul {width:100%; text-align:center;}
.copy-right li {display:inline-block; float:none}

#nav {width:100%; margin-top:0px}
.header-top-right {width:100%;}
.header-top-right p {margin:0 0 10px 0; text-align:center; width:100%}
.header-top p i {float:none; display:inline-block;}
.logo {width:100%; text-align:center; margin:0}


.main-slider h1 {font-size:40px;}
.main-slider h2 {font-size:30px;}

.services-list span {width:100%; background:none; padding:15px 0}
.servics-list-detail {width:100%; text-align:center; padding:10px;}

.contact form p {padding:10px 0 ; width:100%;}
.contact form textarea {margin:0; width:100%;}
.services-right {display:block}
.our-services {background:#f6f5f5 }
.inner-con {text-align:center;}
.plan-carefully { width:100%; margin:50px 0 0 0}
.owl-carousel .owl-item h2 {padding:0 15px;}
.owl-carousel .owl-item p {font-size:16px; padding:15px; line-height:25px}
.inner-con p {padding:0}
.inner-con ul {padding-left:0}

}

@media (max-width: 600px) {


}
@media (max-width: 480px) {
.logo img {width:100%; height:auto}
.footer-logo img {width:100%; height:auto; }
}
@media (max-width: 360px) {
	
}