/*global css*/
@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular.woff2') format('woff2'),
         url('../fonts/proximanova-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Roboto', sans-serif; background: #fff; margin: 0; font-size:15px; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; overflow-x: hidden;letter-spacing: 0.3px; }

h1{ font-size: 3.125rem; font-weight: 400; }
h2{ font-size: 3rem; font-weight: 400; }

a, a:focus { text-decoration: none; }
a:hover {  text-decoration: none; }
p a { text-decoration: none; color: rgb(13, 75, 160);}
p a:hover { text-decoration: underline; }

img { max-width: 100%; }
input:focus, textarea:focus, button:focus { outline: none; box-shadow: none; }
textarea.form-control { height: auto; }

.row-sm-padding { margin-left: -5px; margin-right: -5px; }
.row-sm-padding > [class*="col-"], .row-sm-padding > .col { padding-left: 5px; padding-right: 5px; }

header{z-index: 9999; position: fixed; left: 0;  right: 0; top: 0; bottom: auto;}
header .header-top{background-color:#373435}
header .header-top ul li{display:inline-block}
header .header-top ul li i{margin-right:4px}
header .navbar{box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.16);    z-index: 999;    background-color: #ffffff;}

header .header-top ul li a{color:#fff2cf;font-size:14px}
.phone-no i{font-size: 22px; margin-top: -10px; position: relative; top: 3px;}
header .navbar-light .navbar-nav  li.nav-item{ padding: 0 20px;}
header .navbar-light .navbar-nav .nav-link{border-radius:6px;padding:3px 10px;color:#367d5d;font-size:16px;font-weight:500 ;border: 1px solid transparent;  }
header .navbar-light .navbar-nav .nav-link.active{color:#367d5d; border:1px solid #f9b11c}
.navbar-light .navbar-brand{background-color:#ffffff;margin-top: -48px; position: relative;padding: 11px;}
.banner-captain{;color:#ffffff;max-width:586px;position:absolute;right:0;left:auto;top:calc(50% + 40px);transform:translateY(-50%);    z-index: 1;line-height:1.2;}
.banner-captain h6{font-size:35px;line-height:.9;font-weight:100;margin-bottom:0}
.banner-captain h1{font-size:74px;font-weight:bold;    line-height: 0.9;margin:0}
.ulderline{width:100px;height:4px;background-color:#ffffff;display:inline-block}
.banner-captain-inner{min-width: 616px;background-color:rgba(0,0,0,0.5);padding:30px 25px 30px 50px; min-height: 254px;}
.banner-captain-inner-hld{position: absolute;left:0;  right: 0;  top: 50%;  transform: translateY(-50%);}
.banner-btn{background-image:url(../images/banner-button.png);width:172px;height:45px;color:#ffffff;font-size:14px;display:flex;justify-content:center;align-items:center;flex-direction: column;font-weight:500;    background-repeat: no-repeat;background-size: 172px;line-height: 1;    box-shadow: 0px 9px 32px 2px rgb(0 0 0 / 25%); border-radius: 25px;}
.banner-btn span{font-size:13px;font-weight:300;}
.banner-btn:hover{box-shadow: 0px 9px 32px 2px rgb(0 0 0 / 35%);}
/********/
.banner-btn:hover{color:#ffffff}
.sec-head{color:#367d5d;font-size:40px;position:relative;font-weight:500;}
.sec-head span{position:relative;padding-bottom:10px;padding-left:25px}
.sec-head span:before{position:absolute;content:"";background-color:#efee9b;width:200px;height:4px;left:25px;right:auto;bottom:0;top:auto}
.link-c{    color: #09a4ef;}
.about-section p{font-weight:400;text-align: justify;}
.button-area .banner-btn{background-image: url(../images/about-bottom.png);margin:0 auto}
.common-gap{padding:60px 0}
.icon-hld{background-color:#f7f7f7}
.icon-box-wrapper{}
.icon-box-wrapper h4{font-size:20px;color:#6a9923;font-weight:500;margin-top:16px}
.icon-box-wrapper p{font-size:17px}
.icon-box-wrapper{display:flex;    justify-content: space-between;    flex-direction: column;height:100%}
.icon-box-wrapper a{color:#598c0d;font-style:italic;font-size:14px}
.icon-box-wrapper .icon-hld span{font-size:89px;color:#ececec;line-height:0;font-weight:bold;right:-35px;top:50%;transform:translateY(-50%);left:auto;position:absolute;z-index:}
.icon-box-wrapper .icon-hld{display:inline-block;width: max-content;}
.icon-box-wrapper .icon-hld img{z-index: 1; position: relative;}
.icon-box-wrapper .icon-hld{ transition: transform .3s; /* Animation */}
.icon-box-wrapper:hover .icon-hld{ transform: scale(1.2); }
.proposal-page .from-block { padding: 25px;}
.btn-banner-hld {width: 586px; position: absolute; right: 0; left: auto; top: calc(50% + 185px);    transform: translateY(-50%); z-index: 1;line-height: 1.2;}



.proposal-l-area {
    border: 1px solid #e5e5e5;
    padding: 25px 0;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 25px;
    box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.16);
	border-radius: 15px;
	
}
.bg-image{background-image:url(../images/form-bg.png);
	background-repeat:no-repeat;background-position:center center;}
/**accordian****/
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
	    background-color: #eaf9c8;
	
}
div#accordion {
    counter-reset: my-sec-counter;
}
.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #ffffff;
}
.panel-title {
	font-size: 14px;
	 border-bottom: 1px solid #b8b8b8;
	 margin: 0;
}
.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
	color:#000000;
	position:relative;
	padding-left: 50px;
	padding-right:35px
	
}
.more-less {
	float: right;
	color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE; padding:15px 0;   padding-left: 50px;
}
.collapse.show .panel-body {background-color:#eaf9c8;}
.panel-title > a:before{counter-increment: my-sec-counter;content: ""counter(my-sec-counter)"";background-color:#eaf9c8;font-size:14px;font-weight:300;padding:5px 10px;color:#000000;position:absolute;right:auto;left:0;top:50%;bottom:auto;transform:translateY(-50%)}
.panel-title > a[aria-expanded="true"]{background-color:#a7ca5c}
.panel-title > a[aria-expanded="true"]:before{background-color:#a7ca5c}
.panel-title > a:after{content: "+";font-size:30px;font-weight:300;color:#000000;position:absolute;right:auto;right:20px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);font-weight:300}
.panel-title > a[aria-expanded="true"]:after{content: "-";font-size:60px;}
/****team-sectio**/
.team-section{}
.team-section section h2 {
    margin: 10px 0 50px 0;
    position: relative;
    color: #367d5d;
    font-size: 38px;
    text-transform: uppercase;
}
.team-section section h2 span {
    color: #000;
    font-weight: 300;
}
.team-section .team .media-heading {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    color: #367d5d;
    font-size: 18px;
	font-weight:500;
}
.team-section .team .media-body span {
    margin: 0 0 20px;
    display: block;
    font-size: 16px;
    color: #367d5d;
}
.team-section .team .media-body p {
    color: #000;
    font-weight: 400;
}
.team-section .team .media-body a {
    cursor: pointer;
    color: #367d5d;
    font-weight: 500;
}

.team-section .team .media {
    margin-bottom: 30px;flex-direction: column;
}
.team-section .team .media .media-left img {
    width: 140px;
}
.team-section {
    background-image: url(../images/team-background.png);
    background-size: cover;
	    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
/* team modal */
.modal{    z-index: 99999;}
.modal-backdrop{z-index: 10000;}
.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
.modal .modal-header{    justify-content: space-between;flex-direction: row-reverse;}
.modal-header .close{margin:0;padding:0;cursor:pointer}

/* footer */
footer {background-color:#424040}
footer a.active, footer a:focus, footer a, footer a:hover {
    color: #ece7e7;
    font-weight: 300;
    font-size: 12px;
}
footer h4 {
    color: #b7c816;
    margin-bottom: 25px;
}
.c_info {
    padding-left: 10px;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 300;
}
footer ul li {
    padding-bottom: 15px;
}
footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
footer ul li{    color: #ece7e7;}
.last-section {
    color: #f0f09a;
    background: #2e2b2b;
    padding: 5px;
    font-size: 12px;
	font-weight:300;
    border-top: 1px solid #ffffff;
}
.footer_map {
    background-image: url(../images/footer-map-des.png);
    height: 517px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.lima {
    left: 194px;
    bottom: 154px;
    top: initial;
    right: initial;
}
.map-pointer {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    
}
.kenya {
    left: 515px;
    bottom: 193px;
    top: initial;
    right: initial;
}
.map-pointer {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    
}
.london {
    right: 409px;
    bottom: 340px;
    top: initial;
    left: inherit;
}
.map-pointer.kol {
    right: 166px;
    bottom: 243px;
}
.map-pointer.kol-2 {
	right: 148px;
    bottom: 238px;
}
/****popup***/
.popup-top-text{}
.popup-top-text span{color:#eea21b}
.popup-top-text span.green-text{color:#008637}
.form-group label{font-size:14px;color:6d6d6d}
.attachment input{min-height:60px;border-radius:15px;box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.16);}
.modal-dialog .proposal-l-area.attachment{box-shadow:none;border: 0; margin: 0;  padding: 0;}
.form-submit-btn .banner-btn{  margin: 0 auto;  background-image: url(../images/submit-btn.png);}
.proposal-l-area .form-control{background-color:transparent}
.start-popup .modal-dialog{max-width:650px;}
.start-popup .modal-dialog .modal-content{max-width:650px;border-radius:15px;}
#thank-you-popup.start-popup .modal-dialog{max-width:550px}
.modal-dialog {
    min-height: calc(100% - (1.5rem * 2));
    height: calc(100% - (1.5rem * 2));
    display: flex;
    align-items: center;
}
#form-popup .modal-dialog {align-items: top;display:block}
.icon-des-popup .modal-dialog{max-width:400px;}
.modal .modal-header{border: 0; padding-bottom: 0;}
.icon-des-popup .modal-body h4{border-bottom: 1px solid #e9ecef;font-size: 20px;  color: #6a9923; font-weight: 500; }
/***custom input file*****/
#customFile .custom-file-control:lang(en)::after {
  content: "Select file...";
}

#customFile .custom-file-control:lang(en)::before {
  content: "Browse";  padding: .45rem 1.75rem;
}
.custom-file{
box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.16);
}

/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(en)::after {
  content: "" !important;
}

.custom-file {
  overflow: hidden;
      height: calc(3.25rem + 2px);
}
.custom-file-control {
  white-space: nowrap;
  height: calc(3.25rem + 2px);    line-height: 2.8;
}
#customFile .custom-file-control:lang(en)::before{ height: calc(3.25rem + 2px);    padding: 1rem 1.75rem;    color: #000000;}
.start-popup .close{
	position: absolute;
    right: 18px;
    z-index: 1;
    top: 18px;
	left:auto;
	bottom:auto;
	cursor:pointer;
}





/* ------------------------ SMALL DESKTOP ------------------------*/
@media only screen and (min-width:992px) and (max-width:1169px) {

	
	
}

/* ------------------------ TABLET ------------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {


}
@media only screen and (max-width:767px) {
.navbar-light .navbar-brand{margin-top:0;    width: 108px; padding: 5px 0 5px 5px;}
header .container{padding:0}
body{    padding-top: 113px;}
.banner-captain h6 { font-size: 15px;}
.banner-captain h1{    font-size: 25px;}
.banner-captain-inner { padding: 13px; min-height: fit-content;}
.banner-captain {   top: 7px;transform: initial;}
.sec-head {     justify-content: center;    display: flex; align-items: center; font-size: 27px}
.sec-head span{padding-left: 0;    text-align: left;}
.sec-head span:before{     width: 80%;   left: 0;}
.sec-head img{margin-right:10px}
header .navbar {  padding: 0 15px;}
.navbar-collapse {
    position: fixed;
    right: -70px;
    top: 112px;
    height: calc(100% - 110px);
    width: 0;
    background-color: #fff;
    display: block !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #f1f1f1;
}
.navbar-collapse.show {
    width: 100%;
    text-align: center;
    right: 0;
    overflow: auto;
}
.navbar-collapse ul li{margin:15px 0 0}
.navbar-light .navbar-toggler{padding:2px 5px}
.btn-banner-hld{width:auto;text-align:center;    position: initial;}
.btn-banner-hld .banner-btn{margin:0 auto}
.banner-captain-inner{}
.banner-captain-inner{    min-width: 95%;}
.about-section img{margin:0 auto}


}