body{
font-family:'Raleway', sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
overflow-x: hidden;
padding-right: 0px !important;
}

.bootbox-body {
    text-align: center;
}

.bootbox-body p {
    text-align: center;
    padding: 5px 0;
    line-height: 25px;
}

.bootbox-body img {
    width: 100px;
}

ul{
padding: 0;
margin: 0;
list-style: none;
}

#main{
  padding-top: 127px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#privacy-policy .modal-body,  #terms-conditions .modal-body{
    height: 75vh;
    overflow-y: scroll;
}

#privacy-policy .modal-header, #terms-conditions .modal-header{
  background: #315376;
  color: #fff;
  text-align: center;
}

#privacy-policy .close, #terms-conditions .close {
  color: #fff;
  opacity: .8;
}

#privacy-policy h4, #terms-conditions h4{
    color:#315376;
    margin-top:20px;
}

#onload .modal-content{
    padding:30px;
    background:url(../images/funds-8719.jpg) center;
    background-size: cover;
}

#onload .modal-content h1{
    margin:0;
    margin-bottom:30px;
    color: #315376;
}

#onload .modal-content h3{
    margin:0;
    margin-bottom:10px;
    color: #2a8528;
}

#onload .modal-content p{
    font-size:20px;
    color:#000;
}

#onload .no-sty{
    background:transparent;
    border:0;
    padding:0;
}

#onload .close{
    font-size:34px;
}

/*==== Must Head ====*/
.must-head{
	width: 100%;
  position: fixed;
  z-index: 999;
}

.top-bar{
	background: #315376;
	padding: 13px 0px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.top-bar p{
  margin: 0px;
  font-size: 20px;
  font-weight: bold;
}

.top-bar a{
  color: #fff;
}

nav.navbar.bootsnav{
    border-top: 4px solid #006495;
    box-shadow: 0px 0px 6px #b7b7b7;
    border: 0px;
}

nav.navbar.bootsnav ul.nav > li > a{
    font-size: 18px;
    color: #202020;
    padding: 26px 20px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

nav.navbar.bootsnav ul.nav > li > a:hover{
  background-color: #2a8528 !important;
  color: #fff !important;
  transition: all .3s ease-in-out;
}

nav.navbar.bootsnav ul.nav > li.active > a{
  background-color: #2a8528 !important;
  color: #fff !important;
  transition: all .3s ease-in-out;
}

.navbar-brand{
  height: auto;
  padding: 13px 0px;
}

.must-head a.navbar-brand, .must-head img, h1.text-left img {
    width: 75px;
    margin: 0 !important;
    padding: 0;
}

h1.text-left img, h1.text-left {
    display: flex;
    justify-content: center;
    margin: 0 !important;
}

/*==== Carousel ====*/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width: 100%;
}

.banner{
  width: 100%;
  position: relative;
  background: url(../images/Banner_Image_1.jpg) center;
  background-size: cover;
  background-attachment: fixed;
  
}

.banner:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.7);
    width:100%;
    height:100%;
}

.banner .banner-con{
    position:relative;
    z-index:1;
}

.banner .banner-text-info{
  color: #fff;
  padding: 40px 0px;
}

.banner .banner-text-info h1{
  font-size: 26px;
  margin:0;
  margin-bottom: 15px;
  font-family: 'Roboto Condensed';
  font-weight: 700;
}

.banner .banner-text-info p{
  font-size: 16px;
}

.banner .banner-text-info .points{
  margin-bottom: 30px;
}

.banner .banner-text-info .points li{
  font-size: 16px;
  position: relative;
  margin-left: 30px;
  margin-bottom: 6px;
}

.banner .banner-text-info .points li i{
  position: absolute;
  margin-left: -30px;
  top: 4px;
  color: #2a8528;
}

.banner .banner-text-info .high-points li{
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  border: 2px solid #fff;
  border-radius: 100%;
}

.banner .banner-text-info .high-points li{
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  height: 140px;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 28px 0px;
  margin-right: 10px;
}

.banner .banner-text-info .high-points li span{
  font-family: 'Roboto Condensed';
  color: #0bb2ff;
  font-weight: bold;
  font-size: 20px;
}

.banner .form-info{
  padding: 20px;
  background: rgba(18, 113, 194, 0.54);
}

.banner .form-info h2{
  color: #fff;
  text-align: center;
  font-size: 34px;
  margin: 0;
  margin-bottom: 30px;
  font-family: 'Roboto Condensed';
}

