@charset "UTF-8";

.navbar.fixed-top.navbar-expand-lg.navbar-light {
    background-color: #FFFFFF;
    margin-left: 0px;
    padding-left: 20px;
}
.navbar-brand {
    padding-right: 5px;
    text-align: left;
    padding-left: 0px;
	padding-bottom: 11px;


}
h1 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

h3 {
    text-align: left;
    font-size: 45px;
    font-weight: bold;
}

p {
    text-align: left;
    font-size: 16px;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
	font-size: 16px;
}

.embed-responsive.embed-responsive-16by9 {
    width: 100%;
    height: 400px;
    max-width: 100%;
}


.list-unstyled .media .mr-3 {
    max-width:100%;
    max-height:100%;
    transition: .5s ease;
    backface-visibility: hidden
}

.media .media-body .mt-0.mb-1 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.list-unstyled .media .list-unstyled .media .mr-3{
    transition: .5s ease;
    opacity: 0;
    text-align: center;
}


.container.mt-2 .row .col-md-4.col-12:hover .list-unstyled .media .mr-3 {
  opacity: 0.3;
}

.container.mt-2 .row .col-md-4.col-12:hover .media .media-body .mt-0.mb-1{
  opacity: 1;
}

.container.mt-1 .row .col-md-4.col-12:hover .list-unstyled .media .mr-3 {
  opacity: 0.3;
}

.container.mt-1 .row .col-md-4.col-12:hover .media .media-body .mt-0.mb-1{
  opacity: 1;
}

.col-md-4.col-12 .list-unstyled .media {
    margin-top: 0px;
}

hr {
    height: 8px;
    background: #000000;
    margin-bottom: 5px;
    margin-top: 0px;
}

.row .col-12.col-sm-12 hr {
    height: 1px;
}

.container .row .col-12.text-center {
    padding-left: 0px;
}
body section {
    padding-left: 20px;
    padding-right: 20px;
}
section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.text-center {
    padding-top: 25px;
}
.responsive .img-fluid img {
    width: 100%;
    padding-bottom: 5px;
    max-width: 250px;
    clear: both;
    height: 100%;
}
p i a {
    color: darkgray;
	text-decoration: none;
}


p i a:hover {
  color: black;
  text-decoration: none;
}

.container .row .col-12.col-sm-12 {
    padding-left: 15px;
    padding-right: 20px;

}

.row .column {
    width: 50%;
	padding: 15px;
}



.col-12.text-center .profile img {
    min-width: 33%;
	max-width: 25%;
    margin-bottom: 0px;
    padding-bottom: 10px;
	float: left;
}


h2 {
    font-size: small;
}
#carouselExampleIndicators1 .carousel-inner .carousel-item.active {
    height: 25%;
}
.container.mt-2 hr {
    margin-bottom: -20px; /*Top Rule, above the name */
}

.media-body .profile img {
    min-width: 100%;
    max-width: 25%;
    margin-bottom: 0px;
    padding-bottom: 10px;
    float: left;
}
.media-body p a {
    text-decoration: none;
	
}

.media-body p a:visited {
    color: black;
	
}

.media-body p a:hover {
	background-color: yellow;
	
}

.media-body p a:link {
	color: black;
	
}


.footer {
    color: #282828;
    text-align: left;
    padding: 0px;
}


.footer ul li {
    padding-top: 5px;
    padding-right: 40px;
    display: inline-block;
    text-indent: -40px;
}
.footer ul .socialmedia {
    text-align: right;
    float: right;
    padding-right: 0px;
    text-indent: 20px;
}
.footer ul .sociallogo {
}

.footer ul li:hover {
  opacity: 0.5;
}

.container {
  font-size: 16px;
  padding: 0px;
}
.navbar-nav.mr-auto .nav-item.dropdown .dropdown-menu {
	font-size: 16px;
}




/* Forms */ 

.form {  
  text-align: left;
 /* background-image: url(images/form.jpg); */
  
}

.name {
  padding: 5px 0px;

}

.phone {
  padding: 5px 0px;    
}

.email {
  padding: 5px 0px;    
}

.comments{
  padding: 5px 0px;  
}

.submit {
  padding: 5px 0px;
}
.container.mt-1 ul .socialmediashare {
	padding-bottom: 0px;
	padding-right: 35px;
	padding-top: 5px;
	display : inline-block;
	text-align: left;
	text-indent: -40px;
	
}

.container.mt-1 ul .socialmediashare:hover{
	opacity: 0.5;
}





input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #000000;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #000000;
  opacity: 0.5;
}



.aboutme ul .aboutme {
	display: inline-block;
	padding-right: 10px;
}


.media-body .aboutme ul {

	list-style-type: none;
	padding: 0;	

}


.aboutme ul .aboutme:hover {
	opacity: 0.5;
}
.media-body section .container.mt-1 {
    padding-left: 0px;
    margin-left: -20px;
    margin-right: 0px;
    max-width: 120%;
    width: 0%;
}


@media (max-width:567px) {
.container .row .col-12.col-sm-12 {
    padding-left: 35px;
}
}

@media (max-width:567px) {
.navbar.fixed-top.navbar-expand-lg.navbar-light {
    padding-left: 35px;
	padding-right: 35px;
}
}