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

body {
	font-size:16px;
	color:#2C3E50;
	font-weight:300;
}
.dark-background h1 {
	color:#F6A938;
}

strong {font-weight:bold;
}
#mainNav{padding-top:1rem;padding-bottom:1rem;font-weight:700;font-family:Montserrat}
#mainNav .navbar-brand{color:#fff}#mainNav .navbar-nav{margin-top:1rem;letter-spacing:.0625rem}
#mainNav .navbar-nav li.nav-item a.nav-link{color:#08C5A9}
#mainNav .navbar-nav li.nav-item a.nav-link:hover{color:#fff}
#mainNav .navbar-nav li.nav-item a.nav-link:active,
#mainNav .navbar-nav li.nav-item a.nav-link:focus{color:#fff}
#mainNav .navbar-nav li.nav-item a.nav-link.active{color:#18bc9c}
#mainNav .navbar-toggler{font-size:80%;padding:.8rem}
@media (min-width:992px){#mainNav{padding-top:1.5rem;padding-bottom:1.5rem;-webkit-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s}
	#mainNav .navbar-brand{font-size:2em;-webkit-transition:font-size .3s;transition:font-size .3s}
	#mainNav .navbar-nav{margin-top:0}
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active{color:#fff;background:#18bc9c}
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{color:#fff;background:#18bc9c}
	#mainNav.navbar-shrink{padding-top:.5rem;padding-bottom:.5rem}#mainNav.navbar-shrink .navbar-brand{font-size:1.5em}}

.dropdown-item {color:#18BC9C; font-weight:600;}
.dropdown-menu {background-color:#2C3E50;}
.dropdown-item:hover {background-color:#2C3E50; color:#fff;}


.btn {
	background-color:#07A991;
	font-weight: 900;
	font-size: 1.25em;
	color:#fff;
	padding:7px;
	padding-right:15px;
	padding-left:15px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 4px solid #506A07;
	border-radius:4px;
}


.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus {
	background-color:#035C4F;
	color:#fff;
	text-decoration: none;
	border-bottom: 4px solid #035C4F;
	}
.btn-primary:active {
	color:#fff;
	background-color:#fff;
}

/* home page*/
.home-top{height: 120px;}
@media only screen and (max-width:970px){
.home-top {
    height:90px
	}}

/* portfolio page*/
.portfolio-top{height: 70px;}
@media only screen and (max-width:970px){
.portfolio-top {
    height:30px
	}}
.port-top{height: 135px;}
@media only screen and (max-width:970px){
.port-top {
    height:100px
	}}

/* Testimonials page*/
hr {border: 1px solid #AFAFAF;}

img.testimonial {padding-bottom:10px; float:right;}

@media only screen and (max-width:765px){
img.testimonial {
    float:left
	}}

.testimonial-top {height:130px;}

@media only screen and (max-width:970px){
.testimonial-top {
    height:90px
	}}


/* Tabs*/
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
   text-transform: uppercase;
}
#tabs{
	background: #fff;
    color: #333; 
}
#tabs h6.section-title{
    color: #07A991; 
}

#tabs .nav-tabs .nav-link {
    border: 3px solid #07A991;
	border-radius:5px;
    color: #07A99;
    font-size: 20px;
	font-weight: 900;
		margin:5px;
}

#tabs .nav-tabs .nav-link:hover { background-color:#07A991; color:#fff; border: 3px solid #2C3E50 !important;}


#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    
    /*background-color: transparent;*/
    /*border-color: transparent transparent #f3f3f3;*/
    /*border-bottom: 4px solid !important;*/
    font-size: 20px;
	background-color:#fff;
	color:#2C3E50;
	border: 3px solid #2C3E50 !important;
	border-radius:5px;
}


.card-body-portfolio, .card-title-portfolio {background-color:#2C3E50; text-align:center; font-size:1em; font-weight:600; text-decoration: none !important;}

h5.card-title-portfolio {color:#18BC9C;}
h5.card-title-portfolio:hover {color:#fff; text-decoration: none !important;}


/*#show-modal:hover {opacity: 0.7;}*/