body,
h1,h2,h3,h4,h5,h6
{
	font-family:Montserrat
}

.dimmer
{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.45);
	z-index: 2;
	/*cursor: pointer;*/
}

.dimmed
{
	z-index: 5;
	/*cursor: pointer;*/
}

/* .center-screen {
  display: flex;
  flex-direction: column;
  margin-top:-10px;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
 */
.modal-content
{
	border-style: solid;
	border-width: 1px;
	border-color: #a8c66c;
}
.modal-content
{
	background-color: #000;
}
.modal-title
{
	font-size: 18px;
}
.modal-header
{
	text-align:center;
	align-items: center;
	justify-content: center;
	
}
.modal-footer
{
	text-align:left;
	align-items: left;
	justify-content: left;
	
}


.cd-top
{
	display:inline-block;
	height:40px;
	width:40px;
	position:fixed;
	bottom:40px;
	right:10px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);
	box-shadow:0 0 10px rgba(0,0,0,.05);
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/cd-top-arrow.svg) center 50% no-repeat rgba(232,98,86,.8);
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .3s 0s,visibility 0s .3s,background-color .3s 0s;
	transition:opacity .3s 0s,visibility 0s .3s,background-color .3s 0s
}

.cd-top.cd-top--fade-out,.cd-top.cd-top--show,.cd-top:hover
{
	-webkit-transition:opacity .3s 0s,visibility 0s 0s,background-color .3s 0s;
	transition:opacity .3s 0s,visibility 0s 0s,background-color .3s 0s
}

.cd-top.cd-top--show
{
	visibility:visible;opacity:1
}

.cd-top.cd-top--fade-out
{
	opacity:.5
}

.cd-top:hover
{
	background-color:#a8c66c;
	opacity:1

}

@media only screen and (min-width:768px)
{
	.cd-top
	{
		right:20px;bottom:20px
	}
}

@media only screen and (min-width:1024px)
{
	.cd-top
	{
		height:60px;width:60px;right:30px;bottom:30px
	}
}

.footer-clean
{
	padding:50px 0;
	background-color:#000;
	color:#fff
}

.footer-clean h3
{
	margin-top:0;
	margin-bottom:12px;
	font-weight:700;
	font-size:16px
}

.footer-clean ul
{
	padding:0;
	list-style:none;
	line-height:1.6;
	font-size:14px;
	margin-bottom:0
}

.footer-clean ul a
{
	color:inherit;
	text-decoration:none;
	opacity:.8
}

.footer-clean ul a:hover
{
	opacity:1
}

.footer-clean .item.social
{
	text-align:right
}

@media (max-width:768px)
{
	.footer-clean .item.social
	{
		text-align:center
	}
}
	
.footer-clean .item.social>a
{
	font-size:24px;
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	border:1px solid #ccc;
	margin-left:10px;
	margin-top:22px;
	color:inherit;
	opacity:.75
}

.footer-clean .item.social>a:hover
{
	opacity:.9
}

@media (max-width:991px)
{
	.footer-clean .item.social>a
	{
		margin-top:40px
	}
}
	
@media (max-width:767px)
{
	.footer-clean .item
	{
		text-align:center;
		padding-bottom:20px
	}

	.footer-clean .item.social>a
	{
		margin-top:10px
	}
}

.footer-clean .copyright
{
	margin-top:14px;
	margin-bottom:0;
	font-size:13px;
	opacity:.6
}

.footer-dark
{
	padding:50px 0;
	color:#f0f9ff;
	background-color:#282d32
}

.footer-dark h3
{
	margin-top:0;
	margin-bottom:12px;
	font-weight:700;
	font-size:16px
}

.footer-dark ul
{
	padding:0;
	list-style:none;
	line-height:1.6;
	font-size:14px;
	margin-bottom:0
}

.footer-dark ul a
{
	color:inherit;
	text-decoration:none;
	opacity:.6
}

.footer-dark ul a:hover
{
	opacity:.8
}

.footer-dark .item.text
{
	margin-bottom:36px
}

@media (max-width:767px)
{
	.footer-dark .item:not(.social)
	{
		text-align:center;
		padding-bottom:20px
	}
	.footer-dark .item.text
	{
		margin-bottom:0
	}
}

