body{
font-family:"Josefin Sans",sans-serif!important;
background-color:#e8e8e8!important
}
.container-fluid{
max-width:1440px;
margin:0 auto
}
.row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
@media only screen and (max-width:992px){
.row div[class*=col-]{
width:100%
}
}
ul{
padding:0;
margin:0;
list-style:none
}
img{
max-width:100%;
height:auto
}
.title-main{
font-size:60px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.25;
letter-spacing:-2px;
color:#38383a
}
@media only screen and (max-width:767px){
.title-main{
font-size:38px;
line-height:1.08;
letter-spacing:-1.27px
}
}
.title-secondary{
font-size:50px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.04;
letter-spacing:-.51px;
color:#38383a
}
@media only screen and (max-width:767px){
.title-secondary{
font-size:38px;
line-height:1.08;
letter-spacing:-1.27px
}
}
p{
font-size:18px;
font-weight:400;
font-stretch:normal;
font-style:normal;
line-height:1.39;
letter-spacing:.28px;
color:#262624
}
.btn-yellow{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:221px;
height:44px;
background-color:#e1ad01;
border-radius:19px;
font-size:18px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.5;
letter-spacing:1.97px;
text-transform:uppercase;
cursor:pointer;
position:relative;
overflow:hidden;
color:#38383a
}
.btn-yellow:after,.btn-yellow:before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
-webkit-transition:all .25s ease;
transition:all .25s ease;
border-radius:19px
}
.btn-yellow:before{
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-box-shadow:inset 0 0 0 0 #fff;
box-shadow:inset 0 0 0 0 #fff
}
.btn-yellow:hover:before{
-webkit-box-shadow:inset 0 0 0 60px #fff;
box-shadow:inset 0 0 0 60px #fff
}
@media only screen and (max-width:767px){
.btn-yellow{
height:70px
}
}
.btn-white{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:44px;
border-radius:19px;
background-color:#fff;
font-size:18px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.5;
letter-spacing:1.97px;
text-transform:uppercase;
cursor:pointer;
position:relative;
overflow:hidden;
color:#38383a
}
.btn-white:after,.btn-white:before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
-webkit-transition:all .25s ease;
transition:all .25s ease;
border-radius:30px
}
.btn-white:before{
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-box-shadow:inset 0 0 0 0 #e1ad01;
box-shadow:inset 0 0 0 0 #e1ad01
}
.btn-white:hover:before{
-webkit-box-shadow:inset 0 0 0 60px #e1ad01;
box-shadow:inset 0 0 0 60px #e1ad01
}
@media only screen and (max-width:767px){
.btn-white{
height:70px
}
}
.icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:31px;
height:31px;
border-radius:50%;
border:1px solid transparent;
cursor:pointer;
position:relative;
overflow:hidden;
background-color:#9b9b9b
}
@media only screen and (max-width:767px){
.icon{
width:54px;
height:54px
}
}
.icon i{
position:relative;
z-index:1;
-webkit-transition:.25s;
transition:.25s;
text-decoration:none;
color:#fff
}
.icon:after,.icon:before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
-webkit-transition:all .25s ease;
transition:all .25s ease;
border-radius:50%
}
.icon:before{
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-box-shadow:inset 0 0 0 0 #e1ad01;
box-shadow:inset 0 0 0 0 #e1ad01
}
.icon:hover{
text-decoration:none;
border:1px solid #e1ad01
}
.icon:hover:before{
-webkit-box-shadow:inset 0 0 0 60px #e1ad01;
box-shadow:inset 0 0 0 60px #e1ad01
}
body .elementor-widget:not(:last-child){
margin-bottom:0
}
.elementor-editor-wp-page .case-studies{
display:none
}
@font-face{
font-family:Bebas;
font-style:normal;
font-weight:400;
src:local("Bebas"),url(//www.dafnarolls.com/wp-content/themes/drolls/fonts/Bebas.woff) format("woff")
}
.header{
position:absolute;
left:0;
top:0;
width:100%;
z-index:100
}
@media only screen and (max-width:767px){
.header{
background-color:#e8e8e8
}
}
.header .navigation{
position:fixed;
top:0;
left:0;
width:100%;
padding:10px 0;
background-color:#38383a;
z-index:101
}
@media only screen and (max-width:767px){
.header .navigation{
padding:13px 0
}
}
.header .navigation .hamburger{
text-align:right;
display:none
}
@media only screen and (max-width:767px){
.header .navigation .hamburger{
display:block
}
}
.header .navigation nav{
-webkit-transition:.3s;
transition:.3s
}
@media only screen and (max-width:992px){
.header .navigation nav{
position:absolute;
margin-top:-500px;
left:0;
top:0;
z-index:1;
background-color:#e8e8e8;
width:100%;
padding:30px 15px
}
}
.header .navigation nav.active{
margin-top:33px;
-webkit-transition:.3s;
transition:.3s
}
.header .navigation nav.active ul{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.header .navigation nav.active ul li{
margin:0;
text-align:center
}
.header .navigation nav.active ul li a{
font-size:18px;
color:#38383a
}
.header .navigation nav.active ul li a:before{
background-color:#38383a
}
.header .navigation nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-bottom:0
}
.header .navigation nav ul li{
margin-left:35px
}
.header .navigation nav ul li.current_page_item a:before{
width:100%;
left:0
}
.header .navigation nav ul li a{
font-size:14px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.79;
letter-spacing:.22px;
text-decoration:none;
position:relative;
padding-bottom:3px;
color:#e8e8e8
}
.header .navigation nav ul li a:hover{
-webkit-transition:.3s;
transition:.3s
}
.header .navigation nav ul li a:hover:before{
width:100%;
left:0
}
.header .navigation nav ul li a:before{
position:absolute;
content:'';
width:0;
height:1px;
left:100%;
bottom:0;
background-color:#e8e8e8;
-webkit-transition:.3s;
transition:.3s
}
.header .logo{
padding-top:105px
}
@media only screen and (max-width:767px){
.header .logo{
text-align:center;
padding-top:60px
}
}
.header .logo img{
max-height:113px
}
@media only screen and (max-width:767px){
.header .logo img{
max-height:95px
}
}
.footer{
padding:30px 0 10px 0; background-color:#fff
}
@media only screen and (max-width:767px){
.footer{
padding:50px 0
}
}
.footer .flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media only screen and (max-width:767px){
.footer .flex{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
}
.footer .flex .logo{
margin-right:50px
}
@media only screen and (max-width:767px){
.footer .flex .logo{
margin:0 0 30px 0
}
}
.footer .flex .logo img{
max-height:55px
}
@media only screen and (max-width:767px){
.footer .flex .logo img{
max-height:95px
}
}
@media only screen and (max-width:767px){
.footer .flex .socials{
margin-bottom:30px
}
}
.footer .flex .socials ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:0
}
.footer .flex .socials ul li{
margin:0 5px
}
@media only screen and (max-width:767px){
.footer .flex .socials ul li svg{
font-size:20px
}
}
.footer .flex .socials ul li img{
height:30px
}
.footer nav{
margin-bottom:15px
}
@media only screen and (max-width:992px){
.footer nav{
display:none
}
}
.footer nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-bottom:0
}
.footer nav ul li{
margin-left:35px
}
.footer nav ul li.current_page_item a:before{
width:100%;
left:0
}
.footer nav ul li a{
font-size:14px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.79;
letter-spacing:.22px;
text-decoration:none;
position:relative;
padding-bottom:3px;
color:#38383a
}
.footer nav ul li a:hover{
-webkit-transition:.3s;
transition:.3s
}
.footer nav ul li a:hover:before{
width:100%;
left:0
}
.footer nav ul li a:before{
position:absolute;
content:'';
width:0;
height:1px;
left:100%;
bottom:0;
background-color:#38383a;
-webkit-transition:.3s;
transition:.3s
}
.footer .copyright{
text-align:right
}
@media only screen and (max-width:767px){
.footer .copyright{
text-align:center
}
}
.footer .copyright p{
font-size:14px
}
.page-hero{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
min-height:770px;
margin-top:45px;
position:relative
}
@media only screen and (max-width:767px){
.page-hero{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-top:154px;
min-height:auto
}
.page-hero .container{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
width:100%
}
.page-hero .image{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
}
.page-hero .text{
padding-top:340px
}
@media only screen and (max-width:767px){
.page-hero .text{
padding-top:0
}
}
.page-hero .text .title-main{
max-width:600px;
margin-bottom:8px
}
@media only screen and (max-width:767px){
.page-hero .text .title-main{
margin-bottom:25px
}
}
.page-hero .text p{
max-width:467px;
font-size:24px;
font-weight:400;
line-height:1.25;
letter-spacing:.37px
}
.page-hero .image{
position:absolute;
right:0;
top:0;
max-width:55%;
text-align:right
}
@media only screen and (max-width:767px){
.page-hero .image{
max-width:100%;
position:relative;
margin-bottom:30px
}
}
.page-hero .image img{
max-height:770px;
-o-object-fit:cover;
object-fit:cover
}
.page-hero .image .vector{
position:absolute;
left:-190px;
top:-150px
}
.page-hero .image .vector img{
max-height:495px
}
.page-logos{
padding:50px 0 15px 0
}
@media only screen and (max-width:767px){
.page-logos{
padding:30px 0 15px 0
}
}
.page-logos .flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.page-logos .flex .item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:154px;
border-radius:42px;
background-color:rgba(255,255,255,.51);
-webkit-transition:.3s;
transition:.3s
}
@media only screen and (max-width:767px){
.page-logos .flex .item{
height:102px;
border-radius:22px
}
}
.page-logos .flex .item:hover{
-webkit-box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
-webkit-transition:.3s;
transition:.3s
}
.page-logos .flex .item img{
max-height:80px;
max-width:80%
}
@media only screen and (max-width:767px){
.page-logos .flex .item img{
max-height:60%
}
}
.page-logos .swiper-logos{
padding:15px 0 30px 0
}
.page-logos .swiper-logos .swiper-wrapper{
-webkit-transition-timing-function:linear!important;
transition-timing-function:linear!important
}
.page-logos .swiper-logos .swiper-slide{
width:221px
}
@media only screen and (max-width:767px){
.page-logos .swiper-logos .swiper-slide{
width:142px
}
}
.page-opportunity{
padding:55px 0;
overflow:hidden
}
@media only screen and (max-width:767px){
.page-opportunity{
padding:15px 0 30px 0
}
}
.page-opportunity .text{
text-align:center;
margin-bottom:100px
}
.page-opportunity .text .title-secondary{
max-width:600px;
margin:0 auto 10px auto
}
.page-opportunity .text p{
max-width:635px;
font-size:22px;
font-weight:400;
line-height:1.27;
letter-spacing:.34px;
margin:0 auto 16px auto
}
.page-opportunity .tabs{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
@media only screen and (max-width:992px){
.page-opportunity .tabs{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
}
.page-opportunity .tabs .tab-content{
width:292px
}
@media only screen and (max-width:992px){
.page-opportunity .tabs .tab-content{
margin-bottom:30px
}
}
.page-opportunity .tabs .tab-content .image{
width:100%;
position:relative
}
@media only screen and (max-width:767px){
.page-opportunity .tabs .tab-content .image{
max-width:292px
}
}
.page-opportunity .tabs .tab-content .image .vector{
position:absolute;
left:-153px;
top:-153px
}
.page-opportunity .tabs .tab-content .image .vector lottie-player{
width:600px!important;
height:600px!important
}
.page-opportunity .tabs .tab-content .image .vector img{
width:165px
}
.page-opportunity .tabs .tab-content .image img{
width:100%
}
.page-opportunity .tabs .nav{
width:calc(100% - 292px);
max-width:720px;
padding-left:63px
}
@media only screen and (max-width:992px){
.page-opportunity .tabs .nav{
max-width:100%;
padding-left:0;
width:100%
}
}
.page-opportunity .tabs .nav li{
border-bottom:solid 1px #979797
}
.page-opportunity .tabs .nav li:last-of-type{
border-bottom:0
}
.page-opportunity .tabs .nav li.active{
background-color:transparent;
border-radius:0
}
.page-opportunity .tabs .nav li.active:focus,.page-opportunity .tabs .nav li.active:hover{
background-color:transparent
}
.page-opportunity .tabs .nav li.active h3{
color:#e1ad01
}
.page-opportunity .tabs .nav li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px 0;
cursor:pointer;
background-color:transparent
}
@media only screen and (max-width:767px){
.page-opportunity .tabs .nav li a{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
}
.page-opportunity .tabs .nav li a:focus,.page-opportunity .tabs .nav li a:hover{
background-color:transparent
}
.page-opportunity .tabs .nav li a h3{
width:245px;
font-size:21px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.29;
letter-spacing:normal;
text-transform:uppercase;
padding-right:15px;
color:#d3d3d3
}
@media only screen and (max-width:767px){
.page-opportunity .tabs .nav li a h3{
width:100%
}
}
.page-opportunity .tabs .nav li a p{
width:calc(100% - 245px)
}
@media only screen and (max-width:767px){
.page-opportunity .tabs .nav li a p{
width:100%
}
}
.page-id-7 .page-text-right{
padding-top:50px
}
.page-text-left .wrapper,.page-text-right .wrapper{
background-color:#38383a;
padding:80px 0 80px 140px;
border-radius:42px;
position:relative
}
@media only screen and (max-width:1200px){
.page-text-left .wrapper,.page-text-right .wrapper{
padding-left:0
}
}
@media only screen and (max-width:992px){
.page-text-left .wrapper,.page-text-right .wrapper{
padding:0 0 80px 0
}
.page-text-left .wrapper div[class*=col-],.page-text-right .wrapper div[class*=col-]{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
}
@media only screen and (max-width:767px){
.page-text-left .wrapper,.page-text-right .wrapper{
border-radius:42px 42px 25px 25px;
padding-bottom:30px
}
}
.page-text-left .text .title-secondary,.page-text-right .text .title-secondary{
max-width:451px;
margin-bottom:16px;
text-align:left;
color:#fff
}
@media only screen and (max-width:992px){
.page-text-left .text .title-secondary,.page-text-right .text .title-secondary{
max-width:100%
}
}
.page-text-left .text p,.page-text-right .text p{
max-width:451px;
font-size:22px;
font-weight:300;
line-height:1.27;
letter-spacing:.34px;
color:#fff
}
@media only screen and (max-width:992px){
.page-text-left .text p,.page-text-right .text p{
max-width:100%
}
}
.page-text-left .text p:last-of-type,.page-text-right .text p:last-of-type{
margin-bottom:25px
}
@media only screen and (max-width:767px){
.page-text-left .text .btn-yellow,.page-text-right .text .btn-yellow{
width:100%;
height:70px
}
}
.page-text-left .text .btn-yellow span,.page-text-right .text .btn-yellow span{
position:relative;
z-index:1
}
.page-text-left .image,.page-text-right .image{
position:absolute;
right:0;
top:0;
height:100%;
width:50%;
padding:0
}
@media only screen and (max-width:992px){
.page-text-left .image,.page-text-right .image{
position:initial;
width:100%;
margin-bottom:15px;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
}
.page-text-left .image img,.page-text-right .image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:0 42px 42px 0
}
.page-text-left .image img:nth-of-type(2),.page-text-right .image img:nth-of-type(2){
display:none
}
@media only screen and (max-width:992px){
.page-text-left .image img:first-child,.page-text-right .image img:first-child{
display:none
}
.page-text-left .image img:nth-of-type(2),.page-text-right .image img:nth-of-type(2){
display:block
}
}
.page-text-right{
padding-top:150px
}
.page-text-right .text p{
font-size:18px
}
.page-text-right .image{
right:initial;
left:0
}
.page-text-right .image img{
border-radius:42px 0 0 42px
}
.page-testimonials{
padding:200px 0 60px 0;
overflow-x:hidden
}
@media only screen and (max-width:767px){
.page-testimonials{
padding:80px 0 30px 0
}
}
.page-testimonials .row{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media only screen and (max-width:992px){
.page-testimonials .top div[class*=col-]:first-child{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.page-testimonials .top div[class*=col-]:nth-of-type(2){
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
}
.page-testimonials .text .title-secondary{
font-weight:300;
margin-bottom:65px;
text-align:left
}
@media only screen and (max-width:767px){
.page-testimonials .text .title-secondary{
margin-bottom:30px
}
}
.page-testimonials .text p{
font-weight:700;
line-height:1.22;
color:#9b9b9b;
margin-bottom:0
}
.page-testimonials .image{
max-width:328px;
margin:0 auto;
position:relative
}
@media only screen and (max-width:992px){
.page-testimonials .image{
margin-bottom:30px
}
}
@media only screen and (max-width:767px){
.page-testimonials .image{
max-width:292px
}
}
.page-testimonials .image .vector{
position:absolute;
left:-161px;
top:-161px
}
@media only screen and (max-width:767px){
.page-testimonials .image .vector{
left:-153px;
top:-153px
}
}
.page-testimonials .image .vector lottie-player{
width:650px!important;
height:650px!important
}
@media only screen and (max-width:767px){
.page-testimonials .image .vector lottie-player{
width:600px!important;
height:600px!important
}
}
.page-testimonials .image .vector .vector{
position:absolute
}
.page-testimonials .image img{
width:100%
}
.page-testimonials .wrapper{
margin-top:111px
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper{
margin-top:60px
}
}
.page-testimonials .wrapper div[class*=col-]{
padding-left:6px;
padding-right:6px
}
.page-testimonials .wrapper .item{
border-radius:36px;
background-color:rgba(255,253,253,.51);
padding:30px 30px 25px 30px;
margin-bottom:10px;
-webkit-transition:.3s;
transition:.3s
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper .item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:25px 15px
}
}
.page-testimonials .wrapper .item:hover{
-webkit-box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
-webkit-transition:.3s;
transition:.3s
}
.page-testimonials .wrapper .item .logo{
width:auto;
height:43px;
margin-bottom:40px
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper .item .logo{
height:auto;
width:80px;
margin-bottom:20px
}
}
.page-testimonials .wrapper .item .logo img{
height:100%;
width:auto
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper .item .logo img{
width:100%;
height:auto
}
}
.page-testimonials .wrapper .item p{
font-weight:400;
line-height:1.19;
letter-spacing:.28px
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper .item p{
width:calc(100% - 105px)
}
}
.page-testimonials .wrapper .item h3{
font-size:12px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.57;
letter-spacing:normal;
text-align:left;
color:#9b9b9b
}
@media only screen and (max-width:767px){
.page-testimonials .wrapper .item h3{
width:100%
}
}
.page-id-18 .case-studies{
padding-bottom:50px
}
@media only screen and (max-width:767px){
.page-id-18 .case-studies .wrapper{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
overflow-x:hidden
}
.page-id-18 .case-studies .wrapper div[class*=col-]{
margin-bottom:15px
}
}
.case-studies{
padding:65px 0 100px 0
}
@media only screen and (max-width:767px){
.case-studies{
padding:30px 0 0 0
}
}
.case-studies .text{
margin-bottom:50px
}
.case-studies .text .title-secondary{
text-align:center
}
@media only screen and (max-width:767px){
.case-studies .wrapper{
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
overflow-x:scroll
}
}
.case-studies .wrapper div[class*=col-]{
margin-bottom:25px
}
@media only screen and (max-width:767px){
.case-studies .wrapper div[class*=col-]{
margin-bottom:50px
}
}
.case-studies .wrapper div[class*=col-]:first-child .item-name{
background-color:#422c76
}
.case-studies .wrapper div[class*=col-]:nth-of-type(2) .item-name{
background-color:#e1ad01
}
.case-studies .wrapper div[class*=col-]:nth-of-type(3) .item-name{
background-color:#1b4351
}
.case-studies .wrapper .item{
background-color:#38383a;
border-radius:42px
}
@media only screen and (max-width:767px){
.case-studies .wrapper .item{
min-width:300px
}
}
.case-studies .wrapper .item-name{
padding:20px 60px;
border-radius:42px 42px 0 0
}
@media only screen and (max-width:767px){
.case-studies .wrapper .item-name{
text-align:center;
padding:20px 15px
}
}
.case-studies .wrapper .item-name h3{
font-size:18px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.5;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:0;
color:#fff
}
.case-studies .wrapper .item-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
min-height:420px;
padding:50px 60px
}
@media only screen and (max-width:767px){
.case-studies .wrapper .item-text{
padding:30px 15px;
min-height:auto
}
}
.case-studies .wrapper .item-text p{
font-size:24px;
line-height:1.25;
letter-spacing:.37px;
color:#fff
}
@media only screen and (max-width:767px){
.case-studies .wrapper .item-text p{
text-align:center
}
.case-studies .wrapper .item-text p:last-of-type{
margin-bottom:30px
}
}
@media only screen and (max-width:767px){
.case-studies .wrapper .item-text .more{
text-align:center
}
}
.case-studies .wrapper .item-text .more a{
font-size:18px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.5;
letter-spacing:1.97px;
text-transform:uppercase;
position:relative;
padding-bottom:3px;
color:#fff
}
.case-studies .wrapper .item-text .more a:hover{
-webkit-transition:.3s;
transition:.3s;
text-decoration:none
}
.case-studies .wrapper .item-text .more a:hover:before{
width:100%;
left:0
}
.case-studies .wrapper .item-text .more a:before{
position:absolute;
content:'';
width:0;
height:1px;
left:100%;
bottom:0;
background-color:#fff;
-webkit-transition:.3s;
transition:.3s
}
.page-connect{
background-color:#38383a;
padding:75px 0 120px 0;
position:relative;
overflow:hidden
}
@media only screen and (max-width:767px){
.page-connect{
padding:30px 0 60px 0
}
}
.page-connect .vector{
position:absolute;
left:-200px;
bottom:-300px
}
@media only screen and (max-width:767px){
.page-connect .vector{
display:none
}
}
.page-connect .text{
margin-bottom:100px
}
@media only screen and (max-width:767px){
.page-connect .text{
margin-bottom:50px
}
}
.page-connect .text .title-secondary{
font-size:60px;
font-weight:500;
line-height:1.93;
letter-spacing:-.61px;
color:#fff
}
@media only screen and (max-width:767px){
.page-connect .text .title-secondary{
font-size:38px;
line-height:1.05;
letter-spacing:-1.27px
}
}
.page-connect form{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.page-connect form .wpcf7-spinner{
display:none
}
.page-connect form .wpcf7-response-output{
width:100%;
border-color:#e1ad01;
margin:30px 0 0 0;
font-size:14px;
color:#fff
}
.page-connect form .wpcf7-not-valid-tip{
position:absolute;
top:60px;
text-transform:none;
font-size:14px;
font-weight:400;
color:red
}
.page-connect form label{
width:48%;
border-bottom:solid 1px #979797;
margin-bottom:54px
}
@media only screen and (max-width:767px){
.page-connect form label{
width:100%;
margin-bottom:50px
}
}
.page-connect form label.full-width{
width:100%
}
.page-connect form label input{
width:100%;
height:45px;
background-color:transparent;
border:0;
outline:0;
font-size:20px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.35;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:10px;
color:#fff
}
@media only screen and (max-width:767px){
.page-connect form label input{
height:40px
}
}
.page-connect form label input::-webkit-input-placeholder{
font-size:20px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.35;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:10px;
color:#fff
}
.page-connect form label input:-ms-input-placeholder{
font-size:20px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.35;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:10px;
color:#fff
}
.page-connect form label input::-ms-input-placeholder{
font-size:20px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.35;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:10px;
color:#fff
}
.page-connect form label input::placeholder{
font-size:20px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.35;
letter-spacing:normal;
text-transform:uppercase;
margin-bottom:10px;
color:#fff
}
.page-connect form label textarea{
width:100%;
height:45px;
background-color:transparent;
border:0;
resize:none;
outline:0;
color:#fff
}
@media only screen and (max-width:767px){
.page-connect form label textarea{
min-height:80px
}
}
.page-connect form .form-btn{
width:100%;
max-width:590px;
margin:0 auto;
cursor:pointer;
position:relative;
overflow:hidden;
border-radius:19px;
background-color:#fff;
color:#38383a
}
.page-connect form .form-btn .btn-white{
border:0;
background-color:transparent;
z-index:1;
position:relative
}
@media only screen and (max-width:767px){
.page-connect form .form-btn .btn-white{
width:100%
}
}
.page-connect form .form-btn:after,.page-connect form .form-btn:before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
-webkit-transition:all .25s ease;
transition:all .25s ease;
border-radius:19px
}
.page-connect form .form-btn:before{
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-box-shadow:inset 0 0 0 0 #e1ad01;
box-shadow:inset 0 0 0 0 #e1ad01
}
.page-connect form .form-btn:hover:before{
-webkit-box-shadow:inset 0 0 0 60px #e1ad01;
box-shadow:inset 0 0 0 60px #e1ad01
}
.page-id-14 .page-opportunity{
padding-top:100px
}
.page-features .container-fluid div[class*=col-]{
padding:0
}
.page-features .wrapper{
position:-webkit-sticky;
position:sticky;
top:0;
padding:141px 140px 135px 140px;
border-radius:42px;
margin-top:-80px;
z-index:0
}
@media only screen and (max-width:992px){
.page-features .wrapper{
padding:30px 25px
}
}
@media only screen and (max-width:767px){
.page-features .wrapper{
padding:30px 25px 90px 25px;
margin-top:-40px;
border-radius:25px;
position:initial
}
}
.page-features .wrapper:first-child{
padding-top:121px;
margin-top:0;
background-color:#064453;
z-index:1
}
@media only screen and (max-width:992px){
.page-features .wrapper:first-child{
padding-top:30px
}
}
.page-features .wrapper:nth-of-type(2){
background-color:#0d6475;
z-index:2
}
.page-features .wrapper:nth-of-type(3){
background-color:#422d77;
z-index:3
}
.page-features .wrapper:nth-of-type(4){
background-color:#5d2589;
z-index:4
}
.page-features .wrapper .text .title-secondary{
padding-bottom:63px;
margin-bottom:35px;
border-bottom:solid 1px #e8e8e8;
color:#fff
}
@media only screen and (max-width:992px){
.page-features .wrapper .text .title-secondary{
padding-bottom:15px;
margin-bottom:15px
}
}
@media only screen and (max-width:767px){
.page-features .wrapper .text .title-secondary{
border-bottom:0;
margin-bottom:55px;
padding-bottom:0
}
}
.page-features .wrapper .text p,.page-features .wrapper .text ul li{
font-size:24px;
line-height:1.33;
letter-spacing:.37px;
color:#fff
}
@media only screen and (max-width:767px){
.page-features .wrapper .text p,.page-features .wrapper .text ul li{
font-size:22px
}
}
.page-features .wrapper .text p{
margin-bottom:40px
}
.page-features .wrapper .text ul{
margin-bottom:0;
padding-left:20px
}
@media only screen and (max-width:767px){
.page-features .wrapper .text ul{
padding-left:0
}
}
.page-features .wrapper .text ul li{
position:relative;
padding-left:20px
}
.page-features .wrapper .text ul li:before{
position:absolute;
content:'';
left:0;
top:14px;
width:4px;
height:4px;
background-color:#fff;
border-radius:50px
}
.page-features .wrapper .image{
max-width:328px;
margin:0 auto
}
@media only screen and (max-width:992px){
.page-features .wrapper .image{
max-width:250px
}
}
@media only screen and (max-width:767px){
.page-features .wrapper .image{
margin-bottom:60px
}
}
@media only screen and (max-width:767px){
.page-features .wrapper .image.show-desctop{
display:none
}
}
.page-features .wrapper .image.show-mobile{
display:none
}
@media only screen and (max-width:767px){
.page-features .wrapper .image.show-mobile{
display:block
}
}
.page-id-14 .page-tabs .wrapper .item:before{
position:absolute;
content:'';
top:-40px;
width:1px;
height:40px;
background-color:#38383a
}
@media only screen and (max-width:767px){
.page-id-14 .page-tabs .wrapper .item:before{
display:none
}
}
.page-tabs{
padding:150px 0
}
@media only screen and (max-width:767px){
.page-tabs{
padding:65px 0 30px 0
}
}
.page-tabs .text{
margin-bottom:40px
}
.page-tabs .title-secondary{
text-align:center;
margin-bottom:50px
}
.page-tabs .title-third{
width:100%;
border:1px solid #38383a;
padding:25px 15px;
border-radius:22px;
font-size:42px;
font-weight:300;
font-stretch:normal;
font-style:normal;
line-height:1.24;
letter-spacing:-.43px;
text-align:center;
color:#38383a
}
@media only screen and (max-width:767px){
.page-tabs .title-third{
display:none
}
}
.page-tabs .wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
@media only screen and (max-width:992px){
.page-tabs .wrapper{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
@media only screen and (max-width:767px){
.page-tabs .wrapper{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
}
.page-tabs .wrapper .item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:18%;
background-color:rgba(255,253,253,.51);
border-radius:22px;
padding:40px 25px 100px 25px;
min-height:260px;
text-decoration:none;
position:relative
}
@media only screen and (max-width:992px){
.page-tabs .wrapper .item{
width:32%;
margin-bottom:15px
}
}
@media only screen and (max-width:767px){
.page-tabs .wrapper .item{
width:100%;
min-height:216px;
margin-bottom:50px;
padding:40px
}
}
.page-tabs .wrapper .item:hover{
-webkit-transition:.3s;
transition:.3s
}
.page-tabs .wrapper .item:hover .item-icon{
background-color:#38383a;
border-color:#fff
}
.page-tabs .wrapper .item:hover .item-icon svg:first-child{
display:block
}
.page-tabs .wrapper .item:hover .item-icon svg:nth-of-type(2){
display:none
}
.page-tabs .wrapper .item:hover .text{
opacity:1;
z-index:1;
visibility:visible;
-webkit-transition:.3s;
transition:.3s
}
.page-tabs .wrapper .item h3{
font-size:38px;
font-weight:300;
font-stretch:normal;
font-style:normal;
line-height:1.05;
letter-spacing:-.39px;
text-align:center;
color:#585856
}
@media only screen and (max-width:992px){
.page-tabs .wrapper .item h3{
font-size:32px
}
}
.page-tabs .wrapper .item .item-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
z-index:2;
bottom:8%;
background-color:rgba(255,253,253,.51);
border:1px solid #585856;
border-radius:50%;
width:44px;
height:44px;
-webkit-transition:.3s;
transition:.3s
}
@media only screen and (max-width:767px){
.page-tabs .wrapper .item .item-icon{
top:-9%;
bottom:initial
}
}
.page-tabs .wrapper .item .item-icon svg:first-child{
display:none
}
.page-tabs .wrapper .item .text{
position:absolute;
opacity:0;
z-index:-1;
visibility:hidden;
-webkit-transition:.3s;
transition:.3s;
bottom:-107%;
left:0;
background-color:#38383a;
padding:50px 25px 30px 25px;
width:100%;
min-height:310px
}
@media only screen and (max-width:767px){
.page-tabs .wrapper .item .text{
border-radius:22px;
min-height:100%;
bottom:initial;
top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:40px
}
}
.page-tabs .wrapper .item .text p{
font-size:28px;
font-weight:300;
line-height:1.06;
letter-spacing:-.33px;
color:#fff
}
.page-tabs-three{
padding-bottom:225px
}
@media only screen and (max-width:767px){
.page-tabs-three{
padding-bottom:20px
}
}
.page-tabs-three .wrapper .item{
width:31%
}
@media only screen and (max-width:767px){
.page-tabs-three .wrapper .item{
width:100%
}
}
.page-team{
padding:90px 0 50px 0;
background-color:#38383a
}
@media only screen and (max-width:767px){
.page-team{
padding:30px 0
}
}
.page-team .text{
margin-bottom:80px
}
@media only screen and (max-width:767px){
.page-team .text{
margin-bottom:30px
}
}
.page-team .text .title-secondary{
text-align:center;
color:#fff
}
.page-team .wrapper div[class*=col-]{
padding-bottom:70px;
margin-bottom:25px;
border-bottom:solid 1px #979797
}
@media only screen and (max-width:767px){
.page-team .wrapper div[class*=col-]{
border-bottom:0;
padding-bottom:25px;
margin-bottom:25px
}
}
.page-team .wrapper .avatar{
margin-bottom:20px
}
@media only screen and (max-width:992px){
.page-team .wrapper .avatar{
max-width:255px;
margin:0 auto 20px auto
}
}
@media only screen and (max-width:767px){
.page-team .wrapper .info{
max-width:255px;
margin:0 auto
}
}
.page-team .wrapper .info a,.page-team .wrapper .info p{
display:block;
line-height:1.22;
margin-bottom:0;
text-decoration:none;
color:#e8e8e8
}
@media only screen and (max-width:767px){
.page-team .wrapper .info a,.page-team .wrapper .info p{
margin-bottom:5px
}
}
.blog-list{
padding:75px 0 0 0
}
@media only screen and (max-width:767px){
.blog-list{
padding-bottom:50px
}
}
.blog-list .wrapper{
background-color:#38383a;
padding:33px 48px 63px 0;
border-radius:42px;
position:relative;
margin-bottom:35px
}
@media only screen and (max-width:992px){
.blog-list .wrapper{
padding:0 0 30px 0;
border-radius:22px;
margin-bottom:15px
}
}
.blog-list .text .date{
width:100%;
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:2.48;
letter-spacing:normal;
text-align:left;
border-bottom:solid 1px #e8e8e8;
margin-bottom:30px;
color:#fff
}
@media only screen and (max-width:767px){
.blog-list .text .date{
font-size:15px
}
}
.blog-list .text h3{
font-size:28px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.36;
letter-spacing:-.28px;
margin-bottom:25px;
color:#fff
}
@media only screen and (max-width:767px){
.blog-list .text h3{
font-size:21px;
text-transform:uppercase
}
}
.blog-list .text p{
font-size:22px;
line-height:1.36;
letter-spacing:.34px;
color:#fff
}
@media only screen and (max-width:767px){
.blog-list .text p{
font-size:19px
}
}
.blog-list .text p:last-of-type{
margin-bottom:30px
}
.blog-list .text .more a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:28px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.36;
letter-spacing:-.28px;
text-decoration:none;
color:#e1ad01
}
@media only screen and (max-width:767px){
.blog-list .text .more a{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.blog-list .text .more a svg{
margin-right:15px
}
.blog-list .image{
position:absolute;
left:0;
top:0;
height:100%;
width:45%;
padding:0
}
@media only screen and (max-width:992px){
.blog-list .image{
position:initial;
width:100%;
height:300px;
margin-bottom:10px
}
}
.blog-list .image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:42px 0 0 42px
}
@media only screen and (max-width:992px){
.blog-list .image img{
border-radius:22px
}
}
.default-text{
padding:250px 0 30px 0!important
}
@media only screen and (max-width:767px){
.default-text{
padding:150px 0 30px 0!important
}
}
.blog-single,.default-text{
padding:90px 0 30px 0
}
.blog-single .content,.default-text .content{
max-width:950px;
margin:0 auto
}
.blog-single .date,.default-text .date{
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:2.48;
letter-spacing:normal;
color:#4a4a4a
}
.blog-single h1,.default-text h1{
font-size:28px
}
.blog-single h2,.default-text h2{
font-size:26px
}
.blog-single h3,.default-text h3{
font-size:22px
}
.blog-single h4,.default-text h4{
font-size:18px
}
.blog-single h5,.default-text h5{
font-size:16px
}
.blog-single h6,.default-text h6{
font-size:14px
}
.blog-single h1,.blog-single h2,.blog-single h3,.blog-single h4,.blog-single h5,.blog-single h6,.default-text h1,.default-text h2,.default-text h3,.default-text h4,.default-text h5,.default-text h6{
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.89;
letter-spacing:-.28px;
text-transform:uppercase;
color:#4a4a4a
}
@media only screen and (max-width:767px){
.blog-single h1,.blog-single h2,.blog-single h3,.blog-single h4,.blog-single h5,.blog-single h6,.default-text h1,.default-text h2,.default-text h3,.default-text h4,.default-text h5,.default-text h6{
line-height:1.5
}
}
.blog-single ol li,.blog-single p,.blog-single ul li,.default-text ol li,.default-text p,.default-text ul li{
font-size:22px;
font-weight:300;
line-height:1.36;
letter-spacing:.34px;
color:#4a4a4a
}
.webinars-list{
padding-top:80px
}
@media only screen and (max-width:767px){
.webinars-list{
padding:50px 0
}
}
@media only screen and (max-width:767px){
.webinars-list div[class*=col-]{
padding:0
}
}
.webinars-list .item{
background-color:#38383a;
border-radius:32px;
margin-bottom:21px
}
.webinars-list .item-img{
height:230px
}
.webinars-list .item-img img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:32px 32px 0 0
}
.webinars-list .item-info{
padding:25px 35px 35px 35px
}
@media only screen and (max-width:767px){
.webinars-list .item-info{
padding:10px 15px 25px 15px
}
}
.webinars-list .item-info .date{
width:100%;
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1;
letter-spacing:normal;
border-bottom:1px solid #fff;
margin-bottom:20px;
color:#fff
}
@media only screen and (max-width:767px){
.webinars-list .item-info .date{
font-size:15px;
line-height:2.48
}
}
.webinars-list .item-info h3{
font-size:28px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.36;
letter-spacing:-.28px;
margin-bottom:30px;
color:#fff
}
@media only screen and (max-width:767px){
.webinars-list .item-info h3{
font-size:21px;
text-transform:uppercase
}
}
.webinars-list .item-info p{
line-height:1.36;
letter-spacing:.34px;
color:#fff
}
.webinars-list .item-info p:last-of-type{
margin-bottom:20px
}
@media only screen and (max-width:767px){
.webinars-list .item-info .watch{
text-align:center
}
}
.webinars-list .item-info .watch a{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:28px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.36;
letter-spacing:-.28px;
text-align:left;
color:#e1ad01
}
@media only screen and (max-width:767px){
.webinars-list .item-info .watch a{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.webinars-list .item-info .watch a:hover{
text-decoration:none
}
.webinars-list .item-info .watch a:hover .icon i{
color:#e1ad01
}
.webinars-list .item-info .watch a:hover .icon:before{
-webkit-box-shadow:inset 0 0 0 60px #fff;
box-shadow:inset 0 0 0 60px #fff
}
.webinars-list .item-info .watch a .icon{
width:35px;
height:35px;
margin-right:10px;
background-color:transparent;
border-color:#e1ad01
}
.webinars-list .item-info .watch a .icon i{
font-size:14px;
color:#e1ad01
}
.webinar-single{
padding:70px 0 0 0
}
@media only screen and (max-width:767px){
.webinar-single{
padding:50px 0
}
}
.webinar-single .title-secondary{
max-width:680px;
margin-bottom:83px;
font-size:48px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.1;
letter-spacing:-.49px;
text-transform:uppercase;
color:#4a4a4a
}
@media only screen and (max-width:767px){
.webinar-single .title-secondary{
font-size:28px;
line-height:1.08;
letter-spacing:-1.27px;
margin-bottom:30px
}
}
.webinar-single .item{
background-color:#38383a;
border-radius:42px
}
.webinar-single .item-video{
width:100%;
height:750px
}
@media only screen and (max-width:767px){
.webinar-single .item-video{
height:300px
}
}
.webinar-single .item-video iframe{
width:100%;
height:100%;
border-radius:42px 42px 0 0
}
.webinar-single .item-video video{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:42px 42px 0 0
}
.webinar-single .item-info{
padding:25px 35px 35px 35px
}
@media only screen and (max-width:767px){
.webinar-single .item-info{
padding:10px 15px 15px 15px
}
}
.webinar-single .item-info .date{
width:100%;
max-width:120px;
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1;
letter-spacing:normal;
border-bottom:1px solid #fff;
margin-bottom:50px;
color:#fff
}
@media only screen and (max-width:767px){
.webinar-single .item-info .date{
font-size:15px;
line-height:2.48;
margin-bottom:30px
}
}
.webinar-single .item-info h3{
font-size:28px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.36;
letter-spacing:-.28px;
margin-bottom:5px;
color:#fff
}
@media only screen and (max-width:767px){
.webinar-single .item-info h3{
font-size:21px;
text-transform:uppercase;
margin-bottom:25px
}
}
.webinar-single .item-info p{
line-height:1.36;
letter-spacing:.34px;
color:#fff
}
.webinar-single .item-info p:last-of-type{
margin-bottom:20px
}
.contact-emails ul{
margin-bottom:0;
padding-left:0
}
.contact-emails ul li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
border-bottom:solid 1px #979797;
padding-bottom:50px;
margin-bottom:50px
}
@media only screen and (max-width:767px){
.contact-emails ul li{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
padding-bottom:30px;
margin-bottom:25px
}
}
.contact-emails ul li:last-of-type{
border-bottom:0;
margin-bottom:0
}
.contact-emails ul li h3{
max-width:180px;
font-size:21px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.29;
letter-spacing:normal;
text-transform:uppercase;
color:#9b9b9b
}
@media only screen and (max-width:767px){
.contact-emails ul li h3{
max-width:100%
}
}
.contact-emails ul li .email{
width:250px;
text-align:left
}
.contact-emails ul li a{
font-size:18px;
font-weight:400;
font-stretch:normal;
font-style:normal;
line-height:1.44;
letter-spacing:.28px;
color:#949392
}
.contacts-offices{
padding:0 0 150px 0
}
@media only screen and (max-width:767px){
.contacts-offices{
padding-bottom:75px
}
}
.contacts-offices .line{
border-top:solid 1px #979797;
padding-top:110px
}
@media only screen and (max-width:767px){
.contacts-offices .line{
padding-top:50px
}
}
.contacts-offices .item{
margin-bottom:25px
}
@media only screen and (max-width:767px){
.contacts-offices .item{
text-align:center;
margin-bottom:50px
}
}
.contacts-offices .item .flag{
margin-bottom:18px
}
@media only screen and (max-width:767px){
.contacts-offices .item .flag{
margin-bottom:15px
}
}
.contacts-offices .item .flag img{
height:60px
}
.contacts-offices .item h3{
font-size:21px;
font-weight:900;
font-stretch:normal;
font-style:normal;
line-height:1.29;
letter-spacing:normal;
text-transform:uppercase;
color:#9b9b9b
}
.contacts-offices .item a,.contacts-offices .item p{
color:#9b9b9b
}
.contacts-offices .item a{
display:block;
margin-bottom:50px
}
@media only screen and (max-width:767px){
.contacts-offices .item a{
margin-bottom:30px
}
}
.contacts-offices .item p{
max-width:150px
}
@media only screen and (max-width:767px){
.contacts-offices .item p{
margin:0 auto
}
}
.case-studies-list{
margin-top:-150px;
padding-top:40px;
position:relative;
z-index:1
}
@media only screen and (max-width:767px){
.case-studies-list{
margin-top:0;
padding-bottom:30px
}
}
@media only screen and (max-width:767px){
.case-studies-list div[class*=col-]{
padding:0
}
}
.case-studies-list .wrapper{
position:-webkit-sticky;
position:sticky;
top:0;
min-height:625px;
padding:30px;
border-radius:42px
}
@media only screen and (max-width:767px){
.case-studies-list .wrapper{
padding:10px 25px 90px 25px;
margin-top:-40px;
min-height:auto;
border-radius:22px;
position:initial
}
}
.case-studies-list .wrapper:first-child{
background-color:#e1ad01;
z-index:1
}
@media only screen and (max-width:767px){
.case-studies-list .wrapper:first-child{
margin-top:0
}
}
.case-studies-list .wrapper:nth-of-type(2){
background-color:#064453;
z-index:3
}
.case-studies-list .wrapper:nth-of-type(3){
background-color:#0d6475;
z-index:4
}
.case-studies-list .wrapper:nth-of-type(4){
background-color:#47287b;
z-index:5
}
.case-studies-list .wrapper:nth-of-type(5){
background-color:#5d2589;
z-index:6
}
.case-studies-list .wrapper h2{
max-width:950px;
font-size:37px;
font-weight:500;
font-stretch:normal;
font-style:normal;
line-height:1.51;
letter-spacing:-.38px;
color:#fff
}
@media only screen and (max-width:767px){
.case-studies-list .wrapper h2{
font-size:29px
}
}
.case-studies-list .wrapper h3{
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.48;
letter-spacing:normal;
border-bottom:solid 1px #e8e8e8;
margin-bottom:50px;
padding-bottom:5px;
text-transform:uppercase;
color:#fff
}
@media only screen and (max-width:767px){
.case-studies-list .wrapper h3{
margin-bottom:30px
}
}
.case-studies-list .wrapper h4{
font-size:21px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:2.48;
letter-spacing:normal;
text-transform:uppercase;
color:#fff
}
.case-studies-list .wrapper p{
max-width:1130px;
font-size:22px;
font-weight:300;
line-height:1.36;
letter-spacing:.34px;
color:#fff
}
.single-case_studies .page-hero .text{
padding-bottom:35%
}
@media only screen and (max-width:767px){
.single-case_studies .page-hero .text{
padding-bottom:0
}
}