﻿header {padding: 10px 0}
/*header img {width: 200px}*/
header span {font-family: 'Roboto', sans-serif;}
header span a:hover {color:black}
header ul {font-family: 'Roboto', sans-serif; font-size: 12px; list-style-type: none; padding-right: 20px;}
.first-part {display: flex; align-items: center; width: 100%}
.first-part a {text-decoration: none; color: black; font-weight: bold}
.designer-name {text-align:center; font-size: 30px; font-weight: bold}
.log {float: right}
#main-pic {height: 500px; overflow:hidden}
#main-pic img {width: 100%}
.slick-next {right: 5px}
.slick-prev {left: 5px; z-index:999;}
#main-nav ul {list-style-type: none; padding: 20px 0; font-size: 15px ;font-weight: bold; position: relative; display: flex; justify-content:center; align-items:center}
#main-nav ul li {padding-right: 40px}
#main-nav a {text-decoration: none; color: black; font-weight: bold}
#album p {font-weight: bold}
.pic1, .pic2 {padding-left: 0; overflow:hidden}
.pic1 img, .pic2 img {transition: all 1s ease-in-out;}
.pic1 img:hover, .pic2 img:hover {transform: scale(1.1);}
.last-pic:hover {transform: scale(1.1)}
.pic {overflow:hidden}
.pic img {transition: all 1s ease-in-out}
.pic img:hover {transform:scale(1.1)}
.designer {height: 320px}
footer .row {border: 1px solid #e7e7e7}
footer h5 {padding-top: 20px; font-size: 16px}
footer p {font-size: 11px}
#foot-nav-social-media ul {padding: 20px; list-style-type: none}
#foot-nav-social-media ul li {margin-bottom: 20px; font-weight: bold}
#foot-nav-social-media h5 {font-weight: bold}
input {border: none}
.subscribe {border: 1px solid #e7e7e7; padding-left: 5px; width: 46.7%}
i {margin-right: 20px}
.email {margin-right: 0}
#foot-nav-social-media a {text-decoration: none; color: black}
.last-line {text-align: center}
a {transition: color 0.5s ease; color: black}
a:hover {color: #b7bfc8}
#foot-nav-social-media a:hover {color: #b7bfc8}
#album a {text-decoration: none; color: black}
#album a:hover {color: #b7bfc8}
#album h4, #album p {font-family: 'Roboto', sans-serif}
.come-in {transform: translateY(150px);-webkit-transform: translateY(150px);-moz-transform: translateY(150px);-o-transform: translateY(150px);-ms-transform: translateY(150px);animation: come-in 0.8s ease forwards;-webkit-animation: come-in 0.8s ease forwards;-moz-animation: come-in 0.8s ease forwards;-o-animation: come-in 0.8s ease forwards;}
.come-in:nth-child(odd) { animation-duration: 0.6s;-webkit-animation-duration: 0.6s;-moz-animation-duration: 0.6s;-o-animation-duration: 0.6s;}
.already-visible {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);animation: none;-webkit-animation: none;-moz-animation: none;-o-animation: none;}

@keyframes come-in {
  to {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);}
}

.loading {position:absolute; margin: 0 auto; z-index: 9999; top: 50px; cursor: wait}
.icon-bar {border-color: black}
.go-to-top {position: fixed;
    right: 30px;
    bottom: 10px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    background-color: #abb3bc;
    color: #fff;
    border-radius: 50%;
}
go-to-top.in {
    visibility: visible;
    opacity: 1;
    bottom: 30px;
}

.fa {display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-left: 8px;
}

.stop-scroll {margin: 0; height: 100%; overflow: hidden}
.first-part {position: fixed; top:0; z-index: 10; width: 100%}
 #main-pic  {position: fixed; top: 70px; z-index: -1; width: 100%}
.all {position: relative; top: 570px; background: white}
.fixed {position: fixed; top:0; z-index: 10; width: 100%; background: white}
.middle-nav {display: flex; justify-content: space-between}
.middle-nav img {height: 40px; margin-top: 5px; padding-left: 15px; visibility:hidden}
.decrease-zindex {z-index: -1 !important}
/*.increase-zindex {z-index: 10}*/
/*#mobileNav {overflow: auto !important}*/
.hide-mobile-menu {left: -100%}
.show-it {display:block}

