/* GLOBAL */
/* GLOBAL CSS */
@media (max-width: 776px) {
.left-image-border {
border-top: 15px solid var(--white);
border-left: 15px solid var(--white);
border-bottom: 10px solid var(--white);
border-right: 15px solid var(--white);
}
.center-image-border {
border-top: 10px solid var(--white);
border-left: 15px solid var(--white);
border-bottom: 10px solid var(--white);
border-right: 15px solid var(--white);
}
.right-image-border {
border-top: 10px solid var(--white);
border-left: 15px solid var(--white);
border-bottom: 15px solid var(--white);
border-right: 15px solid var(--white);
}
}
@media (min-width: 777px) {
.left-image-border {
border-top: 15px solid var(--white);
border-left: 15px solid var(--white);
border-bottom: 15px solid var(--white);
border-right: 10px solid var(--white);
}
.center-image-border {
border-top: 15px solid var(--white);
border-left: 10px solid var(--white);
border-bottom: 15px solid var(--white);
border-right: 10px solid var(--white);
}
.right-image-border {
border-top: 15px solid var(--white);
border-left: 10px solid var(--white);
border-bottom: 15px solid var(--white);
border-right: 15px solid var(--white);
}
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
/* PAGE SPECIFIC */
/* PAGE SPECIFIC CSS */
#video .modal-header {
background: none;
}
#video .modal-content {
background: none;
border: none;
box-shadow: none;
}
.text-over-video {
position: relative;
z-index: 100;
/*top: 50%;*/
height: 100%;
padding: 40px;
background: rgba(0,0,0,0.5);
}
@media(min-width: 768px) and (max-width: 991px) {
.text-over-video {
/*transform: translateY(-100%);*/
margin-top: -40%;
}
}
@media(min-width: 992px) and (max-width: 1199px) {
.text-over-video {
/*transform: translateY(-105%);*/
margin-top: -40%;
}
}
@media(min-width: 1200px) {
.text-over-video {
/*transform: translateY(-120%);*/
margin-top: -40%;
}
}
/*FIRST TILE SECTION*/
.tile-one:hover,.tile-three-a:hover {
cursor: pointer;
}
.masonry-list {
/*left: 50%;*/
margin: auto;
/*position: absolute;*/
/*top: 50%;*/
width: 100%;
}
@media(max-width: 991px) {
.masonry-list li {
width: 50%;
}
.tile-six {
width: 100% !important;
}
}
@media(min-width: 992px) {
.tile-one,.tile-five {
width: 50%;
}
.tile-two,.tile-three-a,.tile-three-b,.tile-four,.tile-six {
width: 25%;
}
}
.masonry-list li {
float: left;
height: 320px;
overflow: hidden;
padding: 0 1px 1px 0;
}
.tile-three-a,.tile-three-b {
height: 160px !important;
}
.masonry-list li:focus a::after,.masonry-list li:hover a::after {
opacity: 1;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry-list li:focus .tile-primary-content img,.masonry-list li:hover .tile-primary-content img {
-moz-transform: scale3d(1.2,1.2,0);
-webkit-transform: scale3d(1.2,1.2,0);
transform: scale3d(1.2,1.2,0);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-moz-transition: -moz-transform 15000ms cubic-bezier(0,0,0.8,0.9);
-o-transition: -o-transform 15000ms cubic-bezier(0,0,0.8,0.9);
-webkit-transition: -webkit-transform 1500ms cubic-bezier(0,0,0.8,0.9);
transition: transform 15000ms cubic-bezier(0,0,0.8,0.9);
}
.masonry-list li:focus p,.masonry-list li:focus h2,.masonry-list li:focus .tile-secondary-content,.masonry-list li:hover p,.masonry-list li:hover h2,.masonry-list li:hover .tile-secondary-content {
opacity: 1;
}
.masonry-list li a::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1ODk4MTY1MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1ODk4MTY2MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjMwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNjQwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XrhZfAAAAiUlEQVR42qzT0QmAIBQFUJP8aYh2ah0XaYZogtzGJfrsdQUpi6z3tAtXUfHgjw0RqRiNbqogOs4GnVBbgii8xKAznbHhdZKGoUMdXWOlSDWULgK0lED3DS7UJ+f+SeZAnwgHYiFfEBt5g0RIDhqlSA46EM38HSs6oO7psM1c6lEv/cVV+QXZBRgAnat44PE4W1oAAAAASUVORK5CYII=);
bottom: 40px;
display: block;
height: 17px;
opacity: 0;
position: absolute;
right: 40px;
width: 100%;
-moz-transform: translate3d(-10px,-10px,0);
-webkit-transform: translate3d(-10px,-10px,0);
transform: translate3d(-10px,-10px,0);
-moz-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
}
.masonry-list li.tile-two:focus .tile-primary-content p,.masonry-list li.tile-two:hover .tile-primary-content p,.masonry-list li.tile-three-a:focus .tile-primary-content p,/*.masonry-list li.tile-three-a:hover .tile-primary-content p,*/.masonry-list li.tile-three-b:focus .tile-primary-content p,.masonry-list li.tile-three-b:hover .tile-primary-content p,.masonry-list li.tile-four:focus .tile-primary-content p,.masonry-list li.tile-four:hover .tile-primary-content p {
-moz-transform: translate3d(150%,0,0);
-webkit-transform: translate3d(150%,0,0);
transform: translate3d(150%,0,0);
-moz-transition: -moz-transform 300ms cubic-bezier(0,0,0.4,1);
-o-transition: -o-transform 300ms cubic-bezier(0,0,0.4,1);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0,0,0.4,1);
transition: transform 300ms cubic-bezier(0,0,0.4,1);
}
.masonry-list li.tile-two:focus .tile-secondary-content p,.masonry-list li.tile-two:hover .tile-secondary-content p,.masonry-list li.tile-three-a:focus .tile-secondary-content p,.masonry-list li.tile-three-a:hover .tile-secondary-content p,.masonry-list li.tile-three-b:focus .tile-secondary-content p,.masonry-list li.tile-three-b:hover .tile-secondary-content p,.masonry-list li.tile-four:focus .tile-secondary-content p,.masonry-list li.tile-four:hover .tile-secondary-content p {
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transition: -moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
-o-transition: -o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0,0,0.4,1);
-webkit-transition-delay: 150ms;
transition: transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}
.masonry-list li.tile-two .tile-primary-content p,.masonry-list li.tile-three-a .tile-primary-content p,.masonry-list li.tile-three-b .tile-primary-content p,.masonry-list li.tile-four .tile-primary-content p {
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transition: -moz-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
-o-transition: -o-transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0,0,0.4,1);
-webkit-transition-delay: 150ms;
transition: transform 300ms cubic-bezier(0,0,0.4,1) 150ms;
}
.masonry-list li.tile-two .tile-secondary-content p,.masonry-list li.tile-three-a .tile-secondary-content p,.masonry-list li.tile-three-b .tile-secondary-content p,.masonry-list li.tile-four .tile-secondary-content p {
opacity: 1;
-moz-transform: translate3d(-150%,0,0);
-webkit-transform: translate3d(-150%,0,0);
transform: translate3d(-150%,0,0);
-moz-transition: -moz-transform 300ms cubic-bezier(0,0,0.4,1);
-o-transition: -o-transform 300ms cubic-bezier(0,0,0.4,1);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0,0,0.4,1);
transition: transform 300ms cubic-bezier(0,0,0.4,1);
}
.masonry-list li.tile-two .tile-primary-content {
background-color: #71964f;
}
.masonry-list li.tile-three-a a::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
height: 22px;
opacity: 1;
width: 22px;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry-list li.tile-three-a .tile-primary-content {
background-color: #3b539b;
}
.masonry-list li.tile-three-b a::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
height: 22px;
opacity: 1;
width: 22px;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry-list li.tile-three-b .tile-primary-content {
background-color: #F5C21F;
}
.masonry-list li.tile-four a::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAlCAYAAADWSWD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NjFBNUYzMDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NjFBNUY0MDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2MUE1RjEwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY2MUE1RjIwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64QIJqAAADBklEQVR42syYS0hVURSG773aQxOxIsiyJOiBZTXsgZoURDRoEvQgokESTYygoCAQGtWkBlHWoFkFSUIFOimpKKyghF4SlBphpL0oeyikefpWLGEn55x7zr373nt++PB4Xvxn3bX3XnvFHceJZVF5UA2roBQmwltog8cQzIyYzgIT4AD0O97qhu0Qd3m+GI5A+b8gGxcKoRHyLBueAXed4GqGAvVRDWdgAG6OvdN8+W59qNGi4Wnw0gmvHvhu/D8IC9xMXzduOmUp4s1O+hqBrfo+8TQzYaT3UuO4Hi7D5DQGXQ1sTnPgfoQ6GILT8BBGzKh8c/nKZ1CRYpSbLER52Dj+BSvGp0efx4Ny837ID2E44RGEVCUe1rvl9O0kD3bCxoCmyywalmlytfl+M6fbkuTXYmiFJ7ArSb5PtbggVcF980TcWBFnwRtdpYLoB7TAVWiH98a12fDOkukSGPAyLToGh1N8eS88VbP90AAJC6YLdfbwNC1RvqO1QRQ0qvXKf0oYhUyTFjOb4FZETPe6nRwz/QdqdTDKjWWBK67MqsvPtOiR/pVZYaGkTgRMv0hmuiUWPbW7nTQHYqH+HKURGoSSpn1+kR6EPRHJZdEDN8Mxl3lUUuRgRExf8boQ99gj7tRSsDhHhmUxmQufg0R6TBdgEZyATzkwfcnLsF+kD0G5ftQ8WAv5WTI8rMVZl9cNXkZ64HiOUuO8n2G/SMe1BqnJsmHZXi3xSw2/nJYv2WGxvAyqfckMx5KUjmJ4DXRmyfBFLdqsdJgmQQN8dTKnDm0WBdqDxkP08go0x1fCFh3hNvRKf9H+oA+E2VkMaQEjC06FJcOvYV0Yw2EakJIie6HXYkrc0z5f6J6K30Xpc1TBSfhg0ewonNVApNRuk8WlErbBby1PpTSdD8thSga2T9LmupHWW9R9JVzTKGRC0m06CkU2urHjTyyDc9oPtqHnUA8lNnveXlOe7BM3KLUh9ow/oUN38616bF1B5+kinZfnwHSj7SUV2Redsrq10BrN9NL5V4ABAAD4zZE8N0pmAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
height: 37px;
opacity: 1;
width: 100%;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry-list li.tile-four .tile-primary-content {
background-color: #00afe0;
}
.masonry-list li.tile-one .tile-primary-content,.masonry-list li.tile-six .tile-primary-content,.masonry-list li.tile-five .tile-primary-content {
padding: 0;
}
.masonry-list li.tile-one .tile-secondary-content,.masonry-list li.tile-six .tile-secondary-content,.masonry-list li.tile-five .tile-secondary-content {
background-color: rgba(0,0,0,0.7);
-moz-transition: opacity 100ms ease-out;
-o-transition: opacity 100ms ease-out;
-webkit-transition: opacity 100ms ease-out;
transition: opacity 100ms ease-out;
}
.masonry-list li.tile-six a::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQzVFRUY1MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQzVFRUY2MDdEOTExRTM5OTE1QjgyMDNBNDBFQkE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFBODJDMDAwN0Q2MTFFMzk5MTVCODIwM0E0MEVCQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVDNUVFRjQwN0Q5MTFFMzk5MTVCODIwM0E0MEVCQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48Qmb2AAAAuklEQVR42uyTMQ7CMAxF7QTlpJygZ2DNyAILA4ip3I8Bgi3Z1A20IVRIDPnSX9Lk/Z8mwZQSiBz5DsuEwrkpkOXJJ3JcCN6Rj8IDoOaefE6DIu+m0kjeGwbzvJOUYBp0lTvQxmszdtXm7EDu01jxi8asg/wNsBNrA2bBObwmoAh+B58K2GRztiXwFFwDLhnAfi+C2WgeUa7wPPXhVqjsopU+mpdrNAPPIfjB+EgOfqgGb/AG/2f4Q4ABALW94ZuwtKIxAAAAAElFTkSuQmCC);
height: 22px;
width: 100%;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry-list li.tile-six a:focus .tile-primary-content,.masonry-list li.tile-six a:hover .tile-primary-content {
background-color: transparent;
}
.masonry-list li.tile-six a:focus .tile-primary-content img,.masonry-list li.tile-six a:hover .tile-primary-content img {
-moz-transform: scale3d(1,1,1);
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.masonry-list li.tile-six .tile-primary-content {
background-color: #604951;
-moz-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
-webkit-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out;
}
.masonry-list a,.masonry-list button {
color: #fff;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.masonry-list .tile-primary-content,.masonry-list .tile-secondary-content {
bottom: 0;
left: 0;
overflow: hidden;
padding: 40px;
position: absolute;
right: 0;
top: 0;
}
.masonry-list .tile-primary-content {
background-color: #a49058;
}
.masonry-list .tile-primary-content img {
width: 100%;
-moz-transform: scale3d(1,1,1);
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-moz-transition: -moz-transform 200ms ease-out;
-o-transition: -o-transform 200ms ease-out;
-webkit-transition: -webkit-transform 200ms ease-out;
transition: transform 200ms ease-out;
}
.masonry-list .tile-secondary-content {
opacity: 0;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
-webkit-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.masonry-list .tile-secondary-content p,.masonry-list .tile-secondary-content h2 {
opacity: 0;
-moz-transition: opacity 200ms ease-in 100ms;
-o-transition: opacity 200ms ease-in 100ms;
-webkit-transition: opacity 200ms ease-in;
-webkit-transition-delay: 100ms;
transition: opacity 200ms ease-in 100ms;
}
.masonry-list p,.masonry-list h2 {
text-transform: uppercase;
}
.masonry-list h2 {
font-size: 16px;
margin: 0;
position: absolute;
}
.masonry-list p {
font-size: 28px;
font-weight: 300;
line-height: 1.1em;
margin: 1em 0 0;
}
*,:before,:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-font-smoothing: antialiased;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.masonry-list img {
width: 100%;
}
/*SECOND TILE SECTION*/
.masonry-list-2 {
/*left: 50%;*/
margin: auto;
/*position: absolute;*/
/*top: 50%;*/
width: 100%;
}
@media(max-width: 767px) {
.masonry-list-2 li {width: 50%; padding: 10px;}
}
@media(min-width: 768px) {
.masonry-list-2 li {padding: 15px}
.tile-case {width: 60%}
.tile-job, .tile-facebook {width: 40%}
}
.masonry-list-2 li {
float: left;
overflow: hidden;
}
.tile-case {height: 450px}
.tile-job, .tile-facebook {height: 225px}
.masonry-list-2 li:focus a::after, .masonry-list-2 li:hover a::after {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.masonry-list-2 li:focus .tile-primary-content img, .masonry-list-2 li:hover .tile-primary-content img {
-moz-transform: scale3d(1.2, 1.2, 0);
-webkit-transform: scale3d(1.2, 1.2, 0);
transform: scale3d(1.2, 1.2, 0);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-moz-transition: -moz-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
-o-transition: -o-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
-webkit-transition: -webkit-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
transition: transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
}
.masonry-list-2 li:focus p,
.masonry-list-2 li:focus h2,
.masonry-list-2 li:focus .tile-secondary-content, .masonry-list-2 li:hover p,
.masonry-list-2 li:hover h2,
.masonry-list-2 li:hover .tile-secondary-content {
opacity: 1;
}
.masonry-list-2 li a::after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1ODk4MTY1MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1ODk4MTY2MDNBQTExRTNBN0U2RjUyQkFDMTgxQjI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjMwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNjQwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XrhZfAAAAiUlEQVR42qzT0QmAIBQFUJP8aYh2ah0XaYZogtzGJfrsdQUpi6z3tAtXUfHgjw0RqRiNbqogOs4GnVBbgii8xKAznbHhdZKGoUMdXWOlSDWULgK0lED3DS7UJ+f+SeZAnwgHYiFfEBt5g0RIDhqlSA46EM38HSs6oO7psM1c6lEv/cVV+QXZBRgAnat44PE4W1oAAAAASUVORK5CYII=");
bottom: 40px;
display: block;
height: 17px;
opacity: 0;
position: absolute;
right: 40px;
width: 17px;
-moz-transform: translate3d(-10px, -10px, 0);
-webkit-transform: translate3d(-10px, -10px, 0);
transform: translate3d(-10px, -10px, 0);
-moz-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
}
.masonry-list-2 li.tile-job:focus .tile-primary-content p, .masonry-list-2 li.tile-job:hover .tile-primary-content p, .masonry-list-2 li.tile-facebook:focus .tile-primary-content p, .masonry-list-2 li.tile-facebook:hover .tile-primary-content p, .masonry-list-2 li.tile-twitter:focus .tile-primary-content p, .masonry-list-2 li.tile-twitter:hover .tile-primary-content p {
-moz-transform: translate3d(150%, 0, 0);
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
-moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
transition: transform 300ms cubic-bezier(0, 0, 0.4, 1);
}
.masonry-list-2 li.tile-job:focus .tile-secondary-content p, .masonry-list-2 li.tile-job:hover .tile-secondary-content p, .masonry-list-2 li.tile-facebook:focus .tile-secondary-content p, .masonry-list-2 li.tile-facebook:hover .tile-secondary-content p, .masonry-list-2 li.tile-twitter:focus .tile-secondary-content p, .masonry-list-2 li.tile-twitter:hover .tile-secondary-content p {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
-o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-webkit-transition-delay: 150ms;
transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
}
.masonry-list-2 li.tile-job .tile-primary-content p, .masonry-list-2 li.tile-facebook .tile-primary-content p, .masonry-list-2 li.tile-twitter .tile-primary-content p {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
-o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-webkit-transition-delay: 150ms;
transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
}
.masonry-list-2 li.tile-job .tile-secondary-content p, .masonry-list-2 li.tile-facebook .tile-secondary-content p, .masonry-list-2 li.tile-twitter .tile-secondary-content p {
opacity: 1;
-moz-transform: translate3d(-150%, 0, 0);
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
-moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
transition: transform 300ms cubic-bezier(0, 0, 0.4, 1);
}
.masonry-list-2 li.tile-job .tile-primary-content {
background-color: #71964f;
}
.masonry-list-2 li.tile-facebook a::after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAtCAYAAACqCZtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwNjIyOTMwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzcwNjIyOTIwM0FFMTFFM0E3RTZGNTJCQUMxODFCMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU4OTgxNjkwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU4OTgxNkEwM0FBMTFFM0E3RTZGNTJCQUMxODFCMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61fp6rAAAA6klEQVR42uyUvQrCMBRGk1rcHHQQ3XVyESdx1CdwcPLxnH0H8QGcVKiDIOJkFezqT/wiXVp6k1bJIveDAy1ND7e5uZVKKVEwFVAGr/g+As/0Ij+HqAQmYAoGoJax5gHOIAR7sBC6YgNtsFLFMzdV3AJL0BDFs/aIBxLMvpTqbCnxCPTF99lQ4vEP0jsIqD3u5ZTcwDE+bnXQBLuPnDgNB0vXAzAEXuq9Kujqa0kMSBQPApWObpDpUyixbRylbY884SgsTohVBrYoAydXFYeuxBdX4iuLE83zibnnfwWLWcxiFrOYxX8rfgswAKPozlRQdflcAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
height: 45px;
opacity: 1;
width: 100%;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.masonry-list-2 li.tile-facebook .tile-primary-content {
background-color: #3b539b;
}
.masonry-list-2 li.tile-twitter a::after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAlCAYAAADWSWD3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NjFBNUYzMDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2NjFBNUY0MDM2QjExRTM4MUJDQzRENjgzQjYxOEVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2MUE1RjEwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzY2MUE1RjIwMzZCMTFFMzgxQkNDNEQ2ODNCNjE4RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64QIJqAAADBklEQVR42syYS0hVURSG773aQxOxIsiyJOiBZTXsgZoURDRoEvQgokESTYygoCAQGtWkBlHWoFkFSUIFOimpKKyghF4SlBphpL0oeyikefpWLGEn55x7zr373nt++PB4Xvxn3bX3XnvFHceJZVF5UA2roBQmwltog8cQzIyYzgIT4AD0O97qhu0Qd3m+GI5A+b8gGxcKoRHyLBueAXed4GqGAvVRDWdgAG6OvdN8+W59qNGi4Wnw0gmvHvhu/D8IC9xMXzduOmUp4s1O+hqBrfo+8TQzYaT3UuO4Hi7D5DQGXQ1sTnPgfoQ6GILT8BBGzKh8c/nKZ1CRYpSbLER52Dj+BSvGp0efx4Ny837ID2E44RGEVCUe1rvl9O0kD3bCxoCmyywalmlytfl+M6fbkuTXYmiFJ7ArSb5PtbggVcF980TcWBFnwRtdpYLoB7TAVWiH98a12fDOkukSGPAyLToGh1N8eS88VbP90AAJC6YLdfbwNC1RvqO1QRQ0qvXKf0oYhUyTFjOb4FZETPe6nRwz/QdqdTDKjWWBK67MqsvPtOiR/pVZYaGkTgRMv0hmuiUWPbW7nTQHYqH+HKURGoSSpn1+kR6EPRHJZdEDN8Mxl3lUUuRgRExf8boQ99gj7tRSsDhHhmUxmQufg0R6TBdgEZyATzkwfcnLsF+kD0G5ftQ8WAv5WTI8rMVZl9cNXkZ64HiOUuO8n2G/SMe1BqnJsmHZXi3xSw2/nJYv2WGxvAyqfckMx5KUjmJ4DXRmyfBFLdqsdJgmQQN8dTKnDm0WBdqDxkP08go0x1fCFh3hNvRKf9H+oA+E2VkMaQEjC06FJcOvYV0Yw2EakJIie6HXYkrc0z5f6J6K30Xpc1TBSfhg0ewonNVApNRuk8WlErbBby1PpTSdD8thSga2T9LmupHWW9R9JVzTKGRC0m06CkU2urHjTyyDc9oPtqHnUA8lNnveXlOe7BM3KLUh9ow/oUN38616bF1B5+kinZfnwHSj7SUV2Redsrq10BrN9NL5V4ABAAD4zZE8N0pmAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
height: 37px;
opacity: 1;
width: 100%;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.masonry-list-2 li.tile-twitter .tile-primary-content {
background-color: #00afe0;
}
.masonry-list-2 li.tile-case .tile-primary-content, .masonry-list-2 li.tile-client .tile-primary-content, .masonry-list-2 li.tile-person .tile-primary-content {
padding: 0;
}
.masonry-list-2 li.tile-case .tile-secondary-content, .masonry-list-2 li.tile-client .tile-secondary-content, .masonry-list-2 li.tile-facebook .tile-secondary-content {
background-color: rgba(0, 0, 0, 0.7);
-moz-transition: opacity 100ms ease-out;
-o-transition: opacity 100ms ease-out;
-webkit-transition: opacity 100ms ease-out;
transition: opacity 100ms ease-out;
}
.masonry-list-2 a,
.masonry-list-2 button {
color: white;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.masonry-list-2 .tile-primary-content,
.masonry-list-2 .tile-secondary-content {
bottom: 0;
left: 0;
overflow: hidden;
padding: 40px;
position: absolute;
right: 0;
top: 0;
}
.masonry-list-2 .tile-primary-content {
background-color: #a49058;
}
.masonry-list-2 .tile-primary-content img {
width: 100%;
-moz-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-moz-transition: -moz-transform 200ms ease-out;
-o-transition: -o-transform 200ms ease-out;
-webkit-transition: -webkit-transform 200ms ease-out;
transition: transform 200ms ease-out;
}
.masonry-list-2 .tile-secondary-content {
opacity: 0;
-moz-transition: opacity 250ms ease-out;
-o-transition: opacity 250ms ease-out;
-webkit-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.masonry-list-2 .tile-secondary-content p,
.masonry-list-2 .tile-secondary-content h2 {
opacity: 0;
-moz-transition: opacity 200ms ease-in 100ms;
-o-transition: opacity 200ms ease-in 100ms;
-webkit-transition: opacity 200ms ease-in;
-webkit-transition-delay: 100ms;
transition: opacity 200ms ease-in 100ms;
}
.masonry-list-2 p,
.masonry-list-2 h2 {
text-transform: uppercase;
}
.masonry-list-2 h2 {
font-size: 16px;
margin: 0;
position: absolute;
}
.masonry-list-2 p {
font-size: 28px;
font-weight: 300;
line-height: 1.1em;
margin: 1em 0 0;
}
/* FOOTER */