@charset "utf-8";
/* CSS Document */

body { }

.advcon h1 {
  font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
}
}

.advcon p {
  font-family: 'Quicksand', sans-serif;
  font-size: 17px;
  color: black;
  text-align: left;

}

.pdngb {
  margin-bottom: 10px
}

.wd100 {
  width: 100%
}

.header-bg {
  /* background-image: url(../images/header-bg.jpg); */
  background-color: #d9d9e4;
}

.top-stipe {
  width: 100%;
  height: 5px;
  background-color: #2c4374;
}

.logo {
  margin: 15px 0 15px 0
}

.logo ul {
  list-style-type: none;
  text-align: right;
  padding: 6px;
  margin: 0 0
}

.logo ul li {
  display: inline;
  margin-left: 20px
}

.mail-top {
  color: black;
}

.mail-top :hover {
  color: black;
  text-decoration: none!important
}

.mail {
  color: white;
}

.mail:hover {
  color: white;
  text-decoration: none;
}

.menubg {
  background-color: #2c4374;
  height: 51px;
  width: 100%;
}

.menubg img {
  padding: 10px 0
}

.mmenu {
  font-family: arial;
  float: right;
  background-color: transparent !important;
  border: 0px !important;
}

.mmenu ul li a {
  color: #fff;
  font-size: 16px;
  margin-left: 70px;
}

.navbar {
  position: absolute;
  /* left: -230px; */
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  background-color: #f6821f !important
}

.mmenu {
  margin-bottom: 0px !important
}

.mmenu ul li a:hover {
  color: #2c4374;
  
}

.hr1 {
  width: 100px;
  height: 2px;
  background-color: #f0821f;
  margin: 0 auto
}

.containt-bg {
  /* background-image: url(../images/containt-bg.jpg); */
  font-family: 'Quicksand', sans-serif;
  padding-bottom: 50px;
  background-color: #d9d9e4;
}

.containt-bg h1 {
  text-align: center;
  margin-top: 50px;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2c4374;
}

.containt-bg p {
  font-size: 18px;
  color: #282828;
  margin: 37px 0 53px;
}

.readmore {
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
  background-color: white;
  border-radius: 10px;
  border: 0;
  color: #2c4374;
  padding: 10px 30px
}

.readmore:hover {
  background-color: #2c4374;
  text-decoration: none;
  transition: 0.6s;
  color: #f0821f;
}

.wtwedo {
  height: 100%;
  background-attachment: fixed;
  background-image: url(../images/what-we-offer-bg1.jpg);
}

.wtwedo-inrbx {
  position: absolute;
  z-index: 9;
  height: 100%;
  width: 100%;
  background-image: url(../images/dot.png)
}

.white {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  margin: 40px 0 10px
}

.wtvdthm {
  margin: 50px 0 0 0
}

.spacer {
  height: 25px;
  width: 100%;
  clear: both
}

.pronsevices h1 {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #292929;
  font-family: 'Quicksand', sans-serif;
}

/* .wychoose{background:url(../images/hr-stripe.jpg) repeat-y center center } */

.wychoose img {
  margin: 60px 0px 20px;
  border-radius: 25px;
}

.wyinner {
  margin: 30px 20px 20px;
  text-align: center;
  margin-top: 120px;
}

.wyinner h1 {
  color: #2c4374;
  margin-top: -55px;
}

.wychoose p {
  margin: 30px 0;
  line-height: 1.8;
  font-size: 20px;
  text-align: left;
}

.carousel-inner img {
  height: 80px
}

.ftr {
  background-color: #2f2f2f
}

footer h3 {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #ccc;
  margin: 40px 0 20px
}

.ftr p {
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  color: #ccc;
  margin: 0px 0 20px
}

.ftr ul li a {
  color: #fff
}

.ftr ul li a:hover {
  background-color: #2f2f2f;
  color: #f6821f
}

.ftr ul li a.active {
  background-color: #2f2f2f;
  color: #f6821f
}

.ftr p strong {
  font-weight: 600;
  font-size: 18px;
  color: #fff
}

.ftr-btm {
  background-color: #111111
}

.ftr-btm p {
  color: #ccc;
  margin: 10px 0;
  font-size: 12px
}

.hoverimg {
  position: relative;
}

.hoverimg .image {
  display: block;
  width: 100%;
  height: auto;
}

.hoverimg .overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #84b7c0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.hoverimg:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  line-height: 2;
  white-space: nowrap;
  color: white;
  font-size: 18px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-decoration: underline;
}

.social-mda {
  margin: 0px;
  padding: 0px
}

.social-mda>li {
  display: inline;
  margin: 10px 5px;
}

.social-mda>li>div {
  background-color: #fff;
  padding: 10px;
  text-align: center;
  border-radius: 20px;
  float: left;
  width: 35px;
  margin: 7px 2px
}

.social-mda>li>div>a {
  color: #2c4374
}

.social-mda>li>div>a:hover {
  color: #484848
}

.pro-bx h2 {
  font-size: 16px !important;
  font-weight: 600;
  text-transform: uppercase;
  color: #484848;
  font-family: 'Quicksand', sans-serif;
  text-align: center !important;
}

