/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */



.navbar{
	background-color: white !important;
	border-bottom: 20px solid #00adee;
    border-top: 20px solid black;
	font-weight: 600;
	color: darkblue;
	
	
	
	
}
 
/*a:link { color: darkblue!important;}
a:visited { color: darkblue!important;}
a:hover {color: red;}
a:active {color: red;}*/ 
	
#navbarResponsive{
    /*background-color: white;*/
	border-color: midnightblue;}

    a:link  {color: darkblue !important;}
    a:visited {color: darkblue !important;}
    a:hover {color:red !important;}
	a:active { color:red !important; }

.navbar-toggler{
	background-color:red;
	border-color: black;
}
    
	
		 
.nav-toggler-icon{
	color: darksalmon;
}		
		
	
 .top-number{
 
  font-size: 20px !important;
}

body {
  padding-top: 100px;
}

@media (min-width: 100px) {
  body {
    padding-top: 100px;
  }

	
	.navbar-toggler-icon {
		color: red;
	}
.portfolio-item {
  margin-bottom: 30px;
}

#main-image {
    max-width: 100%;
    height: auto; 
}
	

	
	
	.btn-primary {
		background-color: lightblue;
		font-weight: bold;
		color: white !important;}
	    a:link  {color: darkblue !important;}
        a:visited {color: darkblue !important;}
        a:hover {color:red !important;}
	    a:active { color:red !important; }
}
	 


.footer-left li {
    display: inline-block;
    float: left;
    width: 33.33%;
    line-height: 1.8em;
}
.footer-left li a {
    font-size: 14px;
    color:navy!important;
    display: inline-block;
}
.footer-left li a:hover{
    color:#d61f1f;
}
.footer-top h3 {
    font-size: 1.7em !important;
    color: #e00d17!important;
    margin-bottom: 1em!important;
    font-weight: 700!important;
}
.footer-top {
    padding: 3em 0!important;
    background: #FFFDFD!important;
	font-size: 15px!important;
	color: navy;
}
.footer-btm li {
    display: inline-block;
    margin: 0 10px;
	font-size: 14px;
    color: navy!important;
}
.footer-btm li a {
    font-size: 15px;
    color: navy!important;
    display: inline-block;
    padding: 5px 8px;
}
.footer-btm li a:hover{
    color:#4CFF00;
}
.footer-btm {
    background:#cfe00d !important;
    padding: 0.5em 0;
	text-align:center;
}
.copy-right p {
    color:navy;
    font-size:14px;
    line-height: 1.8em;
}
.copy-right p a {
    color: navy!important;
}
.copy-right p a:hover {
    color:red!important;
}
.copy-right {
    background:white;
    text-align: center;
    padding: 0.5em 0;
}

.row-top-footer{
	background-color: #00adee;
	padding: 1px;
}

.row-bot-footer{
	background-color: black!important;
	padding: 1px;
}

.btn-secondary {
		background-color:dodgerblue !important;
		font-weight: bold;
		color: white !important;}
	
		a:hover {color:crimson !important}
.mkblue {
	color: blue;
}

@media screen and (max-width: 992px) {
  #pageflip {
    display: none;
  }
}

#pageflip {
position: relative;
right: 0; top: 0px;
float: right;
}
#pageflip img {
width: 60px; height: 50px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 660px; height: 660px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(peel3.png) no-repeat right top;
}
#pageflipMirror {
	position: static;
	right: 0;
	top: 0;
	float: right;
}

@media screen and (max-width: 992px) {
  .navbar-brand {
    display: none;
  }
}