.banner .form-info .form-group > button{
  width: 100%;
  padding: 14px 0;
  background: #2a8528;
}

.banner .form-info .form-group label, .banner .form-info .form-group .radio{
  color: #fff;
}

.banner .dropdown .btn {
  width: 100%;
  text-align: left;
  color: #999;
}

.banner .dropdown .btn .caret{
  position: absolute;
  right: 10px;
  top: 15px;
}

.banner .dropdown .dropdown-menu{
  width: 100%;
}

/*==== Simple Process ====*/
.sec-head{
  position: relative;
  margin-bottom: 15px;
}
.sec-head h2{
  font-size: 30px;
  font-family: 'Roboto Condensed';
  color: #315376;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 6px;
}

.sec-head h3{
  width: 200px;
  height: 2px;
  background: #2a8528;
  text-align: center;
  margin: auto;
}

#simple-process {
  padding: 50px 0px;
  position: relative;
  width: 100%;
}
#simple-process .simple-process-info h3{
  font-family: 'Roboto Condensed';
  color: #315376;
  font-size: 22px;
  margin: 0;
  margin-bottom: 20px;
}

#simple-process .simple-process-info .s-p-left ul{
  margin-bottom: 20px;
}

#simple-process .simple-process-info .s-p-left li{
    position:relative;
  color: #5a5a5a;
  font-size: 16px;
  margin-bottom: 6px;
  margin-left: 30px;
}

#simple-process .simple-process-info .s-p-left li i {
    position: absolute;
    margin-left: -30px;
    top: 4px;
    color: #2a8528;
}

#simple-process .simple-process-info .s-p-left p{
  color: #315376;
  font-size: 16px;
}

#simple-process .simple-process-info .s-p-right ul{
  margin-bottom: 10px;
}

#simple-process .simple-process-info .s-p-right span{
  font-size: 44px;
  color: #7b7b7b;
  padding: 0 20px;
  font-family: 'Roboto Condensed';
  border: 2px solid #315376;
  display: block;
  text-align: center;
  width: 80px;
}

#simple-process .simple-process-info .s-p-right h4{
  font-size: 22px;
  color: #2a8528;
  font-family: 'Roboto Condensed';
  margin: 0;
  margin-bottom: 4px;
}

/*==== PRODUCTS ====*/
#products{
  position: relative;
  width: 100%;
  background: url(../images/pro-bg.jpg) center;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 0;
}
#products .products-info .pro-outer{
  text-align: left;
  margin-bottom: 30px;
}

#products .products-info .pro-outer h2{
  font-size: 24px;
  font-family: 'Roboto Condensed';
  color: #2a8528;
  text-transform: uppercase;
}

.products-info img {
    width: 64px;
}

#products .products-info ul li {
    list-style: disc;
    text-align: left;
    margin: 0 0 0 20px;
}

#products .products-info ul li::marker {
    color: #315376;
}
/*==== call-to-action ====*/
#call-to-action{
  padding: 20px 0;
  background: #315376;
  text-align: center;
}

#call-to-action p{
  font-size: 18px;
  color: #fff;
  margin: 10px 0;
}

#call-to-action .btn{
  padding: 10px 30px;
  font-size: 20px;
}

#call-to-action .btn.btn-success{
  background: #2a8528;
  border-radius: 0px;
}

/*==== About ====*/
#about-us{
  padding: 50px 0;
  position: relative;
}
#about-us .sec-head h2, #about-us .sec-head h3{
  text-align: left;
}

#about-us .sec-head h3{
  margin: 0;
}

#about-us .about-right p{
    font-size: 15px;
    line-height: 23px;
}

#about-us .img-left img.img-responsive{
    margin: 14% 0 0 0;
}

/*==== Experts ====*/
#experts{
  position: relative;
  padding: 150px 0;
  color: #fff;
  background: url(../images/c-c.jpg) center;
  background-size: cover;
  text-align: center;
}

#experts h2{
  font-size: 45px;
  font-family: 'Roboto Condensed';
}

#experts p{
  font-size: 24px;
}

#experts p a{
  color: #fff;
}

/**************footer************/
#footer {
    position: relative;
    width: 100%;
}

#footer .top-footer{
  background-color: #1e1e20;
  padding: 40px 0;
}

#footer .add-outer{
    text-align: center;
    color: #c2c2c2;
}

#footer .add-outer i{
  font-size: 26px;
  width: 60px;
  height: 60px;
  line-height: 2.2;
  border: 2px solid #c2c2c2;
  border-radius: 100%;
  margin-bottom: 10px;
}