.footer-dark .item.text p
{
	opacity:.6;
	margin-bottom:0
}

.footer-dark .item.social
{
	text-align:center
}

@media (max-width:991px)
{
	.footer-dark .item.social
	{
		text-align:center;
		margin-top:20px
	}
}

.footer-dark .item.social>a
{
	font-size:20px;
	width:36px;
	height:36px;
	line-height:36px;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	box-shadow:0 0 0 1px rgba(255,255,255,.4);
	margin:0 8px;
	color:#fff;
	opacity:.75
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus
{
	box-shadow:0 0 0 .2rem rgba(119,140,78,.34)
}

.footer-dark .item.social>a:hover
{
	opacity:.9
}

.footer-dark .copyright
{
	text-align:center;
	padding-top:24px;
	opacity:.3;
	font-size:13px;
	margin-bottom:0
}

.overlay
{
	color:#fff;
	position:absolute;
	z-index:3;
	top:250px;
	left:0;
	width:100%;
	text-align:center
}

.card,
body
{
	position:relative
}
li
{
	margin:5px
}
li img
{
	width:200px
}

.card
{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:rgba(0,0,0,.23);
	background-clip:border-box;
	border-radius:.25rem
}

a
{
	transition:all .2s ease-in-out;
	color:#a8c66c
}

a:focus,a:hover
{
	text-decoration:none;
	color:#778c4e
}

.btn-default
{
	color:#a8c66c;
	border:1px solid #a8c66c;
	background-color:transparent
}

.btn-primary:hover
{
	color:#000;
	background-color:#a8c66c;
	border-color:#778c4e
}
.btn-login
{
	color:#000;
	background-color:#a8c66c;
	border-color:#778c4e
}
.btn-login:hover
{
	color:#000;
	background-color:#778c4e;
	border-color:#a8c66c
}
.btn-cancel
{
	color:#a8c66c;
	border:1px solid #a8c66c;
	background-color:transparent
}
.btn-cancel:hover
{
	color:#000;
	background-color:#d9534f;
	border-color:#000
}

.btn-default:focus,
.btn-default:hover
{
	color:#000;
	border:1px solid #778c4e;
	outline:0;
	background-color:#a8c66c
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle
{
	color:#fff;
	background-color:#778c4e;
	border-color:#000
}

.btn-login:not(:disabled):not(.disabled).active,
.btn-login:not(:disabled):not(.disabled):active,
.show>.btn-login.dropdown-toggle
{
	color:#fff;
	background-color:#778c4e;
	border-color:#000
}

.btn-cancel:not(:disabled):not(.disabled).active,
.btn-cancel:not(:disabled):not(.disabled):active,
.show>.btn-cancel.dropdown-toggle
{
	color:#fff;
	background-color:#d9534f;
	border-color:#000
}

body
{
	color:#fff;
	background-color:#000
}

h1,h2,h3,h4,h5,h6
{
	font-weight:700;
	margin:0 0 35px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#a8c66c
}

.border
{
	border:.5px solid #a8c66c!important
}

@media (min-width:992px)
{
	#mainNav .nav-link.active
	{
		outline:0;background-color:#a8c66c
	}
}

.card-subtitle,.card-text:last-child
{
	margin-bottom:0;
	font-size:14px
}

.card-header h5
{
	font-family:Montserrat;
	text-transform:capitalize
}

.network 
ul li
{
	color:#a8c66c;
	font-size:18px
}
ul li i
{
	color:#fff;
	font-size:50px
}

.contact
{
	color:#a8c66c;
	font-size:18px
}



@media (min-width: 768px)
{
	.parallax
	{
		
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
		position: relative;		
	}
	.world
	{
		background-image: url(img/worldmap2.jpg);
		padding-top: 100px;
	}
	.london
	{
		background-image: url(img/london.jpg);
	}
	.paris
	{
		background-image: url(img/paris.jpg);
	}
	.beach
	{
		background-image: url(img/beach.gif);
	}
	.lagos
	{
		padding-top: 100px;
		background-image: url(img/iklebridge.jpg);
	}
	.top
	{
		padding-top: 100px;
		
	}
	.top p
	{
		font-size: 25px;
	}
	
	.modal-dialog
	{
		width: 350px;
	}
}

@media (max-width: 700px)
{
	.parallax
	{
		
		background-position: center;
		background-size: cover;
		position: relative;		
	}
	.world
	{
		background-image: url(img/worldmap2.jpg);
		background-position: 47%;
		padding-top: 100px;
		height: 100%;
	}
	.world .dimmer
	{
		position: absolute;
		display: block;
		width: 100%;
		height: 80%;
		margin-bottom: -100px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.60);
		z-index: 2;
		/*cursor: pointer;*/
	}
	.london
	{
		background-image: url(img/london.jpg);				
		background-position: 35%;
	}
	.paris
	{
		background-image: url(img/paris.jpg);		
		background-position: 53%;
	}
	.beach
	{
		background-image: url(img/beach.gif);
	}
	.lagos
	{
		padding-top: 100px;
		background-image: url(img/iklebridge.jpg);
		background-position: 80%;
	}
	.top
	{
		padding-top: 50px;
	}
	.top p
	{
		font-size: 20px;
	}
}


.faq {
    background-color:rgba(243, 243, 243, 0.137)
}

.faq__question {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    padding: 35px 25px;
    margin-top: 15px;
	height: 25px;
	text-align: left;
	
}

.faq__question h4
	{
		margin: 35px 0px 35px;
	}

.faq__question:focus {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: #a8c66c80;
    outline-style: auto;
    outline-width: 1px;
}

@media (min-width: 760px) {
    .faq__question {
        padding: 35px 60px;
    }
	

}
@media (max-width: 768px) {
    .faq__question h4
	{
		font-size: 15px;
		
	}
	
	
}

@media (min-width: 1020px) {
    .faq__question {
        padding: 35px 80px
    }
	
	
}

.faq__question__icon {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-left: 45px;
    background: center/contain no-repeat url("img/plus-light.png")
}

.faq__question.active .faq__question__icon {
    background-image: url("img/minus-light.png")
}

.faq__answer {
	text-align: left;
    font-size: 17px;
    display: none;
    padding: 20px 45px 30px
}

@media (min-width: 760px) {
    .faq__answer {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media (min-width: 1020px) {
    .faq__answer {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.features-boxed {
    color: #313437
}

.features-boxed p {
    color: #7d8285
}

.features-boxed h2 {
    font-weight: 700;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit
}

@media (max-width:767px) {
    .features-boxed h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.features-boxed .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto
}

.features-boxed .intro p {
    margin-bottom: 0
}

.features-boxed .features {
    padding: 50px 0
}

.features-boxed .item .box {
    text-align: center;
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px
}

.features-boxed .item .icon {
    font-size: 60px;
    color: #ed8000;
    margin-top: 20px;
    margin-bottom: 35px
}

.features-boxed .item .description,
.features-boxed .item .name {
    font-family: Raleway;
    margin-bottom: 20px
}

.features-boxed .item .name {
    font-weight: 100;
    margin-top: 0;
    color: #116e0f
}

.features-boxed .item .description {
    font-size: 15px;
    margin-top: 15px;
    color: #000
}

.features-clean {
    color: #313437;
    background-color: #fff;
    padding-bottom: 30px
}

.features-clean p {
    color: #7d8285
}

.features-clean h2 {
    font-weight: 700;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit
}

@media (max-width:767px) {
    .features-clean {
        padding-bottom: 10px
    }

    .features-clean h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.features-clean .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 60px
}

.features-clean .item .name,
.footer-clean h3 {
    margin-top: 0;
    font-family: Raleway
}

.features-clean .item {
    min-height: 100px;
    padding-left: 80px;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .features-clean .intro {
        margin-bottom: 40px
    }

    .features-clean .item {
        min-height: 0
    }
}

.features-clean .item .name {
    font-size: 20px;
    margin-bottom: 20px;
    color: green
}

.features-clean .item .description {
    font-size: 16.5px;
    font-family: Raleway;
    font-weight: 500;
    color: #000;
    margin-bottom: 0
}

.features-clean .item .icon {
    font-size: 40px;
    color: #ed8000;
    float: left;
    margin-left: -65px
}

.row .features h3
{
	font-size: 40px;
}