@import url("/stylesheets/hover/hover.css");

.header .nav ul li {display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.header .nav ul li:after {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #4f4f4f; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.header .nav ul li:hover:after,
.header .nav ul li:focus:after,
.header .nav ul li:active:after {right: 0;}

#adv-custom-pager a {display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
#adv-custom-pager a:after {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #4f4f4f; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#adv-custom-pager a:hover:after,
#adv-custom-pager a:focus:after,
#adv-custom-pager a:active:after {right: 0;}

.box {display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
.box:hover,
.box:focus,
.box:active {box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}

.box .btn {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color;}
.box:hover .btn,
.box:focus .btn,
.box:active .btn {background-color: #2C5C91; color: white;}

.galleries a img {display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
.galleries a:hover img,
.galleries a:focus img,
.galleries a:active img {box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}

#contactform button {-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
#contactform button:after {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #4f4f4f; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#contactform button:hover:after,
#contactform button:focus:after,
#contactform button:active:after {right: 0;}