#footer .add-outer a{
  color: #fff;
}

#footer .bottom-footer {
  background-color: #000000;
  color: #fff;
  padding: 16px 0;
}

#footer .bottom-footer a{
  color: #fff;
}

#footer .border:after{
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background: #000000;
  right: 0;
  top: 0;
}

/************** Custom Checkbox ************/
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

/*=== SUBSCRIBE PAGES ===*/
.subscribe-page .logo-top{
  text-align: center;
  padding: 30px 0;
  background: #315376;
}

.subscribe-page p{
  font-size: 16px;
  margin-top: 50px;
}

.subscribe-page .well{
  padding: 10px;
} 

.subscribe-page .outr{
  padding: 20px;
  background: #ededed;
  border-top: 2px solid #315376;
} 

/* Responsive (Mobile) Design
**********************************************************/
@media (min-width:1025px) and (max-width:1400px) {
}

@media (min-width:993px) and (max-width:1024px) {
  .banner .banner-text-info .high-points li{
    width: 130px;
    height: 130px;
  }
}

@media (min-width:768px) and (max-width:992px) {
}

@media (width:768px){
  .banner{
    background: url(../images/home-banner.jpg) center;
  }
  #about-us  img{
    width: 100%;
  }
  #about-us .sec-head h2{
    margin-top: 20px;
  }
  #footer .bottom-footer{
        padding: 16px 0 80px 0;
    }

  .products-info img {
        width: 64px;
   }
   .bootbox-body {
    text-align: center;
    }
    .bootbox-body p {
        text-align: center;
        padding: 5px 0;
        line-height: 25px;
    }
    .bootbox-body img {
        width: 100px;
    }
    
}

@media (max-width:767px) {
    .banner{
        width: 100%;
        position: relative;
        background: url(../images/home-banner.jpg) center;
        background-size: cover;
        background-attachment: fixed;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse{
        max-height: 160px;
    }
    #simple-process .simple-process-info h3{
      margin-top: 30px;
    }
    #simple-process .simple-process-info .s-p-right h4{
      margin-top: 14px;
    }

    #about-us .sec-head h2{
      margin-top: 20px;
    }

    #footer .add-outer{
      margin-bottom: 20px;
    }

    #footer .bottom-footer, #footer .bottom-footer .text-right{
      text-align: center !important;
    }

    #footer .border::after{
      background: transparent;
    }
    
    #footer .bottom-footer{
        padding: 16px 0 80px 0;
    }

}

@media (max-width:480px) {
.banner{
    width: 100%;
    position: relative;
    background: url(../images/home-banner.jpg) center;
    background-size: cover;
    background-attachment: fixed;
}

.banner .banner-text-info .high-points li{
  margin: auto;
  margin-bottom: auto;
  display: block;
  margin-bottom: 20px;
}

#main {
    padding-top: 161px;
}


}

@media (max-width:414px) {
    .banner{
        width: 100%;
        position: relative;
        background: url(../images/home-banner.jpg) center;
        background-size: cover;
        background-attachment: fixed;
    }
    .mDevice{
        width: 100%;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse{
        max-height: 350px;
    }
    
    #featured-listing .list-outer .list-info .cat-own li:nth-child(1):after{
      content: '';
    }
}

/*Iphone*/
@media only screen and (max-width :414px) and (max-width : 375px) and (max-width : 390px) and (max-width : 360px) and (max-width : 390px) {
    .banner{
        width: 100%;
        position: relative;
        background: url(../images/home-banner.jpg) center;
        background-size: cover;
        background-attachment: fixed;
    }
}


/* iphone 6 + */
@media only screen and (min-device-width :414px) and (max-device-width : 420px) and (orientation : portrait) {
    .banner{
        width: 100%;
        position: relative;
        background: url(../images/home-banner.jpg) center;
        background-size: cover;
        background-attachment: fixed;
    }
    .banner .form-info .form-group label{
        display:block;
    }
}

/* iphone 6 portrait */
@media only screen and (min-device-width : 374px) and (max-device-width : 375px) and (orientation : portrait) {
    #main {
        padding-top: 190px;
    }
}

/* iphone 6 landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
}


/* iphone 5s landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    #main {
    padding-top: 160px;
}

}

@media (max-width:320px) {
    #main {
    padding-top: 190px;
}

}

/* iphone 6+ landscape */
@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation : landscape) {
    #main {
        padding-top: 132px;
    }
}