html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strong, em, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type: none;} html, body { width: 100%; height: 100%; }
a { text-decoration: none; outline: none; }
input,
input:focus { border: none; outline: none; }
img, iframe { display: block; }
h1, h2, h3, h4, h5 { line-height: 1.1em; }
header, footer, nav, section, article { display: block; }
strong { font-weight: bold; }
em { font-style: italic; }
.hidden-title { display: none; } a, a span {
-webkit-transition-duration: .45s;
-webkit-transition-property: color, border-color, background, opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color, border-color, background, opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out'
}
.special-font-oswald {
font-family: 'Barlow', sans-serif
}
.special-font-anonymous {
font-family: 'Poppins', sans-serif
}
.special-font-roboto {
font-family: 'Roboto Condensed', sans-serif
}
.clearer {
overflow: hidden;
clear: both;
float: none;
width: 100%;
height: 1px
}
html {
color: #1d1d1d;
font-size: 12px;
background: #edede6;
}
::-moz-selection {
background-color: rgba(194, 148, 94, .3) !important
}
::selection {
background-color: rgba(194, 148, 94, .3) !important
}
#loading-mask {
display: block;
position: fixed;
left: 0;
top: 0;
background: #ebebeb;
width: 100%;
height: 100%;
z-index: 999;
}
#wrapper {
overflow: hidden;
padding-bottom: 598px;
min-width: 980px
}
#wrapper>section {
overflow: hidden;
position: relative;
z-index: 700
}
#wrapper>section>div {
overflow: hidden
}
#wrapper .centered {
position: relative;
margin: 0 auto;
width: 80%;
max-width: 1375px
}
#wrapper .no-anim * {
-webkit-transition-duration: 0s !important;
-webkit-transition-delay: 0s !important;
transition-duration: 0s !important;
transition-delay: 0s !important
}
#wrapper .hover-effect-1 .effect {
-webkit-transition-duration: .45s;
-webkit-transition-property: all;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: all;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
display: block;
position: relative;
background: #fff;
height: 65px
}
#wrapper .hover-effect-1 .effect::before {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
font-family: 'Poppins', sans-serif;
-webkit-transform: rotatex(-90deg);
transform: rotatex(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
content: attr(data-hover);
display: block;
position: absolute;
left: 0;
top: 100%;
font-size: 14px;
line-height: 65px;
padding: 0 25px;
background: #666;
width: 100%;
height: 100%;
z-index: 2;
font-weight: 500;
}
#wrapper .hover-effect-1:hover .effect {
-webkit-transform: rotatex(90deg);
transform: rotatex(90deg)
}
#wrapper .hover-effect-1:hover .effect::before {
background: #ebebeb
}
#wrapper #slider-container-squares {
overflow: hidden;
position: fixed;
left: 0;
top: 0;
background: #edede6;
width: 100%;
height: 100%;
z-index: 600
}
#wrapper #slider-container-squares>.slider-arrows {
position: absolute;
left: -5000px;
top: -5000px
}
#wrapper #slider-container-squares>.slider-controls {
display: none
}
#wrapper #slider-container-squares>.slider {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
#wrapper #slider-container-squares>.slider>ul {
perspective: 1080px;
-webkit-perspective: 1080px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
#wrapper #slider-container-squares>.slider>ul>li {
-webkit-transition-duration: 1.65s;
-webkit-transition-property: transform;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: 1.65s;
transition-property: transform;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
-webkit-transform: translate3d(0px, 0px, 360px);
transform: translate3d(0px, 0px, 360px);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
#wrapper #slider-container-squares>.slider>ul>li>.slice {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 34%;
height: 51%;
z-index: 1
}
#wrapper #slider-container-squares>.slider>ul>li>.slice>div {
-webkit-transition-duration: .9s;
-webkit-transition-property: left;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .9s;
transition-property: left;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
-webkit-transition-timing-function: cubic-bezier(0.7, 0, .3, 1);
transition-timing-function: cubic-bezier(0.7, 0, .3, 1);
overflow: hidden;
position: relative;
left: 0;
background: #111;
width: 100%;
height: 100%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice>div>div {
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
width: 296%;
height: 196%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice>div>div>div {
-webkit-transition-duration: 1.65s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: 1.65s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
position: relative;
background: #111;
width: 100%;
height: 100%;
opacity: .3;
filter: alpha(opacity=30)
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(4)>div {
transition-delay: .15s;
-webkit-transition-delay: .15s
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(2)>div, #wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(4)>div {
transition-delay: .3s;
-webkit-transition-delay: .3s
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(5)>div {
transition-delay: .45s;
-webkit-transition-delay: .45s
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(3)>div {
transition-delay: .6s;
-webkit-transition-delay: .6s
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(6)>div {
transition-delay: .75s;
-webkit-transition-delay: .75s
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(2) {
left: 33%;
z-index: 2
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(2)>div>div {
left: -97%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(3) {
left: 66%;
z-index: 3
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(3)>div>div {
left: -194%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(4) {
top: 50%;
z-index: 4
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(4)>div>div {
top: -98%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(5) {
left: 33%;
top: 50%;
z-index: 5
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(5)>div>div {
left: -97%;
top: -98%
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(6) {
left: 66%;
top: 50%;
z-index: 6
}
#wrapper #slider-container-squares>.slider>ul>li>.slice:nth-child(6)>div>div {
left: -194%;
top: -98%
}
#wrapper #slider-container-squares>.slider>ul>li>.blur {
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0
}
#wrapper #slider-container-squares>.slider>ul>li.active {
z-index: 2
}
#wrapper #slider-container-squares>.slider>ul>li.active>.slice>div {
left: 0
}
#wrapper #slider-container-squares>.slider>ul>li.leaving {
z-index: 3
}
#wrapper #slider-container-squares>.slider>ul>li.leaving>.slice>div {
left: -100%
}
#wrapper #slider-container-squares>.slider>ul>li.active, #wrapper #slider-container-squares>.slider>ul>li.leaving {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
#wrapper #slider-container-squares>.slider>ul>li.active>.slice>div>div>div, #wrapper #slider-container-squares>.slider>ul>li.leaving>.slice>div>div>div {
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #slider-container-squares.t-scale>.slider>ul>li {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
#wrapper #slider-container-squares.t-scale>.slider>ul>li.active, #wrapper #slider-container-squares.t-scale>.slider>ul>li.leaving {
-webkit-transform: scale(1);
transform: scale(1)
}
#wrapper #slider-container-squares>.card-container {
position: absolute;
right: 30px;
bottom: 30px;
width: 480px;
z-index: 30
}
#wrapper #slider-container-squares>.card-container>div>div {
width: 432px
}
#wrapper #slider-container-squares>.card-container .content {
position: relative
}
#wrapper #slider-container-squares>.card-container h2 {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.35s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.35s;
transition-timing-function: 'ease-in-out';
position: relative;
color: transparent;
margin: 0 59px
}
#wrapper #slider-container-squares>.card-container h2 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #slider-container-squares>.card-container h2 .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 18px;
line-height: 50px;
padding: 17px 25px 0;
white-space: nowrap
}
#wrapper #slider-container-squares>.card-container h2 .border>div {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper #slider-container-squares>.card-container .infos {
overflow: hidden;
position: relative;
margin: 0 59px;
height: 0
}
#wrapper #slider-container-squares>.card-container .infos>.text {
position: relative;
padding: 25px 25px 35px
}
#wrapper #slider-container-squares>.card-container .infos>.text p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #slider-container-squares>.card-container .infos>.text p+p {
padding-top: 20px
}
#wrapper #slider-container-squares>.card-container .infos>.text .share {
position: absolute;
left: 25px;
bottom: 30px
}
#wrapper #slider-container-squares>.card-container .infos>.text .share>li {
float: left;
padding-right: 25px
}
#wrapper #slider-container-squares>.card-container .infos>.text .share>li a {
display: block;
text-indent: -5000px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/gallery_share-icons.png) no-repeat 0 0;
width: 36px;
height: 34px
}
#wrapper #slider-container-squares>.card-container .infos>.text .share>li a:hover {
opacity: .4;
filter: alpha(opacity=40)
}
#wrapper #slider-container-squares>.card-container .infos>.text .share>li.twitter a {
background-position: -36px 0
}
#wrapper #slider-container-squares>.card-container .infos>.text .share>li.pinterest a {
background-position: -72px 0
}
#wrapper #slider-container-squares>.card-container .menu {
overflow: hidden;
margin: 0 59px
}
#wrapper #slider-container-squares>.card-container .menu>li {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
float: left;
overflow: hidden;
position: relative;
width: 50%
}
#wrapper #slider-container-squares>.card-container .menu>li a {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.45s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.45s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
-webkit-backface-visibility: hidden;
display: block;
position: relative;
color: #1d1d1d;
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: .65em;
line-height: 65px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #slider-container-squares>.card-container .menu>li a .effect::before {
font-family: 'Barlow', sans-serif;
font-size: 13px;
text-align: center;
letter-spacing: .65em;
padding: 0
}
#wrapper #slider-container-squares>.card-container .menu>li a .border>div {
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s
}
#wrapper #slider-container-squares>.card-container .menu>li.btn-infos a {
transition-delay: 1.55s;
-webkit-transition-delay: 1.55s
}
#wrapper #slider-container-squares>.card-container .menu>li.btn-infos a .border>div {
transition-delay: 1.3s;
-webkit-transition-delay: 1.3s
}
#wrapper #slider-container-squares>.card-container .menu>li.btn-infos-close {
display: none
}
#wrapper #slider-container-squares>.card-container .btn-previous {
display: block;
position: absolute;
left: 0;
bottom: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-previous.png) repeat-x center center;
width: 59px;
height: 100%
}
#wrapper #slider-container-squares>.card-container .btn-previous .small {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
color: transparent;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #slider-container-squares>.card-container .btn-previous:hover {
background-position: -58px center
}
#wrapper #slider-container-squares>.card-container .btn-next {
display: block;
position: absolute;
right: 0;
bottom: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-next.png) repeat-x center center;
width: 59px;
height: 100%
}
#wrapper #slider-container-squares>.card-container .btn-next .small {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
color: transparent;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #slider-container-squares>.card-container .btn-next:hover {
background-position: 58px center
}
#wrapper #slider-container-squares>.card-container.loaded h2, #wrapper #slider-container-squares>.card-container.loaded .btn-previous .small, #wrapper #slider-container-squares>.card-container.loaded .btn-next .small {
color: #1d1d1d
}
#wrapper #slider-container-squares>.card-container.loaded .menu li a {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #slider-container-squares>.btn-back {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 25;
cursor: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/gallery_cursor.png) 21 21, auto
}
#wrapper .text-grid {
position: relative
}
#wrapper .text-grid>.line {
overflow: hidden;
margin-left: -4.5%;
margin-bottom: 20px;
width: 100%
}
#wrapper .text-grid>.line>div {
float: left;
position: relative;
width: 9.09%;
height: 100px
}
#wrapper .text-grid>.line>div>span {
-webkit-transition-duration: .45s;
-webkit-transition-property: padding-top;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: padding-top;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 0;
top: 50%;
color: #1D1D1D;
font-size: 70px;
text-align: center;
text-transform: uppercase;
line-height: 100px;
margin-top: -50px;
padding-top: 100%;
width: 100%;
}
#wrapper .text-grid>.line>div.white>span {
color: #BE1E2D;
}
#wrapper .text-grid>.line>div:nth-child(2)>span {
transition-delay: .1s;
-webkit-transition-delay: .1s
}
#wrapper .text-grid>.line>div:nth-child(3)>span {
transition-delay: .2s;
-webkit-transition-delay: .2s
}
#wrapper .text-grid>.line>div:nth-child(4)>span {
transition-delay: .3s;
-webkit-transition-delay: .3s
}
#wrapper .text-grid>.line>div:nth-child(5)>span {
transition-delay: .4s;
-webkit-transition-delay: .4s
}
#wrapper .text-grid>.line>div:nth-child(6)>span {
transition-delay: .5s;
-webkit-transition-delay: .5s
}
#wrapper .text-grid>.line>div:nth-child(7)>span {
transition-delay: .6s;
-webkit-transition-delay: .6s
}
#wrapper .text-grid>.line>div:nth-child(8)>span {
transition-delay: .7s;
-webkit-transition-delay: .7s
}
#wrapper .text-grid>.line>div:nth-child(9)>span {
transition-delay: .8s;
-webkit-transition-delay: .8s
}
#wrapper .text-grid>.line>div:nth-child(10)>span {
transition-delay: .9s;
-webkit-transition-delay: .9s
}
#wrapper .text-grid>.line>div:nth-child(11)>span {
transition-delay: 1s;
-webkit-transition-delay: 1s
}
#wrapper .text-grid>.line.loaded>div>span {
padding-top: 0
}
#wrapper .card-container {
position: relative;
z-index: 10
}
#wrapper .card-container.loaded { transition-duration: .75s;
transition-property: width;
transition-delay: 0s;
}
#wrapper .card-container>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: width;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: width, background, box-shadow;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: relative; width: 0; }
#wrapper .card-container>div>div {
position: relative;
margin: 20px;
padding: 4px
}
#wrapper .card-container>div>div .frame {
position: absolute
}
#wrapper .card-container>div>div .frame>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: width, height;
-webkit-transition-delay: .75s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: width, height;
transition-delay: .75s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: absolute;
background: #1d1d1d
}
#wrapper .card-container>div>div .frame.top {
left: 0;
top: 0;
width: 100%;
height: 4px
}
#wrapper .card-container>div>div .frame.top>div {
left: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .card-container>div>div .frame.right {
right: 0;
top: 0;
width: 4px;
height: 100%
}
#wrapper .card-container>div>div .frame.right>div {
left: 0;
top: 0;
width: 100%;
height: 0
}
#wrapper .card-container>div>div .frame.bottom {
right: 0;
bottom: 0;
width: 100%;
height: 4px
}
#wrapper .card-container>div>div .frame.bottom>div {
right: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .card-container>div>div .frame.left {
left: 0;
bottom: 0;
width: 4px;
height: 100%
}
#wrapper .card-container>div>div .frame.left>div {
left: 0;
bottom: 0;
width: 100%;
height: 0
}
#wrapper .card-container>div>div .border {
position: absolute;
z-index: 15
}
#wrapper .card-container>div>div .border>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: width, height;
-webkit-transition-delay: 1s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: width, height;
transition-delay: 1s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: absolute;
background: #595959
}
#wrapper .card-container>div>div .border.top {
left: 0;
top: 0;
width: 100%;
height: 2px
}
#wrapper .card-container>div>div .border.top>div {
left: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .card-container>div>div .border.right {
right: 0;
top: 0;
width: 2px;
height: 100%
}
#wrapper .card-container>div>div .border.right>div {
left: 0;
top: 0;
width: 100%;
height: 0
}
#wrapper .card-container>div>div .border.bottom {
right: 0;
bottom: 0;
width: 100%;
height: 2px
}
#wrapper .card-container>div>div .border.bottom>div {
right: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .card-container>div>div .border.left {
left: 0;
bottom: 0;
width: 2px;
height: 100%
}
#wrapper .card-container>div>div .border.left>div {
left: 0;
bottom: 0;
width: 100%;
height: 0
}
#wrapper .card-container>div>div .content {
position: relative
}
#wrapper .card-container.loaded>div {
width: 100%;
background: #fff;
box-shadow: 0px 3px 36px #00000014;
}
#wrapper .card-container.loaded>div>div .frame>div {
width: 100%;
height: 100%
}
#wrapper .card-container.loaded>div>div .border>div {
width: 100%;
height: 100%
}
#wrapper .card-container.loaded>div>div .content>* {
color: #1d1d1d
}
#wrapper .card-container.home {
position: absolute;
left: 50%;
top: 50%;
margin-left: -278px;
margin-top: -168px;
width: 557px;
z-index: 50;
cursor: default
}
#wrapper .card-container.home>div>div {
width: 509px;
height: 289px
}
#wrapper .card-container.home h2 {
position: relative;
width: 100%
}
#wrapper .card-container.home h2 .logo {
display: block;
text-indent: -5000px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_logo.png) no-repeat 0 0; height: 158px;
}
#wrapper .card-container.home h2 .btn-lang {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 40px;
top: 0;
color: #1d1d1d;
font-size: 13px;
text-transform: uppercase;
margin: 13px 20px;
border-bottom: 1px solid transparent
}
#wrapper .card-container.home h2 .btn-lang:hover {
border-color: #1d1d1d
}
#wrapper .card-container.home h3 {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.35s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.35s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: relative;
color: transparent;
padding-bottom: 1px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1-small-dark.png) no-repeat 261px 12px
}
#wrapper .card-container.home h3>span {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 14px;
text-transform: uppercase;
line-height: 40px;
letter-spacing: .65em
}
#wrapper .card-container.home h3>span.left {
float: left;
padding-left: 35px
}
#wrapper .card-container.home h3>span.right {
float: right;
padding-right: 35px
}
#wrapper .card-container.home h3 .border>div {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper .card-container.home .menu {
overflow: hidden;
margin: 0 59px
}
#wrapper .card-container.home .menu>li {
float: left;
position: relative
}
#wrapper .card-container.home .menu>li>a {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.45s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.45s;
transition-timing-function: 'ease-in-out';
-webkit-backface-visibility: hidden;
display: block;
overflow: hidden;
position: relative;
color: #1d1d1d;
height: 65px;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper .card-container.home .menu>li>a>span .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper .card-container.home .menu>li>a>span .big {
-webkit-transition-duration: .45s;
-webkit-transition-property: margin-top, background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: margin-top, background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
position: relative;
font-size: 15px;
text-align: center;
line-height: 50px;
font-weight: 500;
}
#wrapper .card-container.home .menu>li>a>span .big>span {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 0 0;
white-space: nowrap;
}
#wrapper .card-container.home .menu>li>a>span::before {
text-align: center;
padding: 0
}
#wrapper .card-container.home .menu>li .border>div {
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s
}
#wrapper .card-container.home .menu>li:nth-child(1) {
width: 33%
}
#wrapper .card-container.home .menu>li:nth-child(2) {
width: 22%
}
#wrapper .card-container.home .menu>li:nth-child(2)>a {
transition-delay: 1.55s;
-webkit-transition-delay: 1.55s
}
#wrapper .card-container.home .menu>li:nth-child(2) .border>div {
transition-delay: 1.3s;
-webkit-transition-delay: 1.3s
}
#wrapper .card-container.home .menu>li:nth-child(3) {
width: 45%
}
#wrapper .card-container.home .menu>li:nth-child(3)>a {
transition-delay: 1.65s;
-webkit-transition-delay: 1.65s
}
#wrapper .card-container.home .menu>li:nth-child(3) .border>div {
transition-delay: 1.4s;
-webkit-transition-delay: 1.4s
}
#wrapper .card-container.home .menu>li:nth-child(4) {
width: 50%
}
#wrapper .card-container.home .menu>li:nth-child(4)>a {
transition-delay: 1.75s;
-webkit-transition-delay: 1.75s
}
#wrapper .card-container.home .menu>li:nth-child(4) .border>div {
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s
}
#wrapper .card-container.home .menu>li:nth-child(5) {
width: 50%
}
#wrapper .card-container.home .menu>li:nth-child(5)>a {
transition-delay: 1.85s;
-webkit-transition-delay: 1.85s
}
#wrapper .card-container.home .menu>li:nth-child(5) .border>div {
transition-delay: 1.6s;
-webkit-transition-delay: 1.6s
}
#wrapper .card-container.home.loaded .menu>li>a {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper .card-container.home.loaded .btn-previous .small, #wrapper .card-container.home.loaded .btn-next .small {
color: #1d1d1d
}
#wrapper .card-container.home .btn-previous {
display: block;
position: absolute;
left: 0;
bottom: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-previous.png) repeat-x center 54px;
width: 59px;
height: 130px
}
#wrapper .card-container.home .btn-previous .small {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
color: transparent;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper .card-container.home .btn-previous:hover {
background-position: -58px 54px
}
#wrapper .card-container.home .btn-next {
display: block;
position: absolute;
right: 0;
bottom: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-next.png) repeat-x center 54px;
width: 59px;
height: 130px
}
#wrapper .card-container.home .btn-next .small {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
color: transparent;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper .card-container.home .btn-next:hover {
background-position: 58px 54px
}
#wrapper .framed-block {
position: relative
}
#wrapper .framed-block .frame {
position: absolute
}
#wrapper .framed-block .frame>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: width, height;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: width, height;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: absolute;
background: #1d1d1d
}
#wrapper .framed-block .frame.top {
left: 0;
top: 0;
width: 100%;
height: 4px
}
#wrapper .framed-block .frame.top>div {
left: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .framed-block .frame.right {
right: 0;
top: 0;
width: 4px;
height: 100%
}
#wrapper .framed-block .frame.right>div {
left: 0;
top: 0;
width: 100%;
height: 0
}
#wrapper .framed-block .frame.bottom {
right: 0;
bottom: 0;
width: 100%;
height: 4px
}
#wrapper .framed-block .frame.bottom>div {
right: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .framed-block .frame.left {
left: 0;
bottom: 0;
width: 4px;
height: 100%
}
#wrapper .framed-block .frame.left>div {
left: 0;
bottom: 0;
width: 100%;
height: 0
}
#wrapper .framed-block .border {
position: absolute
}
#wrapper .framed-block .border>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: width, height;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: width, height;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: absolute;
background: #595959
}
#wrapper .framed-block .border.top {
left: 0;
top: 0;
width: 100%;
height: 1px
}
#wrapper .framed-block .border.top>div {
left: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .framed-block .border.right {
right: 0;
top: 0;
width: 1px;
height: 100%
}
#wrapper .framed-block .border.right>div {
left: 0;
top: 0;
width: 100%;
height: 0
}
#wrapper .framed-block .border.bottom {
right: 0;
bottom: 0;
width: 100%;
height: 1px
}
#wrapper .framed-block .border.bottom>div {
right: 0;
top: 0;
width: 0;
height: 100%
}
#wrapper .framed-block .border.left {
left: 0;
bottom: 0;
width: 1px;
height: 100%
}
#wrapper .framed-block .border.left>div {
left: 0;
bottom: 0;
width: 100%;
height: 0
}
#wrapper .framed-block>.content {
position: relative;
padding: 4px
}
#wrapper .framed-block.loaded .frame>div {
width: 100%;
height: 100%
}
#wrapper .framed-block .loaded>.border>div {
width: 100%;
height: 100%
}
#wrapper .btn-arrow {
font-family: 'Poppins', sans-serif;
display: block;
float: left;
position: relative;
color: #1D1D1D;
border: 3px solid #1D1D1D;
}
#wrapper .btn-arrow .txt {
display: block;
overflow: hidden;
position: relative;
margin-right: 59px;
border-right: 2px solid #000000;
height: 65px;
z-index: 1;
}
#wrapper .btn-arrow .txt .big {
-webkit-transition-duration: .45s;
-webkit-transition-property: margin-top, background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: margin-top, background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
padding: 15px 25px 0;
min-width: 115px
}
#wrapper .btn-arrow .txt .big>span {
display: block;
font-size: 15px;
line-height: 50px;
white-space: nowrap;
font-weight: 500;
}
#wrapper .btn-arrow .txt .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper .btn-arrow .bg {
display: block;
position: absolute;
right: 0;
top: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/btn_arrow.png) repeat-x 0 center;
height: 100%;
width: 59px
}
#wrapper .btn-arrow.inverted {
color: #c2945e;
border-color: #c2945e
}
#wrapper .btn-arrow.inverted .txt {
border-color: #c2945e
}
#wrapper .btn-arrow.inverted .bg {
background-image: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/btn_arrow-inverted.png)
}
#wrapper .btn-arrow:hover .bg {
background-position: 59px center
}
#wrapper .btn-scroll-down {
-webkit-transition-duration: .55s;
-webkit-transition-property: opacity, bottom;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .55s;
transition-property: opacity, bottom;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
position: fixed;
left: 50%;
bottom: -80px;
margin-left: -40px;
z-index: 820
}
#wrapper .btn-scroll-down>.bg {
display: block;
position: relative;
background: #000;
width: 80px;
height: 80px;
opacity: .25;
filter: alpha(opacity=25)
}
#wrapper .btn-scroll-down>.icon {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
position: absolute;
left: 0;
top: 0;
margin: 7px;
border: 2px solid #ffffffad;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/home_btn-scroll-down.png) repeat-y center center;
width: 62px;
height: 62px;
z-index: 1
}
#wrapper .btn-scroll-down:hover>.icon {
background-position: center 62px
}
#wrapper .btn-scroll-down.about {
left: 0;
margin-left: -15px
}
#wrapper .btn-scroll-down.about>.bg {
background: #fff;
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper .btn-scroll-down.about>.icon {
border-color: #1d1d1d;
background-image: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/about_btn-scroll-down.png)
}
#wrapper .btn-scroll-down.loaded {
bottom: 65px
}
#wrapper .btn-scroll-down.hidden {
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #header_btn-menu {
-webkit-transition-duration: .45s;
-webkit-transition-property: left;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: left;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: fixed;
left: 0;
top: 0%;
margin-top: 0;
background: #fff url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-menu.png) no-repeat center center;
width: 158px;
height: 54px;
z-index: 800;
box-shadow: 0px 2px 30px #00000014;
}
#wrapper #header_btn-menu>span {
display: block;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 158px;
height: 54px;
}
#wrapper #header_btn-menu>span>span {
-webkit-transition-duration: .45s;
-webkit-transition-property: all;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: all;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
display: block;
position: relative;
text-indent: -5000px;
background: #fff url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-menu-txt.png) no-repeat center center;
width: 158px;
height: 54px;
}
#wrapper #header_btn-menu>span>span::before {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
-webkit-transform: rotatey(90deg);
transform: rotatey(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
content: attr(data-hover);
display: block;
position: absolute;
left: 100%;
top: 0;
text-indent: -5000px;
background: #666 url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_btn-menu-txt.png) no-repeat center center;
width: 158px;
height: 54px;
}
#wrapper #header_btn-menu:hover>span>span {
-webkit-transform: rotatey(-90deg);
transform: rotatey(-90deg)
}
#wrapper #header_btn-menu:hover>span>span::before {
background-color: #ebebeb;
background-color: #fff;
}
#wrapper #header_btn-menu.loaded {
left: 0;
}
#wrapper #header_btn-menu.hidden {
left: -84px
}
#wrapper #header_btn-menu.no-menu {
left: -158px !important;
}
#wrapper #header {
display: none;
position: fixed;
left: 0;
top: 0;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_bg.png);
width: 100%;
height: 100%;
z-index: 825;
cursor: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_cursor.png) 21 21, auto
}
#wrapper #header .card-container.home .btn-previous, #wrapper #header .card-container.home .btn-next {
display: none
}
#wrapper #header .card-container.home .menu {
margin: 0
}
#wrapper #header .card-container.home .menu>li>a .big {
text-align: left;
padding-left: 10px
}
#wrapper #header .card-container.home .menu>li>a>span::before {
text-align: left;
padding: 0 25px
}
#wrapper #btn-lang {
font-family: 'Barlow', sans-serif;
display: block;
position: fixed;
left: 0;
top: 0;
color: #1d1d1d;
font-size: 13px;
text-transform: uppercase;
text-align: center;
padding: 15px 0;
background: #fff;
width: 85px;
z-index: 830
}
#wrapper #btn-lang span {
border-bottom: 1px solid transparent
}
#wrapper #btn-lang span:hover {
border-color: #1d1d1d
}
#wrapper #homepage #block1 {
position: relative
}
#wrapper #homepage #block2>.centered {
padding: 300px 0 245px
}
#wrapper #homepage #block2>.centered .block-text {
float: right;
position: relative;
padding-top: 60px;
width: 750px
}
#wrapper #homepage #block2>.centered .block-text p {
font-family: 'Poppins', sans-serif;
float: left;
color: #1D1D1D;
font-size: 14px;
line-height: 28px;
width: 60%;
}
#wrapper #homepage #block2>.centered .block-text .btn-arrow {
float: right;
margin-top: 13px
}
#wrapper #homepage #block2>.centered .block-text .icon-2 {
position: absolute;
left: -33.33%;
bottom: 275px;
margin-left: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #homepage #block2>.centered .block-text .icon-1 {
position: absolute;
right: -15px;
top: -195px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #homepage #block3 {
background: #fdfdfd;
}
#wrapper #homepage #block3>.centered { padding: 300px 0;
}
#wrapper #homepage #block3>.centered>a {
display: block;
position: relative
}
#wrapper #homepage #block3>.centered>a>.img {
overflow: hidden;
position: relative;
background: #1d1d1d
}
#wrapper #homepage #block3>.centered>a>.img>img {
-webkit-transition-duration: .75s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: relative;
width: 100.5%
}
#wrapper #homepage #block3>.centered>a>.img>img:hover {
opacity: .7;
filter: alpha(opacity=70)
}
#wrapper #homepage #block3>.centered>a>.card-container {
color: #1d1d1d
}
#wrapper #homepage #block3>.centered>a>.card-container>div>div {
overflow: hidden;
width: 452px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>*>span, #wrapper #homepage #block3>.centered>a>.card-container .content>*>ul {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
-webkit-backface-visibility: hidden;
display: block;
position: relative;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h2 {
position: relative;
width: 100%;
height: 95px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h2 span {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 25px;
bottom: 17px;
font-size: 14px;
text-transform: uppercase;
line-height: 21px;
letter-spacing: .65em
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h3 {
float: left;
overflow: hidden;
position: relative;
width: 140px;
height: 120px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h3>span {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h3>span .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h3>span .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 17px;
line-height: 50px;
padding: 15px 25px 0
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h3 .border>div {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.nb-photos {
position: relative;
margin-left: 140px;
height: 60px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.nb-photos>span {
transition-delay: 1.45s;
-webkit-transition-delay: 1.45s;
font-family: 'Poppins', sans-serif;
display: block;
font-size: 32px;
font-weight: 700;
text-align: center;
line-height: 60px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.nb-photos .border>div {
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.cat-photos {
position: relative;
margin-left: 140px;
height: 60px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.cat-photos>span {
transition-delay: 1.55s;
-webkit-transition-delay: 1.55s;
font-family: 'Poppins', sans-serif;
display: block;
font-size: 15px;
text-align: center;
line-height: 60px
}
#wrapper #homepage #block3>.centered>a>.card-container .content>.cat-photos .border>div {
transition-delay: 1.3s;
-webkit-transition-delay: 1.3s
}
#wrapper #homepage #block3>.centered>a>.card-container.loaded .content>*>span, #wrapper #homepage #block3>.centered>a>.card-container.loaded .content>*>ul {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #homepage #block3>.centered>a.full {
margin-bottom: 185px;
width: 100%
}
#wrapper #homepage #block3>.centered>a.full>.img {
width: 90.91%
}
#wrapper #homepage #block3>.centered>a.full>.card-container {
position: absolute;
right: 0;
bottom: -60px;
width: 500px
}
#wrapper #homepage #block3>.centered>a.full>.card-container .content>h3 .effect {
height: 120px
}
#wrapper #homepage #block3>.centered>a.full>.card-container .content>h3 .effect::before {
line-height: 50px;
padding: 15px 25px 55px
}
#wrapper #homepage #block3>.centered>a.left {
float: left;
width: 45%
}
#wrapper #homepage #block3>.centered>a.left>.card-container {
position: absolute;
left: 31px;
top: 31px;
width: 557px
}
#wrapper #homepage #block3>.centered>a.left>.card-container>div>div {
width: 509px
}
#wrapper #homepage #block3>.centered>a.left>.card-container h2 {
margin-right: 240px;
width: auto;
height: 130px
}
#wrapper #homepage #block3>.centered>a.left>.card-container h3 {
float: none;
margin-right: 240px;
width: auto;
height: auto
}
#wrapper #homepage #block3>.centered>a.left>.card-container .listing {
float: right;
position: relative;
width: 240px
}
#wrapper #homepage #block3>.centered>a.left>.card-container .listing .small {
transition-delay: 1.45s;
-webkit-transition-delay: 1.45s;
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #homepage #block3>.centered>a.left>.card-container .listing ul {
transition-delay: 1.45s;
-webkit-transition-delay: 1.45s;
padding: 30px 0 11px 25px
}
#wrapper #homepage #block3>.centered>a.left>.card-container .listing ul li {
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 22px
}
#wrapper #homepage #block3>.centered>a.left>.card-container .listing .border>div {
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s
}
#wrapper #homepage #block3>.centered>a.right {
float: right;
margin-top: 225px;
width: 45%
}
#wrapper #homepage #block3>.centered>a.right>.card-container {
position: absolute;
right: 31px;
bottom: 31px;
width: 557px
}
#wrapper #homepage #block3>.centered>a.right>.card-container>div {
background: #fff url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/home_signature.png) no-repeat 0 bottom
}
#wrapper #homepage #block3>.centered>a.right>.card-container>div>div {
width: 509px
}
#wrapper #homepage #block3>.centered>a.right>.card-container h3 {
float: left;
width: 50%;
height: auto
}
#wrapper #homepage #block3>.centered>a.right>.card-container h2 {
clear: both;
height: 120px
}
#wrapper #homepage #block3>.centered>a.right>.card-container h2 span {
bottom: 74px
}
#wrapper #homepage #block3>.centered>a.right>.card-container .since {
transition-delay: 1.45s;
-webkit-transition-delay: 1.45s;
float: right;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1-small-dark.png) no-repeat 132px 30px;
width: 50%
}
#wrapper #homepage #block3>.centered>a.right>.card-container .since>span {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 25px;
font-weight: 700;
line-height: 50px;
padding-top: 12px
}
#wrapper #homepage #block3>.centered>a.right>.card-container .since>span.left {
float: left;
padding-left: 25px
}
#wrapper #homepage #block3>.centered>a.right>.card-container .since>span.right {
float: right;
padding-right: 25px
}
#wrapper #homepage #block3>.centered>a.right>.card-container .since .border>div {
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s
}
#wrapper #about {
overflow: hidden;
background: #edede6
}
#wrapper #about>div {
overflow: visible
}
#wrapper #about>div>.centered {
padding: 190px 0;
height: 1370px;
}
#wrapper #about>div>.centered .text-grid {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: relative;
opacity: 0;
filter: alpha(opacity=0);
z-index: 5
}
#wrapper #about>div>.centered .text-grid.visible {
opacity: 1;
filter: alpha(opacity=0)
}
#wrapper #about>div>.centered .card-container {
position: absolute;
right: 18.18%;
top: 450px;
width: 625px;
z-index: 10
}
#wrapper #about>div>.centered .card-container>div>div {
width: 577px
}
#wrapper #about>div>.centered .card-container .content>* {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
color: transparent
}
#wrapper #about>div>.centered .card-container h2 {
position: relative
}
#wrapper #about>div>.centered .card-container h2 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #about>div>.centered .card-container h2 .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding: 29px 25px 20px
}
#wrapper #about>div>.centered .card-container .text {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s;
padding: 30px 25px 45px
}
#wrapper #about>div>.centered .card-container .text p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #about>div>.centered .card-container .text p+p {
padding-top: 25px
}
#wrapper #about>div>.centered .card-container.loaded .content>* {
color: #1d1d1d
}
#wrapper #about>div>.centered .img {
-webkit-transition-duration: .95s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .95s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: absolute;
right: 0;
top: 420px;
width: 50%;
height: auto;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #about>div>.centered .img.loaded {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #about #block1>.centered .icon-1 {
position: absolute;
right: 18.18%;
top: -340px;
margin-right: -10px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3-light.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #about #block1>.centered .icon-2 {
position: absolute;
left: 9.09%;
top: -110px;
margin-left: -4px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3-light.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #about #block2>.centered .card-container.card1 {
right: 0;
top: 0;
width: 482px !important;
}
#wrapper #about #block2>.centered .card-container.card1>div>div {
width: 702px
}
#wrapper #about #block2>.centered .card-container.card2 {
right: -330px;
margin-top: 40px;
width: 482px !important;
}
#wrapper #about #block2>.centered .card-container.card2>div { }
#wrapper #about #block2>.centered .card-container.card2>div>div {
width: 452px
}
#wrapper #about #block2>.centered .card-container.card2 .text { }
#wrapper #about #block2>.centered .img {
right: -40%;
top: 300px;
width: 100%;
display: block;
}
#wrapper #about #block2>.centered .icon-1 {
position: absolute;
left: 9.09%;
top: 345px;
margin-left: -4px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3-light.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #about #block3>.centered .card-container {
right: 0;
top: 270px;
width: 500px;
}
#wrapper #about #block3>.centered .card-container>div>div {
width: 452px
}
#wrapper #about #block3>.centered .img {
right: -40%;
top: 140px;
width: 100%;
display: block;
}
#wrapper #about #block3>.centered .icon-1 {
position: absolute;
left: 18.18%;
top: -30px;
margin-left: -4px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3-light.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #about #block3>.centered .icon-2 {
position: absolute;
right: -9.09%;
top: 0;
margin-right: -10px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3-light.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #portfolio>#block1 {
background: #fdfdfd;
}
#wrapper #portfolio>#block1>.centered {
padding: 260px 0 135px
}
#wrapper #portfolio>#block1>.centered .text-grid {
margin-bottom: 65px
}
#wrapper #portfolio>#block1>.centered .text-grid .icon-1 {
position: absolute;
right: -9.09%;
top: -150px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_4.png) no-repeat 0 0;
width: 29px;
height: 21px
}
#wrapper #portfolio>#block1>.centered .framed-block {
margin-left: -4.54%;
width: 109.09%
}
#wrapper #portfolio>#block1>.centered .framed-block .content {
overflow: hidden;
position: relative
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div {
float: left;
position: relative;
width: 50%
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .intro {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1s;
transition-timing-function: 'ease-in-out';
position: relative;
color: transparent;
padding: 80px 5.9% 110px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .intro h2 {
font-family: 'Barlow', sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .65em;
padding-bottom: 35px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .intro p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .intro .border {
display: none
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .separator {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: .5s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: .5s;
transition-timing-function: 'ease-in-out';
position: relative;
padding-right: 2px;
background: transparent;
width: 200%;
height: 21px;
z-index: 10
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div .separator .border>div {
transition-delay: .5s;
-webkit-transition-delay: .5s
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
transition-delay: 1.3s;
-webkit-transition-delay: 1.3s;
position: relative;
padding: 60px 5.9% 85px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a {
display: block;
position: relative;
color: #1d1d1d;
background: #1d1d1d
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>img {
-webkit-transition-duration: .75s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
width: 100%
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>img:hover {
opacity: .7;
filter: alpha(opacity=70)
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container {
position: absolute;
right: -20px;
bottom: -20px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content {
overflow: hidden
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h2, #wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
-webkit-backface-visibility: hidden;
display: block;
position: relative;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h2 {
font-family: 'Barlow', sans-serif;
float: left;
position: relative;
font-size: 15px;
text-transform: uppercase;
line-height: 50px;
letter-spacing: .65em;
padding: 18px 30px 0;
white-space: nowrap
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3 {
float: right;
position: relative
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span .effect {
height: 79px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span .effect .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span .effect .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 30px;
line-height: 50px;
padding: 15px 25px 14px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3>span .effect::before {
font-size: 30px;
line-height: 79px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3 .border>div {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container.loaded .content>h2, #wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container.loaded .content>h3>span {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul>li+li {
padding-top: 60px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div.left-block>div {
position: relative;
padding-right: 1px
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div.left-block>div>.border>div {
transition-delay: .75s;
-webkit-transition-delay: .75s
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div.right-block>div {
position: relative
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div.right-block>div .intro {
transition-delay: 1.15s;
-webkit-transition-delay: 1.15s
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div.right-block>div ul {
transition-delay: 1.45s;
-webkit-transition-delay: 1.45s; }
#wrapper #portfolio>#block1>.centered .framed-block .content .icon-door {
position: absolute;
left: 2.95%;
bottom: 0;
margin-left: 1px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/portfolio_icon-door.png) no-repeat 0 0;
width: 40px;
height: 32px;
z-index: 10
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div .intro {
color: #1d1d1d
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div .separator {
background: #edede6
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div .separator .border>div {
width: 100%;
height: 100%
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div ul {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div>div>.border>div {
width: 100%;
height: 100%
}
#wrapper #gallery {
z-index: 500
}
#wrapper #services #block1 {
position: relative
}
#wrapper #services #block1 .card-container {
margin: 0 auto;
width: 625px
}
#wrapper #services #block1 .card-container>div>div {
width: 577px
}
#wrapper #services #block1 .card-container .content>* {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
color: transparent
}
#wrapper #services #block1 .card-container h2 {
position: relative
}
#wrapper #services #block1 .card-container h2 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #services #block1 .card-container h2 .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding: 29px 25px 20px
}
#wrapper #services #block1 .card-container .text {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s;
padding: 30px 25px 45px
}
#wrapper #services #block1 .card-container .text p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #services #block1 .card-container .text p+p {
padding-top: 25px
}
#wrapper #services #block1 .card-container.loaded .content>* {
color: #1d1d1d
}
#wrapper #services #block2>.centered {
padding: 300px 0 130px
}
#wrapper #services #block2>.centered .text-grid .icon-1 {
position: absolute;
left: -9.09%;
top: 120px;
margin-left: -22px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_2.png) no-repeat 0 0;
width: 45px;
height: 18px
}
#wrapper #services #block2>.centered .text-grid .icon-10 {
position: absolute;
left: 81.81%;
top: 0;
margin-left: -22px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_2.png) no-repeat 0 0;
width: 45px;
height: 18px
}
#wrapper #services #block2>.centered .block-text {
padding: 135px 0 0
}
#wrapper #services #block2>.centered .block-text .listing>.bullet {
float: left;
position: relative;
padding-bottom: 155px;
width: 27.27%
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>.nb {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: -36px;
top: 7px;
color: #c2945e;
font-size: 8px;
letter-spacing: .1em
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div {
color: #fff
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div h2 {
font-family: 'Barlow', sans-serif;
font-size: 15px;
text-transform: uppercase;
line-height: 28px;
letter-spacing: .65em;
padding-bottom: 30px;
white-space: nowrap
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div p a {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div p a:hover {
border-color: transparent
}
#wrapper #services #block2>.centered .block-text .listing>.bullet>div p .colored {
color: #c2945e
}
#wrapper #services #block2>.centered .block-text .listing>.bullet+.bullet {
margin-left: 9.09%
}
#wrapper #services #block2>.centered .block-text .listing>.bullet:nth-child(4) {
clear: left;
margin-left: 0
}
#wrapper #services #block2>.centered .block-text .framed-block {
position: relative;
margin-left: 31.81%;
margin-top: -55px;
padding: 50px 61px
}
#wrapper #services #block2>.centered .block-text .framed-block .frame>div {
background: #c2945e
}
#wrapper #services #block2>.centered .block-text .framed-block .content {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: .5s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: .5s;
transition-timing-function: 'ease-in-out';
color: #fff;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #services #block2>.centered .block-text .framed-block .content h2 {
font-family: 'Barlow', sans-serif;
position: relative;
font-size: 15px;
text-transform: uppercase;
line-height: 28px;
letter-spacing: .65em;
padding-bottom: 30px;
white-space: nowrap
}
#wrapper #services #block2>.centered .block-text .framed-block .content h2 .nb {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: -35px;
top: 0;
color: #c2945e;
font-size: 8px;
letter-spacing: .1em
}
#wrapper #services #block2>.centered .block-text .framed-block .content p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #services #block2>.centered .block-text .framed-block .content p a {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #services #block2>.centered .block-text .framed-block .content p a:hover {
border-color: transparent
}
#wrapper #services #block2>.centered .block-text .framed-block .content p span {
color: #c2945e
}
#wrapper #services #block2>.centered .block-text .framed-block .content p+p {
padding-top: 30px
}
#wrapper #services #block2>.centered .block-text .framed-block .icon-1 {
position: absolute;
left: -33.33%;
top: -230px;
margin-left: -22px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_2.png) no-repeat 0 0;
width: 45px;
height: 18px
}
#wrapper #services #block2>.centered .block-text .framed-block .icon-3 {
position: absolute;
left: -33.33%;
top: 0;
margin-left: -22px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_2.png) no-repeat 0 0;
width: 45px;
height: 18px
}
#wrapper #services #block2>.centered .block-text .framed-block.loaded .content {
opacity: 100;
filter: alpha(opacity=100)
}
#wrapper #services #block3 {
padding-bottom: 60px;
background: #edede6
}
#wrapper #services #block3>.centered {
padding: 120px 0 75px
}
#wrapper #services #block3>.centered .framed-block {
margin-left: -4.54%;
width: 109.09%
}
#wrapper #services #block3>.centered .framed-block .content {
overflow: hidden
}
#wrapper #services #block3>.centered .framed-block .content .border>div {
transition-delay: .5s;
-webkit-transition-delay: .5s
}
#wrapper #services #block3>.centered .framed-block .content>div {
float: left;
width: 50%
}
#wrapper #services #block3>.centered .framed-block .content>div h2 {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: .75s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: .75s;
transition-timing-function: 'ease-in-out';
position: relative;
color: transparent;
height: 130px
}
#wrapper #services #block3>.centered .framed-block .content>div h2>span {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 58px;
bottom: 27px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .65em;
line-height: 21px
}
#wrapper #services #block3>.centered .framed-block .content>div ul {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: .85s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: .85s;
transition-timing-function: 'ease-in-out';
position: relative;
padding: 35px 58px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #services #block3>.centered .framed-block .content>div ul li {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px;
padding-left: 35px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/bullet_dash.png) no-repeat 0 12px
}
#wrapper #services #block3>.centered .framed-block .content>div ul li a {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #services #block3>.centered .framed-block .content>div ul li a:hover {
border-color: transparent
}
#wrapper #services #block3>.centered .framed-block .content>div ul li span {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #services #block3>.centered .framed-block .content>div ul li+li {
margin-top: 10px
}
#wrapper #services #block3>.centered .framed-block .content>div.left-block>div {
position: relative;
margin-right: 10px
}
#wrapper #services #block3>.centered .framed-block .content>div.left-block>div>.bottom {
bottom: 40px
}
#wrapper #services #block3>.centered .framed-block .content>div.right-block>div {
position: relative;
margin-left: 10px
}
#wrapper #services #block3>.centered .framed-block .content>div.right-block>div .border>div {
transition-delay: .75s;
-webkit-transition-delay: .75s
}
#wrapper #services #block3>.centered .framed-block .content>div.right-block>div h2 {
transition-delay: 1s;
-webkit-transition-delay: 1s
}
#wrapper #services #block3>.centered .framed-block .content>div.right-block>div ul {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper #services #block3>.centered .framed-block .content>div.right-block>div ul li {
padding-left: 0;
background: 0
}
#wrapper #services #block3>.centered .framed-block .content>div>div.loaded h2 {
color: #1d1d1d
}
#wrapper #services #block3>.centered .framed-block .content>div>div.loaded ul {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #services #block3>.centered .icon-1 {
position: absolute;
left: 50%;
top: 300px;
margin-left: -22px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_2-dark.png) no-repeat 0 0;
width: 45px;
height: 18px
}
#wrapper #tips #block1 {
background: #4d4843
}
#wrapper #tips #block1>.centered {
padding: 260px 0 210px
}
#wrapper #tips #block1>.centered .text-grid {
margin-bottom: 90px
}
#wrapper #tips #block1>.centered .bullet {
-webkit-transition-duration: .75s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: relative;
margin-left: 9.09%;
padding-bottom: 35px;
width: 375px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #tips #block1>.centered .bullet>.nb {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: -36px;
top: 7px;
color: #c2945e;
font-size: 8px;
letter-spacing: .1em
}
#wrapper #tips #block1>.centered .bullet>div {
color: #fff
}
#wrapper #tips #block1>.centered .bullet>div h2 {
font-family: 'Barlow', sans-serif;
font-size: 15px;
text-transform: uppercase;
line-height: 28px;
letter-spacing: .65em;
padding-bottom: 30px;
white-space: nowrap
}
#wrapper #tips #block1>.centered .bullet>div p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #tips #block1>.centered .bullet>div p a {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #tips #block1>.centered .bullet>div p a:hover {
border-color: transparent
}
#wrapper #tips #block1>.centered .bullet.loaded {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #tips #block1>.centered .sidebar {
position: absolute;
right: -9.09%;
top: 228px;
width: 27.27%;
min-width: 300px;
z-index: 40
}
#wrapper #tips #block1>.centered .sidebar .framed-block {
margin-bottom: 50px
}
#wrapper #tips #block1>.centered .sidebar .framed-block .frame>div, #wrapper #tips #block1>.centered .sidebar .framed-block .border>div {
background: #c2945e
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
overflow: hidden;
position: relative
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li a {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
font-family: 'Barlow', sans-serif;
transition-delay: .75s;
transition-duration: .75s;
-webkit-transition-delay: .75s;
-webkit-transition-duration: .75s;
-webkit-backface-visibility: hidden;
display: block;
position: relative;
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: .55em;
line-height: 80px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li a>span {
background: transparent;
height: 80px
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li a>span::before {
font-family: 'Barlow', sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: .55em;
line-height: 80px;
padding: 0;
background: rgba(0, 0, 0, .3)
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li .border>div {
transition-delay: .5s;
-webkit-transition-delay: .5s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:hover a>span, #wrapper #tips #block1>.centered .sidebar .framed-block .content ul li.active a>span {
-webkit-transform: rotatex(90deg) translatey(-22px);
transform: rotatex(90deg) translatey(-22px)
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:hover a>span::before, #wrapper #tips #block1>.centered .sidebar .framed-block .content ul li.active a>span::before {
background: rgba(0, 0, 0, .1)
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(2) a {
transition-delay: .85s;
-webkit-transition-delay: .85s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(2) .border>div {
transition-delay: .6s;
-webkit-transition-delay: .6s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(3) a {
transition-delay: .95s;
-webkit-transition-delay: .95s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(3) .border>div {
transition-delay: .7s;
-webkit-transition-delay: .7s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(4) a {
transition-delay: 1.05s;
-webkit-transition-delay: 1.05s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(4) .border>div {
transition-delay: .8s;
-webkit-transition-delay: .8s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(5) a {
transition-delay: 1.15s;
-webkit-transition-delay: 1.15s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(5) .border>div {
transition-delay: .9s;
-webkit-transition-delay: .9s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(6) a {
transition-delay: 1.25s;
-webkit-transition-delay: 1.25s
}
#wrapper #tips #block1>.centered .sidebar .framed-block .content ul li:nth-child(6) .border>div {
transition-delay: 1s;
-webkit-transition-delay: 1s
}
#wrapper #tips #block1>.centered .sidebar .framed-block.loaded .content ul li a {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #tips #block1>.centered .sidebar .framed-block.loaded .border>div {
width: 100%;
height: 100%
}
#wrapper #tips #block1>.centered .sidebar .card-container .content>span {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
display: block;
position: relative;
background: #fff url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/tips_btn-tools.png) no-repeat right 0;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #tips #block1>.centered .sidebar .card-container .content>span>span {
display: block;
overflow: hidden;
position: relative;
margin-right: 57px
}
#wrapper #tips #block1>.centered .sidebar .card-container .content>span>span .effect {
font-family: 'Barlow', sans-serif;
display: block;
color: #1d1d1d;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: .55em;
line-height: 78px;
height: 78px
}
#wrapper #tips #block1>.centered .sidebar .card-container .content>span>span .effect::before {
font-family: 'Barlow', sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: .55em;
line-height: 78px;
padding: 0
}
#wrapper #tips #block1>.centered .sidebar .card-container.loaded .content>span {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #tips #block1>.centered .listing {
width: 72.72%
}
#wrapper #tips #block1>.centered .listing>li {
position: relative;
margin-top: 100px;
padding-top: 65px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .frame>div, #wrapper #tips #block1>.centered .listing>li .framed-block .border>div {
background: #edede6
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section {
position: relative;
color: #fff;
padding: 65px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: .15s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: .15s;
transition-timing-function: 'ease-in-out';
position: relative;
margin-bottom: 65px;
width: 100%;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>img {
width: 100%
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container .slider-controls, #wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container .slider-infos, #wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container .slider-arrows .previous, #wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container .slider-arrows .count {
display: none
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider-arrows .next {
overflow: hidden;
position: absolute;
right: -65px;
top: 50%;
margin-top: -40px;
z-index: 15
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider-arrows .next>a {
-webkit-transition-duration: .45s;
-webkit-transition-property: left;
-webkit-transition-delay: .3s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: left;
transition-delay: .3s;
transition-timing-function: 'ease-in-out';
display: block;
position: relative;
left: 80px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider-arrows .next>a>.bg {
display: block;
position: relative;
background: #edede6;
width: 80px;
height: 80px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider-arrows .next>a>.icon {
-webkit-transition-duration: .45s;
-webkit-transition-property: background;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: background;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
display: block;
position: absolute;
left: 0;
top: 0;
margin: 7px;
border: 2px solid #1d1d1d;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/tips_btn-arrow.png) repeat-x center center;
width: 62px;
height: 62px;
z-index: 1
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider-arrows .next>a:hover>.icon {
background-position: 62px center
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider {
position: absolute;
left: 0;
top: 0;
width: 300%;
height: 100%;
z-index: 5
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li>div {
position: absolute;
left: 0;
top: 0;
background: #1d1d1d;
height: 100%;
cursor: pointer
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li>div>div {
-webkit-transition-duration: .75s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .75s;
transition-property: opacity;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
position: relative;
height: 100%
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li>div>div>img {
position: relative;
width: auto;
height: 100%
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li>div>div:hover {
opacity: .7;
filter: alpha(opacity=70)
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li:first-child {
display: block
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container>.slider>ul>li.active {
z-index: 2
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container.disabled .slider-arrows {
display: none
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container.disabled .slider>ul>li>div {
cursor: default
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .slider-container.disabled .slider>ul>li>div>div:hover {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section h3 {
font-family: 'Barlow', sans-serif;
position: relative;
color: #c2945e;
font-size: 28px;
text-transform: uppercase;
letter-spacing: .65em;
padding: 45px 0 30px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section h3 span {
display: block;
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 8px;
letter-spacing: .1em
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section h4 {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 700;
padding-bottom: 30px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section h5 {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 700;
padding-bottom: 10px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section p a {
color: #c2945e;
border-bottom: 1px solid #c2945e;
white-space: nowrap
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section p a:hover {
border-color: transparent
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section>ul li {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px;
padding-left: 35px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/bullet_dash-white.png) no-repeat 0 12px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section>ul li+li {
margin-top: 10px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section p+*, #wrapper #tips #block1>.centered .listing>li .framed-block .section>ul+* {
padding-top: 30px
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .colored {
color: #c2945e
}
#wrapper #tips #block1>.centered .listing>li .framed-block .section .border, #wrapper #tips #block1>.centered .listing>li .framed-block .section .frame {
padding-top: 0 !important
}
#wrapper #tips #block1>.centered .listing>li .framed-block.loaded .section .slider-container {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #tips #block1>.centered .listing>li .framed-block.loaded .section .slider-container>.slider-arrows .next a {
left: 0
}
#wrapper #tips #block1>.centered .listing>li .icon-1 {
position: absolute;
left: 50%;
top: -150px;
margin-left: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-2 {
position: absolute;
right: -9.09%;
top: 100px;
margin-right: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-3 {
position: absolute;
right: -9.09%;
bottom: 1050px;
margin-right: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-4 {
position: absolute;
left: -9.09%;
top: -180px;
margin-left: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-5 {
position: absolute;
right: -27.27%;
top: 0;
margin-right: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-6 {
position: absolute;
right: -18.18%;
top: 400px;
margin-right: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block1>.centered .listing>li .icon-7 {
position: absolute;
left: 50%;
top: 50%;
margin-left: -15px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_1.png) no-repeat 0 0;
width: 30px;
height: 30px
}
#wrapper #tips #block2 {
background: #edede6
}
#wrapper #tips #block2>.centered {
padding: 115px 0
}
#wrapper #tips #block2>.centered .framed-block {
width: 72.72%
}
#wrapper #tips #block2>.centered .framed-block .border>div {
transition-delay: .25s;
-webkit-transition-delay: .25s
}
#wrapper #tips #block2>.centered .framed-block h2 {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: .5s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: .5s;
transition-timing-function: 'ease-in-out';
position: relative;
color: transparent;
height: 130px
}
#wrapper #tips #block2>.centered .framed-block h2>span {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 65px;
bottom: 27px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .65em;
line-height: 21px
}
#wrapper #tips #block2>.centered .framed-block ul {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s;
padding: 35px 65px
}
#wrapper #tips #block2>.centered .framed-block ul li {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: .6s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: .6s;
transition-timing-function: 'ease-in-out';
font-family: 'Poppins', sans-serif;
position: relative;
font-size: 14px;
line-height: 28px;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #tips #block2>.centered .framed-block ul li a {
color: #c2945e;
border-bottom: 1px solid #c2945e
}
#wrapper #tips #block2>.centered .framed-block ul li a:hover {
border-color: transparent
}
#wrapper #tips #block2>.centered .framed-block ul li+li {
margin-top: 10px
}
#wrapper #tips #block2>.centered .framed-block.loaded .content h2 {
color: #1d1d1d
}
#wrapper #tips #block2>.centered .framed-block.loaded .content>ul li {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #contact>#block1 {
background: #c2a376
}
#wrapper #contact>#block1>.centered {
padding: 260px 0 135px
}
#wrapper #contact>#block1>.centered .share-block {
position: absolute;
right: 9.09%;
top: 0;
margin-right: -25px;
width: 40.9%
}
#wrapper #contact>#block1>.centered .share-block h2 {
font-family: 'Barlow', sans-serif;
position: relative;
padding: 60px 0 55px
}
#wrapper #contact>#block1>.centered .share-block h2 .small {
display: block;
position: absolute;
left: -25px;
top: 0;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em;
padding: 24px 0 0 10px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-separator.png) no-repeat 0 0
}
#wrapper #contact>#block1>.centered .share-block h2 .big {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 15px;
text-transform: uppercase;
letter-spacing: .65em
}
#wrapper #contact>#block1>.centered .share-block p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px;
max-width: 380px
}
#wrapper #contact>#block1>.centered .share-block ul {
position: absolute;
left: 220px;
top: 0;
padding-right: 2px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-separator.png) no-repeat right 0
}
#wrapper #contact>#block1>.centered .share-block ul>li {
float: left;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-separator.png) no-repeat 0 0
}
#wrapper #contact>#block1>.centered .share-block ul>li a {
display: block;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-fb.png) no-repeat right bottom;
width: 88px;
height: 72px
}
#wrapper #contact>#block1>.centered .share-block ul>li a span {
font-family: 'Barlow', sans-serif;
display: inline-block;
color: #1d1d1d;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em;
margin: 24px 0 0 10px;
border-bottom: 1px solid transparent
}
#wrapper #contact>#block1>.centered .share-block ul>li a:hover span {
border-color: #1d1d1d
}
#wrapper #contact>#block1>.centered .share-block ul>li.twitter a {
background-image: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-twitter.png)
}
#wrapper #contact>#block1>.centered .share-block ul>li.pinterest a {
background-image: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/contact_share-pinterest.png)
}
#wrapper #contact>#block1>.centered .text-grid {
margin-bottom: 65px
}
#wrapper #contact>#block1>.centered .text-grid .icon-1 {
position: absolute;
right: -10px;
top: -75px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #contact>#block1>.centered .framed-block {
margin-left: -4.54%;
width: 109.09%
}
#wrapper #contact>#block1>.centered .framed-block .content {
overflow: hidden
}
#wrapper #contact>#block1>.centered .framed-block .content>div {
float: left;
width: 50%
}
#wrapper #contact>#block1>.centered .framed-block .content>div>div>.border>div {
transition-delay: .5s;
-webkit-transition-delay: .5s
}
#wrapper #contact>#block1>.centered .framed-block .content>div .map, #wrapper #contact>#block1>.centered .framed-block .content>div .card-container, #wrapper #contact>#block1>.centered .framed-block .content>div ul {
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: .75s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: .75s;
transition-timing-function: 'ease-in-out';
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #contact>#block1>.centered .framed-block .content>div .map {
position: relative
}
#wrapper #contact>#block1>.centered .framed-block .content>div .map>img {
width: 100%;
height: auto
}
#wrapper #contact>#block1>.centered .framed-block .content>div .map>div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
#wrapper #contact>#block1>.centered .framed-block .content>div .map>div .gmnoprint, #wrapper #contact>#block1>.centered .framed-block .content>div .map>div a {
display: none !important
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container {
margin-left: 7.9%;
margin-top: -80px;
width: 478px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container>div>div {
width: 430px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content>* {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
color: transparent
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h2 {
font-family: 'Barlow', sans-serif;
float: left;
position: relative;
padding: 0 25px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h2 .small {
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h2 .big {
display: block;
font-size: 16px;
text-transform: uppercase;
letter-spacing: .65em;
padding-top: 15px;
line-height: 50px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h3 {
transition-delay: 1.35s;
-webkit-transition-delay: 1.35s;
float: left;
position: relative;
padding: 0 25px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h3 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h3 .big {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 17px;
text-transform: uppercase;
padding-top: 15px;
line-height: 50px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container .content h3 .border>div {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s
}
#wrapper #contact>#block1>.centered .framed-block .content>div .card-container.loaded .content>* {
color: #1d1d1d
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul {
padding: 85px 80px 70px
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li {
font-family: 'Poppins', sans-serif;
position: relative
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li>.nb {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: -41px;
top: 5px;
color: #fff;
font-size: 8px;
letter-spacing: .1em
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li h3 {
font-size: 20px;
padding-bottom: 6px
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li p {
font-size: 16px;
line-height: 30px
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li p a {
color: #1d1d1d;
border-bottom: 1px solid #1d1d1d
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li p a:hover {
border-color: transparent
}
#wrapper #contact>#block1>.centered .framed-block .content>div ul li+li {
margin-top: 45px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .sectors {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: .25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: .25s;
transition-timing-function: 'ease-in-out';
font-family: 'Poppins', sans-serif;
position: relative;
color: transparent;
padding: 60px 38px 45px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .sectors h3 {
font-size: 16px;
font-weight: 700;
padding-bottom: 10px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .sectors p {
font-size: 14px;
line-height: 28px
}
#wrapper #contact>#block1>.centered .framed-block .content>div .sectors.loaded {
color: #fff
}
#wrapper #contact>#block1>.centered .framed-block .content>div.left-block>div {
position: relative;
margin-right: 10px;
padding-right: 1px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.left-block>div .border.bottom {
display: none;
height: 4px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.left-block>div .card-container {
width: 423px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.left-block>div .card-container>div>div {
width: 375px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div {
position: relative;
margin-left: 10px;
padding-left: 1px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .map, #wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .card-container, #wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div ul {
transition-delay: 1s;
-webkit-transition-delay: 1s
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .card-container {
width: 423px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .card-container>div>div {
width: 375px
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .sectors {
transition-delay: .35s;
-webkit-transition-delay: .35s
}
#wrapper #contact>#block1>.centered .framed-block .content>div.right-block>div .sectors .border>div {
transition-delay: .1s;
-webkit-transition-delay: .1s
}
#wrapper #contact>#block1>.centered .framed-block.loaded>.content .map, #wrapper #contact>#block1>.centered .framed-block.loaded>.content .card-container, #wrapper #contact>#block1>.centered .framed-block.loaded>.content ul {
opacity: 1;
filter: alpha(opacity=100)
}
#wrapper #contact>#block1>.centered .framed-block.loaded>.content>div>div>.border>div {
width: 100%;
height: 100%
}
#wrapper #contact>#block1>.centered>.icon-1 {
position: absolute;
left: 27.27%;
top: 1000px;
margin-left: -4px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #contact>#block1>.centered>.icon-2 {
position: absolute;
right: 9.09%;
top: 0;
margin-right: -10px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/icon_3.png) no-repeat 0 0;
width: 16px;
height: 36px
}
#wrapper #footer {
position: fixed;
left: 0;
bottom: 0;
background: #fff;
width: 100%;
min-width: 980px;
z-index: 500
}
#wrapper #footer>.centered {
padding: 70px 0 95px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/footer_separator.png) no-repeat center bottom
}
#wrapper #footer>.centered .logo {
display: block;
float: right;
text-indent: -5000px;
margin-bottom: 17px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/footer_logo.png) no-repeat 0 0;
width: 107px;
height: 32px
}
#wrapper #footer>.centered .blocks {
overflow: hidden;
clear: both
}
#wrapper #footer>.centered .blocks>li {
float: left;
position: relative;
padding-bottom: 70px;
border-top: 2px solid #595959;
width: 20%
}
#wrapper #footer>.centered .blocks>li>div {
padding: 30px 25px
}
#wrapper #footer>.centered .blocks>li>div h2 {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 10px;
top: 7px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em
}
#wrapper #footer>.centered .blocks>li:nth-child(1) {
width: 24%
}
#wrapper #footer>.centered .blocks>li:nth-child(1)>div>div {
font-family: 'Poppins', sans-serif;
font-size: 20px;
white-space: nowrap
}
#wrapper #footer>.centered .blocks>li:nth-child(2), #wrapper #footer>.centered .blocks>li:nth-child(3) {
width: 30%
}
#wrapper #footer>.centered .blocks>li:nth-child(2)>div>p, #wrapper #footer>.centered .blocks>li:nth-child(3)>div>p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px
}
#wrapper #footer>.centered .blocks>li:nth-child(2)>div>p+a, #wrapper #footer>.centered .blocks>li:nth-child(3)>div>p+a {
margin-top: 30px
}
#wrapper #footer>.centered .blocks>li:nth-child(4) {
width: 16%
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div {
padding-right: 0
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div>ul {
overflow: hidden
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div>ul>li {
float: left
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div>ul>li a {
font-family: 'Poppins', sans-serif;
color: #1d1d1d;
font-size: 15px;
font-weight: 700;
border-bottom: 1px solid #1d1d1d
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div>ul>li a:hover {
border-color: transparent
}
#wrapper #footer>.centered .blocks>li:nth-child(4)>div>ul>li+li {
padding-left: 20px
}
#wrapper #footer>.centered .blocks>li+li {
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/footer_separator.png) no-repeat 0 0
}
#wrapper #footer>.centered .logos {
overflow: hidden
}
#wrapper #footer>.centered .logos>li {
float: left
}
#wrapper #footer>.centered .logos>li.right {
float: right
}
#wrapper #footer>.centered .copyright {
font-family: 'Roboto Condensed', sans-serif;
position: absolute;
left: 0;
bottom: 33px;
font-size: 13px
}
#wrapper #footer>.centered .credits {
font-family: 'Roboto Condensed', sans-serif;
position: absolute;
right: 0;
bottom: 33px;
font-size: 13px
}
#wrapper #footer>.centered .credits a {
color: #1d1d1d;
border-bottom: 1px solid #1d1d1d
}
#wrapper #footer>.centered .credits a:hover {
border-color: transparent
}
body[data-language="en"] #wrapper .card-container.home .menu>li>a>span .big, body[data-language="en"] #wrapper .card-container.home .menu>li>a>span:before {
text-align: left;
padding-left: 10px
}
body[data-language="en"] #wrapper .card-container.home .menu>li:nth-child(1) {
width: 35%;
}
body[data-language="en"] #wrapper .card-container.home .menu>li:nth-child(2) {
width: 29%;
}
body[data-language="en"] #wrapper .card-container.home .menu>li:nth-child(3) {
width: 36%;
}
body[data-language="en"] #wrapper #homepage #block3>.centered>a.right>.card-container .since {
background-position: 125px 30px
}
.layout-mobile #wrapper #about>div>.centered {
height: 900px
}   #wrapper #block3 .image-right .text-block {
position: relative;
width: 60%;
}
#wrapper #homepage #block3>.centered>a.full.image-right>.img {
width: 885px;
margin-top: -520px;
position: relative;
display: inline-block;
z-index: 0;
left: 60%;
}
#wrapper #homepage #block3>.centered>a.full.image-right>.img>img {
width: 885px;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container {
position: absolute;
right: 0;
bottom: -120px;
width: 500px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container .content>h2 {
position: relative;
width: 100%;
height: 105px;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container .content>h3 {
float: right;
overflow: hidden;
position: relative;
width: 140px;
height: 80px;
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h2 {
position: relative;
width: 100%;
height: 125px;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container .content>.cat-photos>span {
color: #BE1E2D;
font-weight: 500;
}
#wrapper .full.content-box-center .card-container>div>div .border.right {
left: 0;
top: 0;
width: 2px;
height: 100%;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container .content>.cat-photos {
position: relative;
margin-left: 24px;
height: 70px;
float: left;
}
#wrapper #block3 .text-grid>.line {
margin-left: -1%;
margin-bottom: 40px;
}
#wrapper #block3 .text-grid>.line>div {
width: 9.09%;
}
#wrapper #block3 .text-grid>.line>div>span {
font-size: 58px;
}
#wrapper #homepage #block3>.centered .block-text p {
font-family: 'Poppins', sans-serif;
float: left;
color: #1D1D1D;
font-size: 14px;
line-height: 28px;
width: 70%;
} #wrapper #homepage #block3>.centered>a.full.services {
margin-top: 430px;
margin-bottom: 255px;
}
#wrapper #block3 .image-left .text-block {
position: relative;
width: 60%;
right: -54%;
display: inline-block;
}
#wrapper #homepage #block3>.centered>a.full.image-left>.img {
width: 885px;
margin-top: -680px;
position: relative;
display: inline-block;
z-index: 0;
left: -402px;
}
#wrapper #homepage #block3>.centered>a.full.image-left>.img>img {
width: 885px;
}
#wrapper #homepage #block3>.centered .services .block-text p {
display: inline-block;
}
#wrapper #homepage #block3>.centered .services .block-text {
margin-bottom: 30px;
display: inline-block;
}
#wrapper #homepage #block3>.centered .services .btn-arrow {
display: inline-block;
} #wrapper #homepage #block3>.centered>a.full.contact>.card-container {
position: absolute;
right: 0;
top: -60px;
bottom: inherit;
width: 500px;
margin-right: 0;
}
#wrapper #homepage #block3>.centered>a.full.contact>.img {
width: 100%;
} .noticeable-clients {
text-align: center;
mar
}
.noticeable-clients h2 {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .5em;
margin-bottom: 80px;
}
.noticeable-clients ul {
display: flex;
justify-content: space-between;
} html {
background: #fdfdfd;
}
#wrapper {
padding-bottom: 0px !important;
}
#wrapper #homepage #block3>.centered {
padding: 300px 0 120px;
}
#wrapper #footer {
position: relative;
background: #fdfdfd;
}
#wrapper #footer>.centered .logo {
display: block;
float: right;
text-indent: -5000px;
margin-bottom: 17px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/footer_logo.png) no-repeat 0 0;
width: 98px;
height: 86px;
}
#wrapper #footer>.centered .blocks>li:nth-child(1)>div>div {
font-size: 20px;
margin-bottom: 16px;
}
#footer>.centered .blocks>li:nth-child(1)>div>p {
font-family: 'Poppins', sans-serif;
font-size: 12px;
line-height: 22px;
}
#wrapper #footer>.centered .blocks>li:nth-child(1) {
width: 29% !important;
}
#wrapper #footer>.centered .blocks>li {
width: 47% !important;
}
#wrapper #footer>.centered .blocks>li:nth-child(3) {
width: 24% !important;
}
#wrapper #footer>.centered .blocks>li+li+li {
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/footer_separator.png) no-repeat 0 0 !important;
}
#wrapper #footer>.centered .blocks>li:nth-child(3)>div>ul>li a {
font-family: 'Poppins', sans-serif;
color: #1d1d1d;
font-size: 15px;
font-weight: 400;
position: relative;
right: 0;
top: 0;
}
#wrapper #footer>.centered .blocks .footer-social ul li {
display: flex;
}
#wrapper #footer>.centered .blocks .footer-social ul li img {
margin-right: 10px;
}
#wrapper .btn-arrow.inverted .txt {
border-color: #1d1d1d;
}
#wrapper .btn-arrow.inverted {
color: #1d1d1d;
border-color: #1d1d1d;
}
#wrapper #footer>.centered .logos {
position: relative;
top: 30px;
}
#wrapper #footer>.centered .logos .right {
display: flex;
}
#wrapper #footer>.centered {
padding: 70px 0 55px;
} #wrapper #about {
background: #fdfdfd;
}
#wrapper #about>div>.centered .card-container {
position: relative;
right: inherit;
width: 614px !important;
box-sizing: border-box;
float: left;
top: 0;
}
#wrapper #about>div>.centered .card-container h2 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 24px;
top: 54px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .3em;
}
#wrapper #about>div>.centered .card-container h2 .big {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 20px;
font-weight: 700;
padding: 79px 25px 40px;
text-transform: uppercase;
line-height: 43px;
letter-spacing: .4em;
overflow-wrap: break-word;
}
#wrapper #about>div>.centered .card-container h2 .big span {
-webkit-transition-duration: .45s;
-webkit-transition-property: color;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: color;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
color: transparent;
}
#wrapper #about>div>.centered .card-container.loaded h2 .big span {
color: #BE1E2D;
}
#wrapper #about .card-container.loaded>div {
width: 100%;
padding: 20px;
box-sizing: border-box;
}
#wrapper #about>div>.centered .card-container.loaded>div>div {
width: 100% !important;
margin: 0 !important;
padding: 4px;
box-sizing: border-box;
}
#wrapper #about>div>.centered .card-container.card1.loaded {}
#wrapper #about>div>.centered .card-container.card3.loaded {
margin-top: 210px;
}
#wrapper #about>div>.centered .card-container.card4.loaded {
display: inline-block;
margin-left: 0;
float: right;
margin-top: 150px;
}
#wrapper #about>div>.centered .card-container.card5.loaded {
margin-top: 150px;
left: 24%;
width: 520px !important;
}
#wrapper #about>div>.centered .card-container.card6.loaded {
top: 0;
margin-top: 150px;
float: right;
width: 500px !important;
display: block;
}
.separator-div {
display: block;
float: left;
width: 100%;
clear: both;
}
#wrapper #about>div {
text-align: center;
}
#wrapper #about>div>.centered {
display: inline-block;
height: inherit;
text-align: left;
}
#wrapper #about>div>.centered .img {
display: inline-block; display: none;
transform: none !important;
}
#wrapper #about>div>.centered .img.img-1 {
width: 100%;
right: -50%;
top: 177px;
display: block;
}
#wrapper #about>div>.centered .img.img-2 {
top: 1070px;
width: 80%;
right: 50%;
margin-top: 0;
display: block;
}
#wrapper #about>div>.centered .img.img-3 {
top: 2350px;
width: 90%;
right: inherit;
display: block;
}
#wrapper #about .text-grid>.line>div>span {
font-size: 58px;
}
#wrapper #about .text-grid>.line>div.space {
width: 5%;
}
#wrapper #about .text-grid>.line>div {
width: 7.09%;
}
#wrapper #about .text-grid>.line {
margin-left: -2%;
}
#wrapper #about>div>.centered .text-grid.visible {
transform: none !important;
}
#wrapper #about>#block2 {
background: #f5f8f9;
margin-top: -60px;
}
#wrapper #about>#block2>.centered {
padding-top: 480px;
padding-bottom: 100px;
}
#wrapper #about>#block1>.centered {
padding: 190px 0 0;
}
#wrapper #about>#block3 {
background: #f5f8f9;
}
#wrapper #about>#block3>.centered {
padding-bottom: 540px;
}
#wrapper #about>#block3.second-box { background: #fdfdfd; }
#wrapper #about>#block3.second-box>.centered {
padding-top: 0;
margin-top: -580px;
padding-bottom: 290px;
}
#wrapper #about .centered a.image-left {
margin-top: 430px;
margin-bottom: 255px;
position: relative;
}
#wrapper #about .centered a.image-left .text-block {
position: relative;
width: 50%;
right: -54%;
display: inline-block;
}
#wrapper #about .centered a.image-left .block-text {
margin-bottom: 40px;
display: block;
width: 100%;
box-sizing: border-box;
}
#wrapper #about .centered a.image-left .block-text p {
font-family: 'Poppins', sans-serif;
float: left;
color: #1D1D1D;
font-size: 16px;
line-height: 28px;
width: 100%;
display: block;
margin-bottom: 20px;
}
#wrapper #about .centered a.image-left .block-text .client-list {
display: flex; width: 100%;
}
#wrapper #about .centered a.image-left .block-text ul {
font-family: 'Poppins', sans-serif;
float: left;
color: #727a83;
font-size: 14px;
line-height: 31px;
width: 70%;
}
#wrapper #about .centered a.image-left .img {
width: 885px;
top: -140px;
position: absolute;
display: inline-block;
z-index: 0;
left: -172px;
overflow: visible;
}
#wrapper #about .centered .image-right .text-block {
font-family: 'Poppins', sans-serif;
float: inherit;
color: #1D1D1D;
font-size: 16px;
line-height: 38px;
width: 100%;
margin-top: 40px;
}
#wrapper #about #block3.accreditation .centered .image-right {
display: flex;
margin-top: 78px;
}
#wrapper #about #block3.accreditation .centered .image-right .img {
right: inherit;
top: inherit;
display: block;
position: relative;
}
#wrapper #about #block3.accreditation .centered {
padding-bottom: 200px;
} #wrapper #about.services .text-grid.left {
width: 50%;
float: right;
top: -160px;
}
#wrapper #about.services .text-grid.left>.line>div>span {
font-size: 34px;
}
#wrapper #about.services .text-grid.left>.line {
margin-bottom: 33px;
}
#wrapper #about.services>div>.centered .img.img-1 {
top: 697px;
}
#wrapper #about.services .text ul {
margin-top: 20px;
}
#wrapper #about.services .text ul li {
font-family: 'Poppins', sans-serif;
float: inherit;
color: #1D1D1D;
font-size: 14px;
line-height: 28px;
width: 100%;
list-style: disc;
list-style-position: inside;
text-indent: -20px;
padding-left: 20px;
box-sizing: border-box;
margin-bottom: 10px;
}
#wrapper #about.services>div>.centered .card-container.card3.loaded {
margin-top: 18px;
width: 50% !important;
margin-bottom: -510px !important;
}
#wrapper #about.services>div>.centered .card-container.card4.loaded {
width: 50% !important;
}
#wrapper #about.services>#block2 {
margin-top: -210px;
}
#wrapper #about.services #block2>.centered .img {
top: 830px;
}
#wrapper #about.services #block2>.centered .card-container.card2 {
float: right;
right: inherit;
margin-bottom: -120px;
}
#wrapper #about.services #block2>.centered .card-container.card1 {
right: 0;
top: 260px;
width: 482px !important;
}
#wrapper #about.services #block2>.centered .card-container.card2.cardb {
float: left;
right: inherit;
margin-top: 0;
}
#wrapper #about.services #block2>.centered .img.img-4 {
position: relative;
right: 0;
top: 0;
}
#wrapper #about.services #block2:before {
content: '';
height: 230px;
width: 10000em;
position: absolute;
background: #fff;
bottom: 0;
left: -100em;
}
#wrapper #about.team>div>.centered .card-container.card4.loaded {
margin-top: -190px;
width: 50% !important;
margin-bottom: -450px;
}
#wrapper #about.team>div>.centered .img.img-1 {
width: 100%;
right: inherit;
top: 447px;
display: block;
}
.team-list li {
margin-bottom: 48px;
position: relative;
}
.team-list li img {
width: 100%;
}
.team-list li div {
position: absolute;
top: 0;
padding: 100px 60px;
width: 100%;
box-sizing: border-box;
}
.team-list li div h2 {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
line-height: 34px;
letter-spacing: .3em;
color: #fff;
margin-bottom: 20px;
}
.team-list li div p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px;
color: #fff;
width: 50%;
letter-spacing: .07em;
}
span.break {
display: block !important;
} #wrapper #about.contact>div {
overflow: hidden;
}
#wrapper #about.contact>div>.centered .card-container.card4.loaded {
margin-top: -190px;
width: 45% !important;
}
#wrapper #about.contact .text-grid>.line>div {
width: 6.59%;
}
#wrapper #about.contact .contact-form {
width: 40%;
display: block;
position: relative;
}
#wrapper #about.contact .contact-form h2 {
font-family: 'Barlow', sans-serif;
display: block;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
line-height: 34px;
letter-spacing: .4em;
margin-bottom: 18px;
margin-top: 110px;
}
#wrapper #about.contact .contact-form p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 28px;
} :root {
--color__accent: #BE1E2D;
--field__background: #f5f5f5;
--field__background--hover: #e9e9e9;
--input__border: rgba(0, 0, 0, 0.42);
--input__border--hover: rgba(0, 0, 0, 0.62);
--label__color: #222;
}
.floating {
margin-bottom: 2rem;
background-color: var(--field__background);
transition: background-color 0.2s ease;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.floating:hover,
.floating:focus-within {
background-color: var(--field__background--hover);
}
.floating__input {
padding: 1.8rem 1rem 0.6rem;
font-size: 16px;
border-bottom: 0.1rem solid var(--input__border);
transition: border-color 0.2s ease;
caret-color: var(--color__accent);
width: 100%;
padding-left: 0;
box-sizing: border-box;
}
.floating:hover .floating__input {
border-color: var(--input__border--hover);
}
.floating__input::placeholder {
color: rgba(0, 0, 0, 0);
}
.floating__label {
display: block;
position: relative;
max-height: 0;
font-weight: 500;
pointer-events: none;
}
.floating__label::before {
color: var(--label__color);
content: attr(data-content);
display: inline-block;
filter: blur(0);
backface-visibility: hidden;
transform-origin: left top;
transition: transform 0.2s ease; position: relative;
color: #9fa3a7;
}
.floating__label::after {
bottom: 1rem;
content: "";
height: 0.1rem;
position: absolute;
transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
opacity: 0;
left: 0;
top: 100%;
margin-top: -0.1rem;
transform: scale3d(0, 1, 1);
width: 100%;
background-color: var(--color__accent);
}
.floating__input:focus+.floating__label::after {
transform: scale3d(1, 1, 1);
opacity: 1;
}
.floating__input:placeholder-shown+.floating__label::before {
transform: translate3d(0, -2.2rem, 0) scale3d(1, 1, 1);
}
.floating__label::before,
.floating__input:focus+.floating__label::before {
transform: translate3d(0, -3.12rem, 0) scale3d(0.82, 0.82, 1);
}
.floating__input:focus+.floating__label::before {
color: var(--color__accent);
}
#wrapper #about.contact .btn-arrow {
margin-top: 20px;
}
.contact-details {
display: flex;
clear: both;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 66px;
}
#wrapper #about.contact .contact-form .contact-details h2 {
font-size: 18px;
}
#wrapper #about.contact .contact-form .contact-details p {
margin-bottom: 8px;
}
#wrapper #about.contact .contact-form .contact-details p span {
font-weight: 500;
margin-bottom: -5px;
display: block;
}
.contact-details>div:first-child {
margin-right: 20px;
}
#wrapper #about.contact .form {
margin-top: 20px;
}
#wrapper #about.contact>div>.centered .img.img-1 {
width: 812px;
right: -39%;
top: 0;
display: block;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h3 {
float: inherit;
} #portfolio .block-text p {
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 31px;
width: 47%;
margin-bottom: 50px;
margin-top: -30px;
position: relative;
left: -17px;
}
#wrapper #portfolio .btn-arrow {
width: 90px;
height: 90px;
margin: -4px;
}
#wrapper #portfolio .btn-arrow .bg {
display: block;
height: 100%;
width: 90px;
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/btn_arrow-lg.png) repeat-x 0 center;
}
#wrapper #portfolio .btn-arrow:hover .bg {
background-position: 90px center;
}
#wrapper #portfolio .card-container>div>div {
min-width: 340px;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content h2 {
padding: 18px 16px 0;
letter-spacing: .2em;
top: -6px;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content>.small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 16px;
bottom: 24px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transition-duration: .45s;
-webkit-transition-property: opacity;
-webkit-transition-delay: 1.25s;
-webkit-transition-timing-function: 'ease-in-out';
transition-duration: .45s;
transition-property: opacity;
transition-delay: 1.25s;
transition-timing-function: 'ease-in-out';
-webkit-backface-visibility: hidden;
opacity: 0;
filter: alpha(opacity=0)
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container.loaded .content>.small {
opacity: 1;
filter: alpha(opacity=100);
float: left;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container .content {
display: flex;
justify-content: space-between;
}
#wrapper #portfolio .project-video {
margin-left: -4.54%;
width: 109.09%;
margin-top: 150px;
}  #wrapper #slider-container-squares>.card-container {
height: calc(100vh) !important;
width: 480px;
box-sizing: border-box;
bottom: 0px;
top: inherit;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
#wrapper .card-container.loaded>div {
bottom: 30px;
}
#wrapper #slider-container-squares>.card-container .infos {
transition-duration: .75s;
transition-property: height;
transition-delay: 0s;
transition-timing-function: 'ease-in-out';
}
body.opened #wrapper #slider-container-squares>.card-container .infos {
height: calc(100vh - 172px - 60px) !important;
}
.project-gallery #wrapper #slider-container-squares>.card-container .infos>.text {
overflow: scroll;
height: 100% !important;
}
.project-gallery #wrapper #slider-container-squares>.card-container .infos>.text h3 {
font-family: 'Poppins', sans-serif;
font-size: 18px;
line-height: 28px;
margin-bottom: 21px;
}
.project-gallery #wrapper #slider-container-squares>.card-container .infos>.text h4 {
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 28px;
font-weight: 500;
margin-bottom: 8px;
line-height: 24px;
}
.project-gallery #wrapper #slider-container-squares>.card-container .infos>.text p {
margin-bottom: 22px;
padding-top: 0 !important;
}
.project-gallery #wrapper #slider-container-squares>.card-container .infos>.text>div>*:last-child {
margin-bottom: 60px;
}
.project-gallery #wrapper #slider-container-squares>.card-container h2 .big {
font-family: 'Barlow', sans-serif;
font-size: 18px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: .2em;
top: -14px;
position: relative;
padding-left: 26px; }
.project-gallery #wrapper #slider-container-squares>.card-container h2 .small {
font-family: 'Barlow', sans-serif;
display: block;
position: absolute;
left: 27px;
top: inherit;
font-size: 8px;
text-transform: uppercase;
letter-spacing: .1em;
bottom: 12px;
}
.contact-details a {
color: #1d1d1d;
}
.contact-details a:hover,
.contact-details a:active {
color: #9fa3a7;
}
.contact-details .pipe {
display: inline-block !important;
margin: 0 4px;
color: #fff;
}
.mobile-only {
display: none !important;
}
.desktop-only {
display: block !important;
}
div#site-description {
display: none !important;
}      .infos h3 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin-bottom: 28px;
}
.infos h4 {
font-family: 'Poppins', sans-serif;
font-size: 14px;
margin-bottom: 12px;
font-weight: 500;
}  @media (max-width: 768px) {
.mobile-only {
display: block !important;
}
.desktop-only {
display: none !important;
}
#wrapper #about.contact>div>.centered .card-container.card4.loaded {
margin-top: -100px;
}
body {
-webkit-text-size-adjust: none;
}
#wrapper {
min-width: 100%;
}
#wrapper .centered {
width: 88%;
max-width: 100%;
}
#wrapper .card-container.home {
position: absolute;
left: 0;
top: 20%;
margin-left: 0;
margin-top: 0;
width: 100%;
z-index: 50;
cursor: default;
padding: 10px;
box-sizing: border-box;
}
#wrapper .card-container.loaded>div {
width: inherit;
padding: 8px !important;
box-sizing: border-box;
}
#wrapper .card-container.home>div>div {
width: 100%;
height: inherit;
box-sizing: border-box;
margin: 0;
}
#wrapper .card-container.home h2 .logo {
background: url(//www.advantesgroup.com/wp-content/themes/blankslate/images/layout/header_logo-mobile.png) no-repeat 0 30px;
height: 198px;
}
#wrapper .card-container.home .btn-previous,
#wrapper .card-container.home .btn-next {
display: none;
}
#wrapper .card-container.home .menu {
margin: 0;
}
#wrapper .text-grid>.line>div>span {
font-size: 30px;
}
#wrapper #homepage #block2>.centered .block-text {
width: 100%
}
#wrapper #homepage #block2>.centered .block-text p {
width: 100%;
}
#wrapper #homepage #block2>.centered .block-text {
padding-top: 20px;
}
#wrapper .text-grid>.line {
margin-left: -2.5%;
}
#wrapper #homepage #block2>.centered .block-text .btn-arrow {
float: left;
margin-top: 43px;
}
#wrapper #block3 .image-right .text-block {
width: 100%;
}
#wrapper #block3 .text-grid>.line>div>span {
font-size: 30px;
}
#wrapper #homepage #block3>.centered>a.full.image-right>.img {
width: 170%;
margin-top: 39px;
left: -110px;
}
#wrapper #homepage #block3>.centered>a.full.image-right>.img>img {
width: initial;
height: 420px;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container {
width: 100%;
box-sizing: border-box;
}
#wrapper #homepage #block3>.centered .block-text p {
width: 100%;
}
#wrapper #homepage #block3>.centered>a>.card-container .content>h2 span {
line-height: 31px;
}
#wrapper #block3 .text-grid>.line {
margin-bottom: 30px;
width: 100%;
display: flex;
flex-wrap: nowrap;
}
#wrapper #homepage #block3>.centered>a>.card-container>div>div {
width: 100%;
margin: 0;
box-sizing: border-box;
}
#wrapper #homepage #block3>.centered>a.full.image-left>.img {
width: 170%;
margin-top: 58px;
left: -110px;
}
#wrapper #homepage #block3>.centered>a.full.image-left>.img>img {
width: initial;
height: 420px;
}
#wrapper #block3 .image-left .text-block {
width: 100%;
right: 0;
}
#wrapper #homepage #block3>.centered>a.full.content-box-center>.card-container {
margin-top: -300px;
}
#wrapper #homepage #block3>.centered>a.full.contact>.img {
display: flex;
width: 100%;
justify-content: center;
overflow: visible;
}
#wrapper #homepage #block3>.centered>a>.img>img {
width: auto;
height: 360px;
}
.noticeable-clients ul {
display: flex;
flex-direction: column;
justify-content: center;
}
.noticeable-clients ul li {
margin-bottom: 60px;
}
.noticeable-clients ul li img {
margin: 0 auto;
}
#wrapper #footer {
min-width: 100%;
}
#wrapper #footer>.centered .blocks>li:nth-child(1) {
width: 100% !important;
padding-bottom: 40px;
}
#wrapper #footer>.centered .blocks>li+li {
width: 100% !important;
background: none;
}
#wrapper #footer>.centered .blocks>li:nth-child(3) {
width: 100% !important;
background: none !important;
padding-bottom: 100px
}
#wrapper #footer>.centered .logo {
margin-bottom: 47px;
float: left;
margin-left: 28px;
}
#wrapper #footer>.centered .logos>li.right {
float: left;
}
#wrapper #footer>.centered {
padding-top: 0;
margin-top: -100px;
}
#wrapper #footer>.centered .logos {
top: -40px;
}
#wrapper #footer>.centered .copyright {
text-align: center;
bottom: 62px;
width: 100%;
}
#wrapper #footer>.centered {
padding-bottom: 100px
}
#wrapper #homepage #block3>.centered>a.full.contact>.img {
display: none !important;
}
#wrapper #homepage #block3>.centered>a.full.services {
margin-top: 300px;
}
#wrapper #homepage #block3>.centered {
padding: 160px 0 120px;
}
#wrapper #homepage #block3>.centered {
padding: 160px 0 20px;
}
#wrapper #homepage #block2>.centered {
padding: 90px 0 155px;
}
#wrapper .btn-scroll-down>.bg {
width: 60px;
height: 60px;
}
#wrapper .btn-scroll-down>.icon {
width: 42px;
height: 42px;
}
#wrapper .btn-scroll-down.loaded {
bottom: 15px;
}
#wrapper #about>div>.centered .card-container,
#wrapper #about>div>.centered .card-container.card5.loaded,
#wrapper #about>div>.centered .card-container.card6.loaded,
#wrapper #about #block2>.centered .card-container.card1,
#wrapper #about #block2>.centered .card-container.card2,
#wrapper #about .centered .text-block,
#wrapper #about .centered .block-text,
#wrapper #about.team>div>.centered .card-container.card4.loaded,
#wrapper #about.services>div>.centered .card-container.card3.loaded,
#wrapper #about.services>div>.centered .card-container.card4.loaded,
#wrapper #about.services #block2>.centered .card-container.card1,
#wrapper #about.contact>div>.centered .card-container.card4.loaded {
width: 100% !important;
box-sizing: border-box !important;
left: 0 !important;
right: 0 !important;
z-index: 99;
float: inherit !important;
}
#wrapper #about.services>div>.centered .card-container.card3.loaded,
#wrapper #about.services #block2>.centered .card-container.card2,
#wrapper #about.services #block2>.centered .card-container.card1 {
margin-bottom: 0 !important;
margin-top: 80px !important
}
#wrapper #about.services #block2>.centered .card-container.card1 {
top: 0;
margin-top: 80px !important;
}
#wrapper #about>#block2>.centered {
padding-top: 330px;
padding-bottom: 100px;
}
#wrapper #about>div>.centered .card-container.card4.loaded {
margin-top: 50px;
}
#wrapper #about #block3.accreditation .centered .image-right {
display: flex;
flex-direction: column;
}
#wrapper #about #block3.accreditation .centered .image-right .img img {
width: 100%;
margin-top: 20px;
margin-left: -25px;
}
#wrapper #about .text-grid>.line {
margin-bottom: 0;
}
#wrapper #about .text-grid>.line>div {
width: 13%;
}
#wrapper #about #block2 .text-grid>.line>div {
width: 9%;
}
#wrapper #about #block2 .text-grid>.line {
margin-bottom: 10px;
}
#wrapper #about #block2 .text-grid>.line>div>span {
font-size: 20px;
}
#wrapper #about .text-grid>.line>div>span {
font-size: 30px;
}
#wrapper #about>div>.centered .img.img-1 {
width: 110%;
right: -50%;
top: 377px;
}
#wrapper #about>div>.centered .img.img-2 {
top: 1310px;
width: 110%;
right: 30%;
}
#wrapper #about>div>.centered .img.img-3 {
top: 2020px;
width: 110%;
right: -100px;
}
#wrapper #about #block2>.centered .img {
right: -40%;
top: 300px;
width: 120%;
}
#wrapper #about #block3>.centered .img {
right: -40%;
top: 110px;
width: 100%;
}
#wrapper #about .centered a.image-left .img {
width: 80%;
top: 364px;
z-index: 0;
left: inherit;
right: -10%;
}
#wrapper #about .centered a.image-left .img img {
width: 100%;
}
#wrapper #about>#block4>.centered {
padding-top: 50px;
padding-bottom: 260px;
}
#wrapper #about>div>.centered .card-container .text {
padding: 24px 20px 34px;
font-size: 14px !important;
}
#wrapper #about>div>.centered .card-container h2 .big {
padding: 68px 20px 30px;
font-size: 20px;
letter-spacing: .3em;
line-height: 38px;
}
#wrapper #about.team>div>.centered .card-container.card4.loaded {
margin-top: 40px; }
#wrapper #about .centered a.image-left .block-text ul {
width: 100%;
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 1 !important;
}
.team-list li:first-child {
display: none;
}
.team-list li {
margin-bottom: 27px;
}
.team-list li div {
position: absolute;
top: 0;
padding: 40px 30px 0;
width: 100%;
box-sizing: border-box;
}
.team-list li div h2 {
font-size: 24px;
line-height: 32px;
}
.team-list li img {
width: auto;
height: 360px;
}
.team-list li div p {
font-size: 14px;
line-height: 21px;
width: 100%;
}
#wrapper #about.services .text-grid.left {
display: none;
}
#portfolio .block-text p {
display: none;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a>.card-container {
position: relative;
margin-top: -70px;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div {
width: 100%;
}
#wrapper #portfolio>#block1>.centered .framed-block .content>div ul a {
background: #fff;
}
#wrapper #portfolio>#block1>.centered .framed-block.loaded .content>div ul {
padding-top: 26px;
}
#wrapper #portfolio .card-container>div>div {
margin: 0;
}
#wrapper #slider-container-squares>.card-container {
width: calc(100% - 32px) !important;
bottom: 0;
left: 16px;
}
body.opened #wrapper #slider-container-squares>.card-container {
width: calc(100% - 32px) !important;
right: inherit;
}
#wrapper #slider-container-squares>.card-container>div {
bottom: 16px;
width: 100%;
}
#wrapper #slider-container-squares>.card-container>div>div {
margin: 0;
width: 100% !important;
padding: 0;
padding-bottom: 4px;
}
#wrapper #slider-container-squares>.card-container h2,
#wrapper #slider-container-squares>.card-container .infos {
margin: 0px 4px;
}
#wrapper #slider-container-squares>.card-container .menu {
margin: 0px 6px;
}
#wrapper #slider-container-squares>.card-container .btn-previous,
#wrapper #slider-container-squares>.card-container .btn-next {
display: none;
}
#wrapper #about.contact>div>.centered .img.img-1 {
top: -510px;
}
.contact-details {
flex-direction: column;
}
#wrapper #about .centered a.image-left .block-text .client-list {
flex-direction: column;
}
#wrapper #about #block3.accreditation .centered .image-right {
margin-top: 8px;
}
#wrapper #about.contact>div>.centered .text-grid.visible {
visibility: hidden;
}
.team-list li {
width: 100%;
overflow: hidden;
}
} @media (min-width: 769px) and (max-width: 992px) {
#wrapper {
min-width: 769px;
}
#wrapper #homepage #block3>.centered>a.full.image-left>.img {
left: -610px;
}
#wrapper #block3 .text-grid>.line>div>span {
font-size: 38px;
}
#wrapper .text-grid>.line>div>span {
font-size: 50px;
}
#wrapper #homepage #block2>.centered .block-text {
width: 100%;
}
.noticeable-clients ul li img {
width: 66%;
margin: 0 auto;
}
#wrapper #footer {
min-width: 769px;
}
#wrapper #footer>.centered .blocks>li:nth-child(1) {
width: 100% !important;
padding-bottom: 40px;
}
#wrapper #footer>.centered .blocks>li {
width: 76% !important;
}
#wrapper #footer>.centered .blocks>li+li {
background: none;
}
#wrapper #footer>.centered .copyright {
width: 260px;
line-height: 1.4;
}
#wrapper #footer>.centered {
padding-top: 0;
}
#wrapper #about>div>.centered .card-container h2 .big {
font-size: 20px;
letter-spacing: .3em;
}
}
@media (min-width: 880px) and (max-width: 992px) {
#wrapper #homepage #block3>.centered>a.full.image-left>.img {
left: -560px;
}
} @media (min-width: 1200px) {} @media (max-width: 576px) {}