.shadow {
  -webkit-box-shadow: 1px 1px 3px 0px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 1px 3px 0px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 2px 2px 3px 2px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.pro-bx {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  position: relative
}

.pro-bx img {
  width: 100%
}

.mrnbot10px {
  margin-bottom: 10px
}

.pro-bx p {
  margin: 15px 0 15px
}

.pro-more {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #f0821f;
  border-radius: 20px;
  border: 0;
  color: #fff;
  padding: 10px 30px;
  margin-bottom: 10px
}

.pro-more:hover {
  background-color: #2c4374
}

.pro-dtl {
  margin-top: 50px
}

.pro-menu-top {
  width: 100%;
  padding: 10px;
  color: #484848;
  line-height: 1.5;
  text-transform: uppercase;
  background-color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-align: left;
  font-size: 16px;
  border-bottom: 4px solid #efd7ae
}

.pro-menu {
  margin: 0px;
  padding: 0px
}

.pro-menu>li {
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  background-color: #fff
}

.pro-menu>li>a {
  display: block;
  color: #000;
  font-size: 1.1em;
  border-bottom: 1px solid #efd7ae;
  padding: 10px 0 10px 10px;
}

.pro-menu>li>a:hover {
  text-decoration: none;
  background-color: #2c4374;
  color: #fff;
  font-weight: 600
}

.pro-menu>li>a.active {
  background-color: #2c4374;
  color: #fff;
  font-weight: 600
}

.hr2 {
  height: 1px;
  background-color: #f0821f;
  margin: inherit;
  text-align: left;
  margin-top: 7px
}

.pro-dtl h1 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  color: #484848;
}

.pro-dtl h2 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  color: #484848;
  margin: 0px;
  margin-bottom: 10px
}

.pro-dtl h3 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  text-align: left;
  color: #484848;
  margin-top: 30px
}

.pro-dtl p {
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: justify
}

.pro-dtl ul li {
  list-style: none;
  text-align: left
}

.pro-dtl ul {
  margin: 0px;
  padding: 0px
}

.pro-dtl ul li>i {
  color: #2c4374;
  margin-right: 10px
}

.promrntop {
  margin-top: 50px
}

.bs-example {
  margin: 20px 0 0 0;
  text-align: left;
  background-color: #fff;
}

.carousel-top {
  margin-top: 40px
}

.con-pg {}

.con-pg h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 20px
}

.con-pg h4 {
  text-transform: uppercase;
  font-size: 18px;
  color: #f0821f;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 20px
}

.con-pg span {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #f0821f;
}

.con-pg p {
  margin: 5px 0 15px
}

.form {}

.form input {
  margin: 5px 0 35px 0;
  border: 1px solid #c3c3c3;
  border-radius: 0px;
  width: 100%;
  padding: 15px;
  text-transform: uppercase
}

.form textarea {
  margin: 5px 0 35px 0;
  height: 150px;
  border: 1px solid #c3c3c3;
  border-radius: 0px;
  width: 100%;
  padding: 15px;
  text-transform: uppercase
}

.form button {
  border-radius: 0px;
  font-size: 18px;
  font-family: 'Quicksand', sans-serif;
}

.address h4 {
  text-transform: uppercase;
  font-size: 18px;
  color: #f0821f;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 20px;
}

/*input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #f0821f;
  margin-top: 29px;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}*/

.a-info {
  text-align: justify;
}

.arrow_box {
  position: relative;
  background: #2c4374;
  z-index: 99;
  border-bottom: 1px solid #4568b1;
}

.arrow_box:after, .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-left-color: #2c4374;
  border-width: 15px;
  margin-top: -15px;
}

.arrow_box:before {
  border-left-color: #2c4374;
  border-width: 15px;
  margin-top: -15px;
}

.arrow_box-inner {
  padding: 20px;
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}

.arrow-rit {
  background-color: #ecae40;
  border-bottom: 1px solid #f2c679;
}

.arrow-rit-inner {
  padding: 20px;
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}

.whus ul li {
  list-style: none;
  text-align: left;
  margin-bottom: 15px
}

.whus ul {
  margin: 0px;
  padding: 0px
}

.whus ul li>i {
  color: #2c4374;
  margin-right: 10px
}

.finfo {
  padding: 20px;
}

.smtextcenter {
  padding: 20px;
}

.img-responsive {
  width: 500px;
  height: 500px;
}

@media (min-width: 768px){
.navbar-nav {
  margin-right: 225px;
}
}

@media (min-width: 1200px){
  .navbar-nav {
    margin-right: 225px!important;
  }
}
.ftr a {
  color: white;
}

.ftr a:hover {
  color: #ec7d1b;
}

.logo a{
  color: rgb(0, 0, 0);
}

.logo a:hover {
  color: #ec7d1b;
}

.s-media{
  font-size: 20px;
}

.fa {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  font-size: 50px;
  width: 32px;
  /* text-align: center; */
  text-decoration: none;
  /* margin: 2px 2px; */
  margin-left: 11px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.wychoose{
  background-color: #f3ece7;
}