body { color: #000; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased !important; font-family: 'Open Sans', sans-serif; }

.header { min-height: 40px; }
.header .col-base{ height: 40px; }
.header .navbar-header { width: 100%; height: 80px; margin: 0 0 20px; position: relative; }
.header .navbar-brand { height: auto; margin: 0; padding: 0; }
.header .navbar-brand .brand { height: 40px; line-height: 40px; padding: 0; margin: 0; color: #000; text-transform: uppercase; font-weight: 600; }
.header .navbar-brand .brand.visible-lg,
.header .navbar-brand .brand.visible-md,
.header .navbar-brand .brand.visible-sm {  font-size: 14px; margin: 20px 0; }
.header .navbar-brand .brand.visible-xs {  font-size: 3vw; margin: 20px 0; }
.content .navbar-collapse { height: auto !important; min-height: 80px; padding: 0; }
.content .navbar-collapse .navbar-nav { height: auto; width: 100%; float: none; margin: 0 auto; display: block; }
.content .navbar-collapse .navbar-nav li { list-style-type: none; }
.content .navbar-collapse .navbar-nav li a { height: 40px; line-height: 40px; padding: 0; margin: 0; text-transform: uppercase; font-size: 40px; color: #000; font-weight: 800; letter-spacing: -2px; border: 0 none; }
.content .navbar-collapse .navbar-nav li a:hover { color: #666; background: none; border: 0 none; }
.content .navbar-collapse .navbar-nav li.icon-fa { float: left; width: auto; margin: 30px 15px 0 0; }
.content .navbar-collapse .navbar-nav li.icon-fa a { letter-spacing: 0; font-size: 20px; }
.content .navbar-collapse.in,
.content .navbar-collapse.collapsing { float: left; width: 100%; padding: 0; }
.content .navbar-collapse.in .col-base,
.content .navbar-collapse.collapsing .col-base { margin: 0; padding: 0; }
.content .navbar-collapse.in .col-base ul,
.content .navbar-collapse.collapsing .col-base ul { width: 100%; padding: 0; margin: 0; float: left; }
.content .navbar-collapse.in .col-base ul li,
.content .navbar-collapse.collapsing .col-base ul li { float: left; }

.navbar-toggle { border: none; background: none; padding: 0; height: 80px; margin: 0; }
.navbar-toggle .icon-bar { background: #666; height: 5px; width: 28px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }

.nav-list { float: left; padding: 0; margin: 0; width: 100%; }
.nav-list li { float: left; list-style-type: none; width: 100%; font-size: 17px; line-height: 26px; }
.nav-list li strong { color: #888; }
.nav-list li a { color: #999; padding-right: 10px; float: left; border-bottom: 1px solid #FFF; -webkit-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -o-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); }
.nav-list li a:hover { color: #666; text-decoration: none; border-bottom: 1px solid #F5F5F5; }

.nav-select { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.nav-select select { float: left; padding: 15px 10px; margin: 0; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #999; border: 1px solid #FFF; border-bottom: 2px solid #7AC5C8; }

.content .gallery { margin: 7px 0 0; }
.content .gallery .gallery-col { padding: 0 0 0 10px; }
.content .gallery .gallery-col.odd[data-bp="sm"] { padding-left: 0; }
.content .gallery .gallery-col .link { float: left; width: 100%; height: 270px; overflow: hidden; margin: 0 0 10px; background: black; position: relative; }
.content .gallery .gallery-col .link .img-wrapper { background: white; width: 100%; height: 100%; line-height: 270px; }
.content .gallery .gallery-col.col-4 { float: right; }
.content .gallery .gallery-col[data-bp="xs"] { padding: 0; }
.content .gallery .gallery-col[data-bp="md"] .link { height: 400px; }
.content .gallery .gallery-col[data-bp="md"] .link .img-wrapper { line-height: 400px; }
.content .gallery .gallery-col[data-bp="sm"] .link,
.content .gallery .gallery-col[data-bp="xs"] .link { height: auto; }
.content .gallery .gallery-col[data-bp="sm"] .link .img-wrapper,
.content .gallery .gallery-col[data-bp="xs"] .link .img-wrapper { line-height: normal; }
.content .gallery .gallery-col .link .gallery-description { width: 100%; padding: 55% 10px 0; height: 100%; position: absolute; top: 0; left: 0; text-align: center; color: #FFF; display: none; -webkit-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -o-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); }
.content .gallery .gallery-col .link:hover .gallery-description { display: block; }
.content .gallery .gallery-col .link .gallery-description big { width: 100%; height: auto; display: block; }
.content .gallery .gallery-col .link .gallery-description small { width: 100%; height: auto; display: block; }
.content .gallery .gallery-col .link .image { width: 100%; cursor: pointer; vertical-align: middle; opacity: 0; transition: all .3s ease-in; }
.content .gallery .gallery-col .link .img-wrapper { -webkit-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -o-transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: all 800ms cubic-bezier(0.075, 0.820, 0.165, 1.000); }
.content .gallery .gallery-col .link:hover .img-wrapper { opacity: 0.15; }

.content .gallery.home .gallery-col .link { float: left; width: 100%; margin: 0 0 10px; background: none; height: auto; max-height: none; }
.content .gallery.home .gallery-col .link .image { float: left; width: 100%; cursor: pointer; }
.content .gallery.home .gallery-col[data-bp="md"] .link .image,
.content .gallery.home .gallery-col[data-bp="lg"] .link .image { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.content .gallery.home .gallery-col .link .image:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

.contact { padding: 15px; font-size: 16px; }
.contact[data-bp="lg"],
.contact[data-bp="md"] { padding: 0 30px; }

.content .trye { position: absolute; left: 30px; top: 70px; width: 60px; }