body{ padding: 0px; margin: 0px;   font-family: 'Lucida Sans';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}















@font-face {
    font-family: 'Lucida Sans';
    src: url('../fonts/LucidaSans-Italic.woff2') format('woff2'),
        url('../fonts/LucidaSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lucida Bright';
    src: url('../fonts/LucidaBright.woff2') format('woff2'),
        url('../fonts/LucidaBright.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Bright';
    src: url('../fonts/LucidaBright-Italic.woff2') format('woff2'),
        url('../fonts/LucidaBright-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lucida Sans Unicode';
    src: url('../fonts/LucidaSansUnicode.woff2') format('woff2'),
        url('../fonts/LucidaSansUnicode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Console';
    src: url('../fonts/LucidaConsole.woff2') format('woff2'),
        url('../fonts/LucidaConsole.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Bright';
    src: url('../fonts/LucidaBright-Demi.woff2') format('woff2'),
        url('../fonts/LucidaBright-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('../fonts/LucidaGrande.woff2') format('woff2'),
        url('../fonts/LucidaGrande.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Sans';
    src: url('../fonts/LucidaSans-DemiItalic.woff2') format('woff2'),
        url('../fonts/LucidaSans-DemiItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Lucida Bright';
    src: url('../fonts/LucidaBright-DemiItalic.woff2') format('woff2'),
        url('../fonts/LucidaBright-DemiItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Lucida Sans';
    src: url('../fonts/LucidaSans.woff2') format('woff2'),
        url('../fonts/LucidaSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Sans';
    src: url('../fonts/LucidaSans-Demi.woff2') format('woff2'),
        url('../fonts/LucidaSans-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}



/****************HEADER-CSS-START***************************************/
.site-header{ background: #fff;}
.site-header_inner {border-bottom: 1px solid #eee;}
.site-header .site_nav {    padding: 0px;
    background: #36c863;}
.top_nav {background: #ffae00;}
.fa-handshake-o:before {
    content: "\f2b5";}
.top_nav .list_type li a {color: #fff;padding: 5px 5px;display: inline-block;}
.top_nav .list_type li a:hover{color: #000}
.search_social { float: right;top: -21px; position: relative;}
.top_row {
    padding: 15px 0px;
}
.search{float: left; padding: 0px 10px 0px 0px;}
.search input[type=search]{background: url(../img/searchicon.png) no-repeat 9px center;border: none;padding: 9px 26px 9px 24px;  width: 55px;outline: none !important;
position: absolute; right: 0; z-index:999;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;     width: 15px;padding-left: 10px;color: #000;cursor: pointer;}
.search input[type=search]:focus { width:440px; padding-left: 32px;  background-color: #ffae00; cursor: auto; color: #000; padding: 9px 15px 9px 34px;
 outline: none !important; border: 1px solid #000; }
.site_nav .navbar-nav li a.nav-link{font-size: 15px;color: #fff;padding:10px 25px; text-transform: uppercase;}
.site_nav .navbar-nav li:last-child a{}
.site_nav .navbar-nav li.active a.nav-link, .site_nav .navbar-nav li.active a.nav-link:focus, .site_nav .navbar-nav li a.nav-link:hover{color: #fff !important;background: #269648; }
.fixed-me {top: 0px;z-index: 99;width: 100%;box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.25098039215686274);}
.fixed-me .site_nav{padding:0}
.site-header .dropdown .dropdown-menu{    top: 64px; box-shadow: 0px 3px 5px rgba(116, 114, 114, 0.3411764705882353); border:none;    border-radius: 0px;}
.site-header.fixed-me .dropdown .dropdown-menu{top: 52px;}
.site_nav .navbar-nav li a.nav-link i {
    margin-right: 10px;
}
.site-header .dropdown .dropdown-menu a{    border-bottom: 1px solid #eee;padding-left: 10px;font-size: 14px;}
.site-header .dropdown .dropdown-menu a i{margin-right: 5px;}
.site-header .dropdown .dropdown-menu a:last-child{border: none;}
.site-header .dropdown .dropdown-menu a:hover{    color: #008aff !important;}
.search-container {
    width:  100%; margin: 12px 0px 0px;
    float: left;
    position: relative;
}
.header_btn {
    margin: 10px 0px 0px;}

.search-container input.form-control {
    background: #e7e7e7;
    border-radius: 0;
}

.search-container button {
    position: absolute;
    right: 0;
    top: 0px;
    background: #36c863;
    color:  #fff;
    border:  none;
    padding: 4px 14px;
    font-size: 20px;     
}
.them_btn {
    width: 110px;
    height: 41px;
    background: #36c863;
    border: none;
    line-height: 30px; margin-right: 10px; border-radius: 0px; padding: 6px 0px;}
.simple_btn{width: 126px;     
    height: 41px;     text-transform: uppercase;
    background: #fff;
    border: 1px solid #000;
    line-height: 29px; color: #000; font-size: 13px; border-radius: 0px; padding: 6px 0px;}

/****************HEADER-CSS-END***************************************/



.wrapper {
  word-wrap: break-word;
  width: 90%;
  padding: 2rem 0;
}

.wrapper,
.slider_div {
  margin: 0 auto;
}

.slider_div {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  max-width: 100%;
  height: 500px;
  line-height: 0;
}

.slideDiv,
.controls {
  position: absolute;
}

.slideDiv,
.slide {
  width: 100%;
  height: 100%;
}

.slide {
     background-size: cover !important;     position: relative;
}

.slide:first-child {
  background: url(../img/slider_img.png) no-repeat center;
}

.slide:nth-of-type(2) {
  background: url(../img/slider_img.png) no-repeat center;
}

.slide:nth-of-type(3) {
  background: url(../img/slider_img.png) no-repeat center;
}



.controls {
  top: 41%;
  right: 20px;
  padding: 0 0.63rem;
  z-index: 5;
  text-align: center;
}

.button { 
  width: 0.9375rem;
  height: 0.9375rem;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  transition: all ease .2s;     border: none;
    background: #fff;
}
.button.selected, .button:hover{background: #36c863;}

.button:not(:last-child) {
  margin-bottom: 0.63rem;
}


.slider_text {
    width:  100%;
    text-align: center;     position: absolute;
    top: 30%;
}

.slider_text h1 {
    font-size:  60px;
    color: #fff;
    max-width: 770px;
    margin: 0px auto;
    padding: 0px 0px 40px 0px;
}

.slider_text .slider_btn {
    width:  200px;
    height:  56px;
    border-radius: 50px;
    font-size: 23px;
    line-height: 45px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ddca5+0,135a29+100 */
    background: #8ddca5; /* Old browsers */
    background: -moz-linear-gradient(top, #8ddca5 0%, #135a29 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ddca5 0%,#135a29 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ddca5 0%,#135a29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ddca5', endColorstr='#135a29',GradientType=0 ); /* IE6-9 */
    border: none;
}



.sample_block {
    width:  25%;
    float: left;
    background: #279348;
    padding: 20px 30px; min-height: 310px;
}

.sample_block h3 {color:  #fff;padding: 10px 0px;    text-transform: uppercase;     font-size: 23px;}

.sample_block p {
    color:  #fff;
    font-size: 14px;
}

.sample_block i {
    display: inline-block;
}
.box_btn {     width: 180px;
    height: 50px;
    border-radius: 50px;
    font-size:17px;
    line-height: 38px; margin: 14px 0px; background: #fff; 
    color: #34b95d; border: none; text-transform: uppercase;
}
.box_btn:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ddca5+0,135a29+100 */
    background: #8ddca5; /* Old browsers */
    background: -moz-linear-gradient(top, #36c863 0%, #135a29 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #36c863 0%,#135a29 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #36c863  0%,#135a29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c863', endColorstr='#135a29',GradientType=0 ); /* IE6-9 */
    border: none;}
.sample_block:nth-child(1){background: #36c863;}
.sample_block:nth-child(2){background: #34b95d;}
.sample_block:nth-child(3){background: #2fab55;}




/****************FEATURE-SECTION-CSS-END***************************************/
.feature .card {border: none;}
.icon {width: 100%;display: inline-block;}
.feature .card-content .content{font-size: 16px;  color: #747474 !important;    }
.feature .card-content h5{font-size:22px; font-weight: bold;     color: #000 !important;}
#feature {
    position: relative;     padding:70px 0px 70px 0px; background: #fff;
}
#offerslider .col-12.col-md-4 {
    max-width: 100%;
}
.tag_line .borderr{width: 1px;
    height: 52px;
    background: #000;
    display: inline-block;}
.ourstories h2 {font-size: 35px; }
.ourstories p.content_p {font-size: 20px;color: #fff;     max-width: 1010px;
    margin: 0px auto;}
.ourstories{padding: 80px 0px; background: #36c863;}
.feature h2 {
    font-size: 48px;
}

.feature p {
        font-size: 15px;
    max-width: 600px;
    margin: 0px auto;
}
.finger_crossed {
    padding: 0px 0px 60px 0px;
}
/****************FEATURE-SECTION-CSS-END***************************************/

.background-image-maker {left: 0;background-size: cover;background-repeat: no-repeat;background-position: top center;background-color: #fafafa;}
.background-image-maker, .overlay:before {position: absolute;width: 100%;height: 100%;top: 0;}
.box_sction {
    width:  100%;
    float:  left; min-height: 380px;
    overflow: hidden;
 
}

.white_box {
    position: relative;
    z-index: 9;
    width:  390px;     box-shadow: 9px -2px 12px rgba(105, 101, 101, 0.7215686274509804);
/*    height: 354px;*/
    background: #fff;
    left: 30px;
    top: 30px;
    padding: 25px;
}

.white_box h6 {
    font-size: 34px;
    line-height: 37px;
    padding: 0px 0px 20px 0px;
}

.box_sction p {
       font-size: 15px;
    padding: 0px 0px 10px;
}
.box_btn_img {     width: 180px;
    height: 50px;
    border-radius: 50px;
    font-size:17px;
    line-height: 38px; margin: 14px 0px 0px; background: #36c863; 
    color: #fff; border: none; 
}
.box_btn_img:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ddca5+0,135a29+100 */
    background: #8ddca5; /* Old browsers */
    background: -moz-linear-gradient(top, #36c863 0%, #135a29 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #36c863 0%,#135a29 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #36c863  0%,#135a29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c863', endColorstr='#135a29',GradientType=0 ); /* IE6-9 */
    border: none;}
.back-bg {
    width: 100%;
    float:  left;
    background: #303030;
    padding: 25px;
    min-height: 380px;
}

.top_box {
    width: 100%;
    float:  left;
    padding: 0px 0px 25px 0px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.top_box a {
    font-size: 27px;
    color: #fff;
}

.top_box a:hover{   color: #36c863;;}

.top_box  p {
    color:  #fff;
    font-size: 15px;
}
.top_box:last-child{border-bottom: none;}


.yellow{border: none;border-radius: 50px;padding: 10px 20px;margin: 15px 0px;     background: #ffae00;}
.yellow:hover{    background: #f36523;}
.yellow img, .orange img {margin-left: 7px;vertical-align: baseline;}
.enquiry_section {position: relative;     padding: 140px 0px;}
.enquiry_section h2 {padding: 0px 0px 30px 0px;    }
.enquiry_section p {padding: 0px 0px 25px 0px;}
.ourstories .card {border: none;}
.ourstories .card {transition: .35s;}
.ourstories .card:hover{transition: .35s; margin-top: -10px;     box-shadow: 0px 5px 19px #000;}

.ourstories .card .card-body { min-height: 190px;}
.ourstories h5.card-title.text-dark {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;}
.ourstories p {
 font-size: 15px;
    padding: 0px 0px 20px 0px;     min-height: 90px;
}
.ourstories .card-body a{color: #36c863;}


.testimonila {
    background: #efefef;             padding: 60px 0px 120px;}



.slider_box {
    width:  100%;
    float:  left;
    background:  #fff;
    padding: 25px; box-shadow: 0px 0px 10px #ccc;
}

.reiew {
    width: 100%;
    margin: 0px 0px 15px 0px;
    float: left;
}

.dummy_text {
    color:  #737373;
    font-size: 16px;
}

.slider_box span.d-block.author-title {
    color: #36c863;
    font-size: 20px;
}

.slider_box span.d-block.author-position {
    color: #737373;
    font-style: italic;
}
.testimonila .heading {
    color: #000;
    padding: 0px 0px 25px 0px !important;
    font-size: 40px;
}

.social_row {
    background: #36c863;
    padding: 25px 0px;
}

.social_row h3 {
    font-size: 30px;
    color: #fff;
    padding: 0px 0px 10px 0px;
}

.social_row p {
    color: #fff;
}

ul.socila_link {
    float:  right;
    margin: 20px 0px 0px;
}

.socila_link li {
    display: inline-block;
    margin: 0px 6px 0px 0px;
}

.title-widget.ftdrop3 {
    font-size: 20px;
    text-transform:  uppercase;
    padding: 0px 0px 20px 0px;
}

.footerp  p {
    color:  #fff;
    padding:6px 0px;     font-size: 15px;
 
}
footer{width: 100%; float: left; background: #303030;     color: #fff;    padding: 60px 0px 30px;} 
.ul.footer_menu {}

.footer_menu li a {
    color: #fff;
    list-style: none;
    padding: 0px 0px 7px 0px;
    display: inline-block;
}
.footer_menu li a:hover, .footer_menu li a.active{    color: #36c863;}

.footer_menu {
    list-style: none;
}
.subscribe_form {
    margin: 15px 0px;
}

.subscribe_form input.form-control {
    border-radius: 50px;
    height:  47px;
    border: none;
    padding: 0px 0px 0px 20px;
}

.subscribe {
    background: #36c863;
    border-radius: 50px;
    border:  none;
    padding: 12px 30px;
    text-transform:  uppercase;
    margin: 15px 0px  0px;
}

.subscribe:hover{background: #252525}

.ourstories_offer{background: #efefef; padding: 20px 0px;}


.center_txt {
    float: left;
    width: 100%;
}

.center_txt h3 {
    font-size: 30px;
    color: #77d995;
}

.center_txt ul li {
    font-size: 21px;
    margin-left: 20px;
}

.center_txt ul {
    padding: 10px 0px;
}

.center_txt p {
    font-size: 21px;
}
.image_frame {
    float: left;
    width: 100%;
    border: 0px solid #fff;
    box-shadow: 0px 0px 30px #CCC;    margin-bottom: 60px;}

/****************,login****************/
.login-section .modal-header {
    background: #36c863;
}
.login-section .modal-header .modal-title{    text-align: center;
    width: 100%;
    color: #fff;}
.input-login {
    position: relative;
    width: 100%;
}

.input-login span {
    position: absolute;
    left: 10px;
    top: 6px;
}

.input-login input[type="text"] {
    padding-left: 32px;
}

.login-section .modal-footer{display: inline-block;    text-align: center;}
.input_btn {
    width: 100%;
    display: inline-block;
}

.four_passdsw {
    width: 100%;
    float: left;
}
.input_btn input[type="submit"] {
    background-color: #36c863 !important;
    border: none;
    margin-bottom: 10px;}
.four_passdsw a {
    color: #36c863;
}
.login-section{background: url(../img/bank_bg.png);}
.contant_box p {
    max-width: 100%;
    padding-bottom: 25px;
}
/****************,login****************/

@media (max-width: 1199px){
    .sample_block p {
	color: #fff;
	font-size: 13px;
}
.ourstories h5.card-title.text-dark{font-size: 14px;}
.ourstories p{font-size: 14px;}
.site_nav .navbar-nav li a.nav-link{font-size: 12px;}
.simple_btn{width: 80px; font-size: 9px;}
}
@media (max-width: 992px){
 .top_row{text-align: center;} 
 .slider_text h1{font-size: 50px; max-width: 580px;}
 .sample_block{width: 50%;}
 .white_box{width: 330px;}
 .box_sction p {
	font-size: 12px;
	padding: 0px 0px 10px;
}
.ourstories .card {
	transition: .35s;
	margin-bottom: 20px;
}
.ourstories h5.card-title.text-dark{font-size: 14px;}
.footerp p {
	color: #fff;
	padding: 6px 0px;
	font-size: 12px;
}
.subscribe_form input.form-control{font-size: 9px;}
.simple_btn{width: 120px; font-size: 13px;}
.feature .card-content h5{font-size: 18px;}
.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.1);
	float: right;
	margin: 5px;
	text-align: right;
	background: #fff;
}   
}

@media (max-width: 767px){
   
    .navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.1);
	background: #fff;
	float: right;
}
.slider_text h1{font-size: 30px; max-width: 390px;}
.slider_div{height: 250px;}
.slider_text{top: 10%;}

.feature h2 {
	font-size: 22px;
}
#feature{padding: 30px 0px;}
.ourstories{padding: 30px 0px;}
.white_box {width: 80%;}
.white_box h6 {
	font-size: 22px;
	line-height: 23px;
	padding: 0px 0px 20px 0px;
}
.box_sction p {
	font-size: 11px;
	padding: 0px 0px 10px;
}
.top_box p {
	color: #fff;
	font-size: 14px;
}
.top_box a {
	font-size: 20px;
	color: #fff;
}
.social_row{text-align: center;}
.socila_link{width: 100%;}
.footerp p {
	color: #fff;
	padding: 6px 0px;
	font-size: 15px;
}
.subscribe_form input.form-control{font-size: 16px;}
}

@media (max-width: 580px){
    .slider_text h1 {
	font-size: 21px; max-width: 270px;
}
.slider_text{top: 20%;}
.sample_block{width: 100%;}

.back-bg{min-height: auto;}
.center_txt h3 {
	font-size: 26px;
	color: #77d995;
}
.image_frame{margin-bottom: 10px;}

}