/*!
Theme Name: patk_nickell
Theme URI: http://patrickind.com/
Author: EM Webber
Author URI: http://patrickind.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: patk_nickell
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*------------------------------------------------------------------
    1. General styles and resets
-------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);


/* ------------------------------------------------------------------
COLORS:
light blue: 	#374f60		rgba(55,79,96,1)
dark blue: 		#1e2e39		rgba(30,46,57,1)
beige: 			#dbd3bc		rgba(219,211,188,1);
dark beige: 	#b0a377		rgba(176,163,119,1);
red: 			#850000		rgba(133,0,0,1);
------------------------------------------------------------------- */


/*------------------------------------------------------------------*/
/* utilities */
/*------------------------------------------------------------------*/
.spacer {height:65px; margin:25px 0; padding:25px 0;}
.margin-left {margin-left:35px;}
.margin-right {margin-right:35px;}
.margin-top {margin-top:35px;}
.margin-bottom {margin-bottom:35px;}
hr {padding-top:35px; padding-bottom:35px; border-top: 1px solid rgba(0,0,0,.3);}

/*------------------------------------------------------------------*/
/* typography */
/*-------------------------------------------------------------------*/
body { font: .9em/1.71428571 'Roboto', Arial, sans-serif; }
h1,h2,h3,h3,h4 { font-family: 'Montserrat', Arial, sans-serif; color: #474d4b;  margin: 0 0 15px; }
h1 { font-size: 2.571428em; font-weight:700; }
h2 {letter-spacing:2px; text-transform: uppercase; color: #1e2e39; font-size: 32px; }
h2.main-heading {letter-spacing:2px; text-transform: uppercase; color: #1e2e39; font-size:3.0rem; }
h2.screen-reader-text {color: #1e2e39; font-weight:900; margin-bottom:35px; margin-top:35px;}
h3 {font-size: 24px; color: #1e2e39; font-weight:900; margin-bottom:35px; margin-top:35px;}
a {color:#1e2e39;}
a:hover {color:#374f60;}


/*------------------------------------------------------------------*/
/* header styles */
/*-------------------------------------------------------------------*/
#header { z-index: 100; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; min-width: 320px; background: rgba(51,51,51,.35); }
#header.fixed-position { background: rgba(0,0,0,.75); }
#header header.entry-header {margin-top:150px;}
#header header.entry-header h3 {color:#fff;}


/* styles for header fixed state */
/* logo styles */
.logo { padding: 21px 0; text-align: center; position: relative; margin: 0 90px; z-index: 9; -webkit-transition: all .2s linear; transition: all .2s linear;}
.logo .gray-logo { display: none; }
.logo:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-right: -.25em; }
.logo a { display: inline-block; vertical-align: middle; width: 100px; -webkit-transition: all .2s linear; transition: all .2s linear; }



/*------------------------------------------------------------------*/
/* Navigation / .navbar-nav */
/*-------------------------------------------------------------------*/
.navbar-default { background: transparent; border: none; min-height: 1px; height: 100%; margin: 0; padding:0; font-size: 14px; letter-spacing: .05em; font-family: 'Montserrat', Arial, sans-serif; }
.navbar-nav > li:last-child .dropdown-menu,
.navbar-nav > li.last-dropdown .dropdown-menu { left: auto; right: auto; }
/**Mega Menu **/
.navbar .container { position: relative;}
.navbar-nav,
.navbar .collapse,
.navbar-nav li { position: static;}
/*.menu-item-has-children,
.menu-item-has-children .dropdown-menu { left: auto;}
.menu-item-has-children .dropdown-menu { width: auto !important; margin-top:0!important; background-color:rgba(15, 24, 29, .95); color:#dbd3bc;}
.menu-item-has-children .dropdown-menu li {border-bottom:1px solid #dbd3bc}
.menu-item-has-children .dropdown-menu li:last-child {border-bottom: none;}
.menu-item-has-children .dropdown-menu a { padding:15px 0; color:#dbd3bc; text-transform:uppercase; font-size:12px;}
.mega-menu-wrapper { background-color:rgba(0,0,0,.85); border:1px solid #000!important;}
.mega-menu-wrapper h2.widgettitle { color:#dbd3bc;}
.mega-menu-wrapper .custom-html-widget h6 {font-family: 'Montserrat', Arial, sans-serif; color:#dbd3bc; margin:15px auto; text-transform:uppercase;}*/

.banner-text { text-align: left; max-height:170px; margin-top: 80px; z-index:1; }
.banner-text .subtitle {color:#fff;}

/*------------------------------------------------------------------*/
/* Secondary nav */
/*-------------------------------------------------------------------*/
#header .secondary-nav {}

/*------------------------------------------------------------------
    Home
-------------------------------------------------------------------*/
body.home .common-spacing {padding-top:0;}
body.home .banner-text { position:absolute; top:auto; bottom:100px;}


.allinone_bannerRotator.classic .bannerControls {z-index: 9999!important;}
.allinone_bannerRotator.classic .bottomNavLeft,
.allinone_bannerRotator.classic .bottomNavRight { z-index: 9999!important; }
.all_in_one_bannerRotator_textWhiteBgBlackBox_small_full {background:rgba(30,46,57,1); color:#ffffff;}
.allinone_bannerRotator h1 { font-size: 3.571em; color:#ffffff; }
.allinone_bannerRotator h1 span { display: block; font-weight: 400;  font-size: .8em;  font-style: normal; }
.allinone_bannerRotator p { font-size: 1.429em; color: #f2e9d0 /*#b0a377*/;  font-weight: 300;  font-style: italic;  display: block;  margin-bottom: 25px; margin-top:25px; margin-left:25px; margin-right:25px; }
.allinone_bannerRotator a {background-color: #850000; color:#f2e9d0; padding:15px 25px;}
.allinone_bannerRotator a:hover {}

/* home banner GRAVITY FORM form */
.banner .home-product-selection_wrapper { border:10px solid #1e2e39; background-color:#374f60; padding: 10px; }
.banner form.home-product-selection { width: 70%; margin: 0 auto; }
.banner form.home-product-selection .gform_wrapper {margin-bottom:0; margin-top:0;}
.banner form.home-product-selection .gform_wrapper ul li.gfield { margin-top: 5px;}
.banner form.home-product-selection .gform_wrapper .gform_footer {padding:15px 0 0 0!important; margin:0 0 0 0!important;}
.banner form.home-product-selection .gform_wrapper .gform_footer input[type=submit] { padding: 10px 25px 10px 25px; margin: 0 0 7px 0; clear: both; width: 35%; -webkit-border-radius: 4px!important; border-radius: 4px!important; }

input.gform_button {border-width: 0px; border:1px solid #212f39; background-color:#dbd3bc; border-style:solid; border-color: #212f39; -webkit-border-radius:4px; border-radius: 4px;  border-border-image: none;}
form.home-product-selection .gform_wrapper .top_label li.gfield.gf_first_quarter select,
form.home-product-selection .gform_wrapper .top_label li.gfield.gf_second_quarter select,
form.home-product-selection .gform_wrapper .top_label li.gfield.gf_third_quarter select,
form.home-product-selection .gform_wrapper .top_label li.gfield.gf_fourth_quarter select {border:1px solid #212f39!important; background-color:#fff!important; border-style:solid!important; border-color: #212f39!important; -webkit-border-radius:4px!important; border-radius: 4px;}
form.home-product-selection .gform_wrapper .top_label .gfield_label {color:#dbd3bc; text-transform:uppercase; font-seize:12px; font-weight:500; letter-spacing:1px;}
form.home-product-selection .gform_wrapper.gf_browser_chrome select { padding: 10px 0 10px 5px;}

.feature-block { background: #1e2e39; padding:15px 0 15px; z-index: 1;}
.feature-block li {width:33.3%;}
.feature-block li a { display: block; height: 100%; color: #dbd3bc; }
.icon-frames {color: #dbd3bc;} /* hover: #b0a377 */
.icon-frames:before {content:url('img/icon-frames.png');}
.icon-archmoulding {}
.icon-archmoulding:before {content:url('img/icon-architecture.png');}
.icon-furniture {}
.icon-furniture:before {content:url('img/icon-furniture.png');}


/* breadcrumbs styles */
.main-breadcrumb { list-style: none; padding-left: 0px; text-align: left; /*float: left;*/ width: 100%; color: #fff; }
.main-breadcrumb li { float: left; padding: 0px 20px 10px 0; position: relative; }
.main-breadcrumb li a { color: #fff; }
.main-breadcrumb li:last-child {font-size:13px;}
.main-breadcrumb li:before { position: absolute; content: "/"; right: 8px; color: #ccc; font-size:13px; }
.main-breadcrumb li:last-child:before { display: none; }

section.content-area {padding:65px;}

#tour-slide .slide { min-height: 320px; height: 80vh; }
.bg-stretch {z-index:1;}
.bg-stretch img { max-width: none; max-height:1080px; width: auto; height: auto; position:relative; background-attachment:fixed;}

/* Form fields */
form.search-form input,
.gfield input {border:1px solid #2b2b2b;}

/* STAFF LANDING PAGE */
aside.staff h2.entry-title { margin-top:35px;}
aside.staff h2.entry-title a {font-size:14px; text-transform: uppercase; color: navy;}


/* NEWS & EVENTS */
.newsie {maring-bottom:35px; maring-top:35px; padding-bottom:35px; padding-top:35px; border-bottom:1px solid rgba(0,0,0,.2);}
a.news-btn {background-color:#314655; color:#fff; padding: 3px 25px; font-size: 12px;}
a.news-btn:hover {background-color:#283d4b;}

/* DOWNLOADS */
.list-group a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content:'\f1c1'; position:absolute; top:50%; margin-top:-6px; right:10px;}

/* PARENT PAGE LAYOUT */
.tab-container .nav-wrap {background:#030506;}
.child-pages-list ul {list-style:none; padding-top:35px;}
.child-pages-list li  {display: inline-block; width:30%; margin:0 auto 35px auto; }
.child-pages-list li a { color:#fff; text-align:center; padding: 10px 50px; background: #374f60; border:1px solid #1e2e39; border-radius: 3px;}
.child-pages-list li a:hover {background:#1e2e39; border:1px solid #1e2e39;}
/*light blue: 	#374f60		rgba(55,79,96,1)
dark blue: 		#1e2e39		rgba(30,46,57,1)*/

/*------------------------------------------------------------------

-------------------------------------------------------------------*/
/* global table styles */
#wrapper .page-wrapper { padding-bottom:65px; margin-bottom:65px;}
footer#footer {margin-top:65px;}
#footer { background-image:url('img/bg-footer.png'); border-top:1px solid #0f181d; background-color: #0f181d; background-blend-mode: overlay; background-size: cover; background-position: top center; background-repeat: no-repeat;}

#footer h3, #footer h5, #footer p, #footer p a, #footer a {color:#dbd3bc;}
#footer p a:hover, #footer a:hover {color:#b0a377;}
#footer img {margin-bottom:25px;}

.footer-bottom { background: #0f181d; padding: 35px 0; font-size: 1em; text-align: center; color: #dbd3bc; border-top:1px solid #030506; }
.footer-bottom a {color:#b0a377;}

#scroll-to-top { background: rgba(3, 5, 6, .7); }
#scroll-to-top i, #scroll-to-top a i.icon-arrow-down { color: #b0a377; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size:22px;}


/*------------------------------------------------------------------

-------------------------------------------------------------------*/
/* background color for content blocks */
.bg-white { background: #fff; }
.bg-light-gray { background: #fafafa; }
.bg-gray { background: #f8f8f8; }


/* ----------------------------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------------------------- */
@media (max-width: 320px) {
	.navbar-default .header-socials li {display: inline!important;}
	.feature-block li {width:100%; display:block;}
	.allinone_bannerRotator h1 {font-size: 24px;}
	.allinone_bannerRotator_texts .banner-content,
	.allinone_bannerRotator_texts .banner-button {display:none;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) { 
	#header.white-header,
	.default-page #header.white-header { background: #0f181d; border-bottom: 1px solid #030506;}
	.navbar-toggler { background-color: #fff; border: 1px solid #030506; padding-top:5px; }
	.navbar-default .header-socials li {display: inline!important;}
	.feature-block li {width:100%; display:block;}
	.allinone_bannerRotator h1 {font-size: 24px;}
	.allinone_bannerRotator_texts .banner-content,
	.allinone_bannerRotator_texts .banner-button {display:none;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) { 
	#header.white-header,
	.default-page #header.white-header { background: #0f181d; border-bottom: 1px solid #030506;}
	.navbar-toggler { background-color: #fff; border: 1px solid #030506; padding-top:5px; }
	.navbar-default .header-socials li {display: inline!important;}
	.feature-block li { width:100%;display:block;}
	.allinone_bannerRotator h1 {font-size: 24px;}
}
@media (max-width: 390px) {
	.navbar-default .header-socials li {display: inline!important;}
}
@media only screen and (min-width: 480px) { 
	#header.white-header,
	.default-page #header.white-header { background: #0f181d; border-bottom: 1px solid #030506;}
	.navbar-toggler { background-color: #fff; border: 1px solid #030506; padding-top:5px; }
	.navbar-default .header-socials li {display: inline!important;}
	.feature-block li { width:100%;display:block;}
	.allinone_bannerRotator h1 {font-size: 24px;}
}

@media only screen and (max-width: 480px) { 
	.allinone_bannerRotator_texts .banner-content,
	.allinone_bannerRotator_texts .banner-button {display:none;}
}
@media only screen and (min-width: 540px) { 
	#header.white-header,
	.default-page #header.white-header { background: rgba(15, 24, 29, .75)/*#0f181d*/; border-bottom: 1px solid #030506;}
	.navbar-toggler { background-color: #fff; border: 1px solid #030506; padding-top:5px; }
	.navbar-default .header-socials li {display: inline!important;}
	.feature-block li {width:100%;display:block;}
	.allinone_bannerRotator h1 {font-size: 24px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.feature-block li { width: 33.3%; display:inline-block;}

}

/* Make dropdown visible on hover */
@media (min-width: 767px) {
	.allinone_bannerRotator h1 {font-size: 3.571em;}
	.dropdown > .dropdown-menu { position: absolute; top: 100%; left: auto; z-index: 1000; float: none; min-width: 150px; list-style: none; border: none; border-radius: 0; box-shadow: none; opacity: 0; display: block; visibility:hidden; transition: all  0.2s ease-in-out;}
	.dropdown:hover > .dropdown-menu { visibility:visible; display: block; opacity: 1; border-bottom-right-radius:  8px; border-bottom-left-radius: 8px; transition: all  0.2s ease-in-out; }
	.dropdown-menu a:hover { color: #b0a377;}
}

@media screen and (min-width: 768px) {
	.navbar-nav .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 19.666667%; flex: 0 0 19.666667%; max-width: 19.666667%; }
	.feature-block li { width: 33.3%; display:inline-block;}
	.inner-main-heading { font-size: 3.439em; }
	#header { border-bottom: 1px solid #000000;  background: none;  position: fixed;  top: 0;  left: 0;  right: 0; }
	#header.fixed-position .logo { padding-top: 22px;  padding-bottom: 22px; }
	.logo { width: 200px;  margin: 0;  float: left;  border-right: 1px solid #000000; }
	.logo a { width: 200px; }
	.logo img { width: 100%; }

	#header.fixed-position .logo { height: 70px; }
	#header.fixed-position .search-form .search-opener { display: none; }
	#header.fixed-position .search-form .search-wrap .search-opener { display: block; }
	#header.fixed-position .navbar-default .navbar-nav > li { padding-top: 25px; } 
	#header.fixed-position .navbar-default .navbar-nav > li .dropdown-menu { margin-top: 0; border-top: 1px solid transparent; }

	.default-page #header.white-header.fixed-position .navbar-default .v-divider,
	#header.white-header.fixed-position .navbar-default .v-divider { border-color: #000000; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav,
	#header.white-header.fixed-position .navbar-default .navbar-nav { border-right-color: #000000; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li > a,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li > a { color: #dbd3bc; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li > a:hover,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li > a:hover { color: #b0a377; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li.hover > a,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li.hover > a { color: #b0a377; }

	.dropdown-menu {background-color: rgba(23, 24, 28,.8);}
	.dropdown-menu a:hover {background-color: rgba(23, 24, 28,1);}
	.dropdown-item {padding: .75rem 1.5rem;}
	.dropdown-item.active,
	.dropdown-item:active { background-color: rgba(23, 24, 28,1)/* #16181b*/;}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {color: #fff; border-bottom:3px solid #fff; }
}

@media only screen and (min-width: 992px) { 
	.banner-text .center-text { margin: 0% 0;}
	.content-with-sidebar.content-both-sidebar #content { float: left;  margin-top: 0; }
	.inner-main-heading { font-size: 3.439em; }
	#header { border-bottom: 1px solid #000000;  background: none;  position: fixed;  top: 0;  left: 0;  right: 0; }
	#header.fixed-position .logo { padding-top: 17px;  padding-bottom: 22px; }
	.logo { width: 160px;  margin: 0;  float: left;  border-right: 1px solid #000000; }
	.logo a { width: 160px; }
	.logo img { width: 100%; }

	#header.fixed-position .logo { height: 70px; }
	#header.fixed-position .search-form .search-opener { display: none; }
	#header.fixed-position .search-form .search-wrap .search-opener { display: block; }
	#header.fixed-position .navbar-default .navbar-nav > li { padding-top: 25px; } 
	#header.fixed-position .navbar-default .navbar-nav > li .dropdown-menu { margin-top: 0; border-top: 1px solid transparent; }

	.default-page #header.white-header.fixed-position .navbar-default .v-divider,
	#header.white-header.fixed-position .navbar-default .v-divider { border-color: #000000; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav,
	#header.white-header.fixed-position .navbar-default .navbar-nav { border-right-color: #000000; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li > a,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li > a { color: #dbd3bc; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li > a:hover,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li > a:hover { color: #b0a377; }
	.default-page #header.white-header.fixed-position .navbar-default .navbar-nav > li.hover > a,
	#header.white-header.fixed-position .navbar-default .navbar-nav > li.hover > a { color: #b0a377; }

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {color: #fff; border-bottom:3px solid #fff; }
	.trip-info #tour-slide { position: fixed; top: 0; height: 80vh; left: 0; width: 50%; }
	.tab-container {background: #fff;}
	#footer > .container { padding-top: 50px; padding-bottom: 50px;}
	.trip-detail .text-box:before { top: 19px; font-size: 48px; }
	.trip-detail .text-box:before { font: 40px/1 'icomoon'; position: absolute; left: 10px; top: 10px; content: '\e957'; color: #adadad; }    
}



@media only screen and (min-width: 1025px) {
	#header.fixed-position { margin-top: 0; background: #252525; border-color: #181818; height: 70px; }
	#header.fixed-position .logo {border-right-color: #181818; }
	#header.fixed-position .logo a {width:98px;}
	#header.fixed-position .navbar-default .navbar-nav > li > a { height: 44px; }
	#header.fixed-position .navbar-default .navbar-nav > li > a:hover { color: #b0a377; }
	#header.fixed-position .navbar-default .navbar-nav > li > a:active { color: #b0a377; }
	#header.fixed-position .navbar-default .v-divider { border-left-color: #181818; }
	#header.fixed-position .search-form { top: 30px;}
	#header.fixed-position .search-form .search-opener { color: #9d9d9d;}
	#header.fixed-position .search-form .search-opener:hover { color: #b0a377;}

	.default-page #header.white-header.fixed-position,
	#header.white-header.fixed-position { /*background: #f8f8f8; border-bottom: 1px solid #e2e2e2;*/ background:#0f181d; /*#252525*/; border-bottom: 1px solid #030506;}
	.default-page #header.white-header.fixed-position .logo,
	#header.white-header.fixed-position .logo { border-right-color: #000000; }
	.default-page #header.white-header.fixed-position .logo .normal,
	#header.white-header.fixed-position .logo .normal { display: block; }
	.default-page #header.white-header.fixed-position .logo .gray-logo,
	#header.white-header.fixed-position .logo .gray-logo { display: block; }
	.default-page #header.white-header.fixed-position .search-form .search-opener,
	#header.white-header.fixed-position .search-form .search-opener { color: #5c5e62; }
	.default-page #header.white-header.fixed-position .search-form .search-opener:hover,
	#header.white-header.fixed-position .search-form .search-opener:hover { color: #000; }
	.default-page #header.white-header.fixed-position .search-form .search-opener.close,
	#header.white-header.fixed-position .search-form .search-opener.close { color: #fff; }
}

	
	
@media only screen and (min-width: 1230px) { 
	#header { height: 103px; background: rgba(51,51,51,.35);}
	#header.fixed-position { height: 70px; }
	#header.fixed-position .search-form { right: 50px; }
	.logo { width: 240px;  padding: 15px 15px 15px 15px; }
	.navbar-default { font-size:12px; }
	.navbar-default .navbar-nav > li { padding: 40px 15px 0; }
	.navbar-default .navbar-nav .v-divider { border-left: 1px solid #000000; -webkit-transition: all .2s linear; transition: all .2s linear; }
	.dropdown-menu {marign-top:0px;}
	.product-detail { padding-bottom: 90px; }
}

@media only screen and (max-width: 1280px) { 
	.navbar-default { font-size:12px; 
}
@media only screen and (min-width: 1230px) and (max-width: 1300px) { 
	.container { max-width: 1110px; }
}


@media only screen and (min-width: 1600px) {
	.banner-text h1 { margin-bottom: 30px;}
	.trip-info > .row { height: calc(80vh - 101px);} 
	.trip-info .text-col .holder { padding: 160px 20px 0px;}
}








/* ----------------------------------------------------------------------------
   ANIMATIONS
---------------------------------------------------------------------------- */
@-webkit-keyframes steam { 0% { height: 0; }
100% { height: 10px; }
}
@keyframes steam { 0% { height: 0; }
100% { height: 10px; }
}
@-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spinAround { from { -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg);  transform: rotate(360deg); }
}
@-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); }
50% { opacity: 0;  -webkit-transform: translate(-100%); }
51% { opacity: 1; }
}
@keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%);  transform: translate(100%); }
50% { opacity: 0;  -webkit-transform: translate(-100%);  transform: translate(-100%); }
51% { opacity: 1; }
}