html.fp-enabled,.fp-enabled body{
margin:0;
padding:0;
overflow:hidden;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.fp-section{
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.fc1 {
color: #fff;
fill: #fff;
stroke: #fff;
}
.fp-slide{
float:left
}
.fp-slide,.fp-slidesContainer{
height:100%;
display:block
}
.fp-slides{
z-index:1;
height:100%;
overflow:hidden;
position:relative;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table{
display:table;
table-layout:fixed;
width:100%
}
.fp-tableCell{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%
}
.fp-slidesContainer{
float:left;
position:relative
}
.fp-controlArrow{
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
position:absolute;
z-index:4;
top:50%;
cursor:pointer;
width:0;
height:0;
border-style:solid;
margin-top:-38px;
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev{
left:15px;
width:0;
border-width:38.5px 34px 38.5px 0;
border-color:transparent #fff transparent transparent
}
.fp-controlArrow.fp-next{
right:15px;
border-width:38.5px 0 38.5px 34px;
border-color:transparent transparent transparent #fff
}
.fp-scrollable{
overflow:hidden;
position:relative
}
.fp-scroller{
overflow:hidden
}
.iScrollIndicator{
border:0 !important
}
.fp-notransition{
-webkit-transition:none !important;
transition:none !important
}
#fp-nav{
position:fixed;
z-index:100;
top:50%;
opacity:1;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translate3d(0, -50%, 0)
}
#fp-nav.fp-right{
right:17px
}
#fp-nav.fp-left{
left:17px
}
.fp-slidesNav{
position:absolute;
z-index:4;
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
left:0 !important;
right:0;
margin:0 auto !important
}
.fp-slidesNav.fp-bottom{
bottom:17px
}
.fp-slidesNav.fp-top{
top:17px
}
#fp-nav ul,.fp-slidesNav ul{
margin:0;
padding:0
}
#fp-nav ul li,.fp-slidesNav ul li{
display:block;
width:14px;
height:13px;
margin:7px;
position:relative
}
.fp-slidesNav ul li{
display:inline-block
}
#fp-nav ul li a,.fp-slidesNav ul li a{
display:block;
position:relative;
z-index:1;
width:100%;
height:100%;
cursor:pointer;
text-decoration:none
}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{
height:12px;
width:12px;
margin:-6px 0 0 -6px;
border-radius:100%
}
#fp-nav ul li a span,.fp-slidesNav ul li a span{
border-radius:50%;
position:absolute;
z-index:1;
height:4px;
width:4px;
border:0;
background:#333;
left:50%;
top:50%;
margin:-2px 0 0 -2px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
width:10px;
height:10px;
margin:-5px 0px 0px -5px
}
#fp-nav ul li .fp-tooltip{
position:absolute;
top:-2px;
color:#fff;
font-size:14px;
font-family:arial,helvetica,sans-serif;
white-space:nowrap;
max-width:220px;
overflow:hidden;
display:block;
opacity:0;
width:0;
cursor:pointer
}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{
-webkit-transition:opacity .2s ease-in;
transition:opacity .2s ease-in;
width:auto;
opacity:1
}
#fp-nav ul li .fp-tooltip.fp-right{
right:20px
}
#fp-nav ul li .fp-tooltip.fp-left{
left:20px
}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{
height:auto !important
}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{
height:auto !important
}
.fp-sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0
}
.slick-slider{
position:relative;
display:block;
box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}
.slick-list{
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0
}
.slick-list:focus{
outline:none
}
.slick-list.dragging{
cursor:pointer;
cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.slick-track{
position:relative;
left:0;
top:0;
display:block;
margin-left:auto;
margin-right:auto
}
.slick-track:before,.slick-track:after{
content:"";
display:table
}
.slick-track:after{
clear:both
}
.slick-loading .slick-track{
visibility:hidden
}
.slick-slide{
float:left;
height:100%;
min-height:1px;
display:none
}
[dir=rtl] .slick-slide{
float:right
}
.slick-slide img{
display:block
}
.slick-slide.slick-loading img{
display:none
}
.slick-slide.dragging img{
pointer-events:none
}
.slick-initialized .slick-slide{
display:block
}
.slick-loading .slick-slide{
visibility:hidden
}
.slick-vertical .slick-slide{
display:block;
height:auto;
border:1px solid transparent
}
.slick-arrow.slick-hidden{
display:none
}
@keyframes modal-video{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes modal-video-inner{
from{
transform:translate(0, 100px)
}
to{
transform:translate(0, 0)
}
}
.modal-video{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
z-index:1000000;
cursor:pointer;
opacity:1;
animation-timing-function:ease-out;
animation-duration:.3s;
animation-name:modal-video;
-webkit-transition:opacity .3s ease-out;
-moz-transition:opacity .3s ease-out;
-ms-transition:opacity .3s ease-out;
-o-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.modal-video-close{
opacity:0
}
.modal-video-close .modal-video-movie-wrap{
-webkit-transform:translate(0, 100px);
-moz-transform:translate(0, 100px);
-ms-transform:translate(0, 100px);
-o-transform:translate(0, 100px);
transform:translate(0, 100px)
}
.modal-video-body{
max-width:940px;
width:100%;
height:100%;
margin:0 auto;
display:table
}
.modal-video-inner{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%
}
.modal-video-movie-wrap{
width:100%;
height:0;
position:relative;
padding-bottom:56.25%;
background-color:#333;
animation-timing-function:ease-out;
animation-duration:.3s;
animation-name:modal-video-inner;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
-webkit-transition:-webkit-transform .3s ease-out;
-moz-transition:-moz-transform .3s ease-out;
-ms-transition:-ms-transform .3s ease-out;
-o-transition:-o-transform .3s ease-out;
transition:transform .3s ease-out
}
.modal-video-movie-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.modal-video-close-btn{
position:absolute;
z-index:2;
top:-35px;
right:-35px;
display:inline-block;
width:35px;
height:35px;
overflow:hidden;
border:none;
background:transparent
}
.modal-video-close-btn:before{
transform:rotate(45deg)
}
.modal-video-close-btn:after{
transform:rotate(-45deg)
}
.modal-video-close-btn:before,.modal-video-close-btn:after{
content:"";
position:absolute;
height:2px;
width:100%;
top:50%;
left:0;
margin-top:-1px;
background:#fff;
border-radius:5px;
margin-top:-6px
}
#portfolioSec2 #portfolioFilters li::after,#careerSec4 .secrow2 .slide .v-stretch::after,#careerSec2 .secrow1 .dealSliderScore div:last-child::after,#homeSec5 .secrow1 .testimonialSliderScore div:last-child::after,#homeSec3 #categorySliderLinks .slick-dots li::after,header .connectFloat #connectText,header #scrollToTop,#page_loader .spinner_svg,.absolute-bg,[class*=spriteAfter-]::after{
position:absolute;
width:auto;
height:auto;
margin:auto;
left:0;
right:0;
top:0;
bottom:0
}
@font-face{
font-family:"Flink";
src:local("Flink Regular"),local("Flink-Regular"),url("fonts/Flink-Regular.woff2") format("woff2"),url("fonts/Flink-Regular.woff") format("woff");
font-weight:normal;
font-style:normal
}
@font-face{
font-family:"Flink";
src:local("Flink Medium"),local("Flink-Medium"),url("fonts/Flink-Medium.woff2") format("woff2"),url("fonts/Flink-Medium.woff") format("woff");
font-weight:500;
font-style:normal
}
@font-face{
font-family:"Flink";
src:local("Flink Bold"),local("Flink-Bold"),url("fonts/Flink-Bold.woff2") format("woff2"),url("fonts/Flink-Bold.woff") format("woff");
font-weight:bold;
font-style:normal
}
@font-face{
font-family:"Flink";
src:local("Flink ExtraBold"),local("Flink-ExtraBold"),url("fonts/Flink-ExtraBold.woff2") format("woff2"),url("fonts/Flink-ExtraBold.woff") format("woff");
font-weight:800;
font-style:normal
}
@font-face{
font-family:"Gilroy";
src:local("Gilroy-Bold"),local("Gilroy-Bold"),url("fonts/Gilroy-Bold.woff2") format("woff2"),url("fonts/Gilroy-Bold.woff") format("woff");
font-weight:bold;
font-style:normal
}
@font-face{
font-family:"Gilroy";
src:local("Gilroy-Heavy"),local("Gilroy-Heavy"),url("fonts/Gilroy-Heavy.woff2") format("woff2"),url("fonts/Gilroy-Heavy.woff") format("woff");
font-weight:900;
font-style:normal
}
html{
scroll-behavior:smooth
}
body{
font:400 15px/23px "Flink";
color:#19181b;
background:#fff;
margin:0;
overflow-x:hidden
}
@media screen and (min-width: 300px)and (max-width: 767px){
body{
font-size:calc(0vw + 12px)
}
}
*{
outline:none !important;
text-decoration:none;
box-sizing:border-box !important
}
*:focus{
outline:none !important;
text-decoration:none;
box-sizing:border-box !important
}
*:active{
outline:none !important;
text-decoration:none;
box-sizing:border-box !important
}
a{
cursor:pointer;
color:inherit
}
a:focus{
cursor:pointer;
color:inherit
}
a:active{
cursor:pointer;
color:inherit
}
img{
width:100%;
height:auto;
display:block;
margin:auto
}
i{
font-style:italic
}
section{
padding:90px 90px;
height:100vh;
position:relative;
z-index:1;
clear:both;
overflow:hidden
}
.secPadding {
padding:90px 90px;
}
.secMargin{
margin:90px 90px;
}
.secPaddingZero {
margin:-90px -90px;
}
.secMargin-TLB {
margin:90px 0px 90px 90px;
}
.secMargin-LR {
margin:0 90px;
}
.secMargin-TB {
margin:90px 0;
}
.sec-pad-top {
padding-top: 64px;
}
.sec-pad-bottom {
padding-bottom: 64px;
}
.sec-mr-top {
margin-top: 64px;
}
.sec-mr-bottom {
margin-bottom: 64px;
}
.sec-pad {
padding: 64px 0;
}
ul{
padding:0;
margin:auto;
list-style:none
}
button{
background:transparent;
border:none;
padding:0;
margin:auto;
cursor:pointer
}
b{
font-weight:bold
}
strong{
font-weight:800
}
.no-stroke *{
stroke-width:none;
stroke:none
}
h1,h2,h3,h4,h5,h6{
margin:auto;
font-weight:normal
}
address{
font-style:normal
}
::-webkit-scrollbar{
width:10px
}
::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 10px #b3b3b3;
border-radius:10px
}
::-webkit-scrollbar-thumb{
border-radius:10px;
-webkit-box-shadow:inset 0 0 1000px #999
}
[class*=spriteAfter-]{
position:relative
}
[class*=spriteAfter-]::after{
content:""
}
[class*=spriteAfter-]::after,[class*=sprite-]{
width:36px;
height:36px;
background:url("../../../assets/images/sprite-icons.svg") 0 0 / 200% 800% no-repeat;
background-size:200% 800%;
display:block
}
.spriteAfter-lg::after,.sprite-lg{
width:60px;
height:60px
}
.spriteAfter-md::after,.sprite-md{
width:36px;
height:36px
}
.spriteAfter-sm::after,.sprite-sm{
width:30px;
height:30px
}
.spriteAfter-xs::after,.sprite-xs{
width:24px;
height:24px
}
.spriteAfter-xxs::after,.sprite-xxs{
width:20px;
height:20px
}
.spriteAfter-ss::after,.sprite-ss{
width:16px;
height:16px
}
.icon-1[class*=spriteAfter-]::after,.icon-1{
background-position:0 0%
}
.icon-2[class*=spriteAfter-]::after,.icon-2{
background-position:0 14.2857142857%
}
.icon-3[class*=spriteAfter-]::after,.icon-3{
background-position:0 28.5714285714%
}
.icon-4[class*=spriteAfter-]::after,.icon-4{
background-position:0 42.8571428571%
}
.icon-5[class*=spriteAfter-]::after,.icon-5{
background-position:0 57.1428571429%
}
.icon-6[class*=spriteAfter-]::after,.icon-6{
background-position:0 71.4285714286%
}
.icon-7[class*=spriteAfter-]::after,.icon-7{
background-position:0 85.7142857143%
}
.icon-8[class*=spriteAfter-]::after,.icon-8{
background-position:0 100%
}
.icon-9[class*=spriteAfter-]::after,.icon-9{
background-position:0 114.2857142857%
}
[class*=sprite-client]{
width:200px;
height:200px;
background:url("../../../assets/images/sprite-client-logos.png") 0% 0% / 200% 3000% no-repeat;
display:block
}
.sprite-client-icon1{
background-position:0 0%
}
.sprite-client-icon2{
background-position:0 3.4482758621%
}
.sprite-client-icon3{
background-position:0 6.8965517241%
}
.sprite-client-icon4{
background-position:0 10.3448275862%
}
.sprite-client-icon5{
background-position:0 13.7931034483%
}
.sprite-client-icon6{
background-position:0 17.2413793103%
}
.sprite-client-icon7{
background-position:0 20.6896551724%
}
.sprite-client-icon8{
background-position:0 24.1379310345%
}
.sprite-client-icon9{
background-position:0 27.5862068966%
}
.sprite-client-icon10{
background-position:0 31.0344827586%
}
.sprite-client-icon11{
background-position:0 34.4827586207%
}
.sprite-client-icon12{
background-position:0 37.9310344828%
}
.sprite-client-icon13{
background-position:0 41.3793103448%
}
.sprite-client-icon14{
background-position:0 44.8275862069%
}
.sprite-client-icon15{
background-position:0 48.275862069%
}
.sprite-client-icon16{
background-position:0 51.724137931%
}
.sprite-client-icon17{
background-position:0 55.1724137931%
}
.sprite-client-icon18{
background-position:0 58.6206896552%
}
.sprite-client-icon19{
background-position:0 62.0689655172%
}
.sprite-client-icon20{
background-position:0 65.5172413793%
}
.sprite-client-icon21{
background-position:0 68.9655172414%
}
.sprite-client-icon22{
background-position:0 72.4137931034%
}
.sprite-client-icon23{
background-position:0 75.8620689655%
}
.sprite-client-icon24{
background-position:0 79.3103448276%
}
.sprite-client-icon25{
background-position:0 82.7586206897%
}
.sprite-client-icon26{
background-position:0 86.2068965517%
}
.sprite-client-icon27{
background-position:0 89.6551724138%
}
.sprite-client-icon28{
background-position:0 93.1034482759%
}
.sprite-client-icon29{
background-position:0 96.5517241379%
}
.sprite-client-icon30{
background-position:0 100%
}
.sprite-client-icon31{
background-position:0 103.4482758621%
}
[class*=sprite-team-member]{
width:250px;
height:250px;
background:url("images/sprite-team-members.png") 0% 0% / 800% 500% no-repeat;
display:block
}
.sprite-team-member-icon1{
background-position:0 0%
}
.sprite-team-member-icon2{
background-position:0 25%
}
.sprite-team-member-icon3{
background-position:0 50%
}
.sprite-team-member-icon4{
background-position:0 75%
}
.sprite-team-member-icon5{
background-position:0 100%
}
.sprite-team-member-icon6{
background-position:0 125%
}
.btn{
width:auto;
height:auto;
color:#fff;
letter-spacing:1.3px;
white-space:nowrap;
text-decoration:none;
display:inline-block;
padding:12px 25px;
margin:0;
border:none;
border-radius:25px 25px 25px 0;
cursor:pointer;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.btn::before,.btn::after{
position:absolute;
content:"";
display:block;
width:140%;
height:100%;
left:-20%;
z-index:-1000;
transition:all ease-in-out .5s;
background-repeat:no-repeat
}
.btn::before{
display:none;
top:-75%;
background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%
}
.btn::after{
display:none;
bottom:-75%;
background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%
}
.btn.btn-black-white{
background:#19181b
}
.btn.btn-black-white:focus,.btn.btn-black-white:active,.btn.btn-black-white:hover{
color:#19181b;
background:#fff
}
.btn.btn-black-white:focus::before,.btn.btn-black-white:active::before,.btn.btn-black-white:hover::before{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ffffff 20%, transparent 30%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
.btn.btn-black-white:focus::after,.btn.btn-black-white:active::after,.btn.btn-black-white:hover::after{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
.btn.btn-black-red{
background:#19181b
}
.btn.btn-black-red:focus,.btn.btn-black-red:active,.btn.btn-black-red:hover{
background:#f33
}
.btn.btn-black-red:focus::before,.btn.btn-black-red:active::before,.btn.btn-black-red:hover::before{
background-image:radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, transparent 20%, #FF3333 20%, transparent 30%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, transparent 10%, #FF3333 15%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%)
}
.btn.btn-black-red:focus::after,.btn.btn-black-red:active::after,.btn.btn-black-red:hover::after{
background-image:radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, transparent 10%, #FF3333 15%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%),radial-gradient(circle, #FF3333 20%, transparent 20%)
}
.btn.btn-red-white{
background:#f33
}
.btn.btn-red-white:focus,.btn.btn-red-white:active,.btn.btn-red-white:hover{
color:#f33;
background:#fff
}
.btn.btn-red-white:focus::before,.btn.btn-red-white:active::before,.btn.btn-red-white:hover::before{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ffffff 20%, transparent 30%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
.btn.btn-red-white:focus::after,.btn.btn-red-white:active::after,.btn.btn-red-white:hover::after{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
.btn.btn-red-black{
background:#f33
}
.btn.btn-red-black:focus,.btn.btn-red-black:active,.btn.btn-red-black:hover{
background:#19181b
}
.btn.btn-red-black:focus::before,.btn.btn-red-black:active::before,.btn.btn-red-black:hover::before{
background-image:radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, transparent 20%, #19181B 20%, transparent 30%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, transparent 10%, #19181B 15%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%)
}
.btn.btn-red-black:focus::after,.btn.btn-red-black:active::after,.btn.btn-red-black:hover::after{
background-image:radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, transparent 10%, #19181B 15%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%),radial-gradient(circle, #19181B 20%, transparent 20%)
}
.btn:focus::before,.btn:active::before,.btn:hover::before{
display:block;
animation:btnBubblesTop ease-in-out .75s forwards
}
.btn:focus::after,.btn:active::after,.btn:hover::after{
display:block;
animation:btnBubblesBottom ease-in-out .75s forwards
}
.modal-header::before,.modal-header::after,.modal-footer::before,.modal-footer::after,.clearfix::after,.clearfix::before,.container-fluid::after,.container-fluid::before,.container::after,.container::before,.nav::after,.nav::before,.navbar-collapse::after,.navbar-collapse::before,.navbar-header::after,.navbar-header::before,.navbar::after,.navbar::before,.row::after,.row::before{
content:" ";
display:table
}
.modal-header::after,.modal-footer::after,.clearfix::after,.container-fluid::after,.container::after,.nav::after,.navbar-collapse::after,.navbar-header::after,.navbar::after,.row::after{
clear:both
}
::after,::before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.container{
width:100%;
margin-right:auto;
margin-left:auto;
display:block;
padding-left:10px;
padding-right:10px
}
.container-fluid{
width:100%;
display:block;
padding-left:10px;
padding-right:10px
}
.row{
margin-left:-10px;
margin-right:-10px
}
.clearfix{
clear:both
}
@media only screen and (min-width: 1366px){
.container{
max-width:1400px;
padding-left:30px;
padding-right:30px
}
}
@media(max-width: 1365px){
.container{
max-width:1180px
}
}
@media(max-width: 991px){
.container{
max-width:760px
}
}
@media(max-width: 1199px){
.container{
max-width:980px
}
}
body .no-padding{
padding-left:0;
padding-right:0
}
body .zero-padding{
padding-top:0 !important;
padding-bottom:0 !important
}
body .no-pad-left{
padding-left:0
}
body .no-pad-right{
padding-right:0
}
body .no-pad-top{
padding-top:0 !important
}
body .no-pad-bottom{
padding-bottom:0 !important
}
.logoPadding{
padding-bottom:10%
}
.secHeader{
margin-bottom:25px;
margin-top:15px
}
.secBlock{
padding:50px 0 10px
}
.secText{
padding-bottom:15px
}
.fixed-bg{
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center
}
.contain-bg{
background-size:contain;
background-repeat:no-repeat;
background-position:center
}
.cover-bg{
background-size:cover;
background-repeat:no-repeat;
background-position:center
}
.hideflow{
overflow:hidden
}
.showflow{
overflow:visible
}
.sliderNavs{
height:40px;
left:-60px;
right:-60px;
z-index:2 !important
}
.sliderNavs>div{
border-radius:50%;
width:40px;
height:40px;
padding:12px 5px;
background:#fff;
cursor:pointer;
text-align:center;
box-shadow:0 0px 3px rgba(0,0,0,.15)
}
.sliderNavs svg{
fill:none;
stroke:#19181b;
stroke-width:1.5;
stroke-miterlimit:10;
height:16px;
display:inline-block;
vertical-align:top
}
.slick-disabled {
opacity: 0.2;
}
.col{
position:relative;
float:left;
padding-left:10px;
padding-right:10px
}
.float-l{
float:left
}
.float-r{
float:right
}
.h-max{
height:100%
}
.h-fold{
height:100vh
}
.h-auto{
height:auto!important;
}
.w-auto{
width:auto !important
}
.w-g-0{
width:0%
}
.w-g-pull-0{
right:auto
}
.w-g-push-0{
left:auto
}
.w-g-offset-0{
margin-left:0%
}
.w-g-1{
width:8.3333333333%
}
.w-g-pull-1{
right:8.3333333333%
}
.w-g-push-1{
left:8.3333333333%
}
.w-g-offset-1{
margin-left:8.3333333333%
}
.w-g-2{
width:16.6666666667%
}
.w-g-pull-2{
right:16.6666666667%
}
.w-g-push-2{
left:16.6666666667%
}
.w-g-offset-2{
margin-left:16.6666666667%
}
.w-g-3{
width:25%
}
.w-g-pull-3{
right:25%
}
.w-g-push-3{
left:25%
}
.w-g-offset-3{
margin-left:25%
}
.w-g-4{
width:33.3333333333%
}
.w-g-pull-4{
right:33.3333333333%
}
.w-g-push-4{
left:33.3333333333%
}
.w-g-offset-4{
margin-left:33.3333333333%
}
.w-g-5{
width:41.6666666667%
}
.w-g-pull-5{
right:41.6666666667%
}
.w-g-push-5{
left:41.6666666667%
}
.w-g-offset-5{
margin-left:41.6666666667%
}
.w-g-6{
width:50%
}
.w-g-pull-6{
right:50%
}
.w-g-push-6{
left:50%
}
.w-g-offset-6{
margin-left:50%
}
.w-g-7{
width:58.3333333333%
}
.w-g-pull-7{
right:58.3333333333%
}
.w-g-push-7{
left:58.3333333333%
}
.w-g-offset-7{
margin-left:58.3333333333%
}
.w-g-8{
width:66.6666666667%
}
.w-g-pull-8{
right:66.6666666667%
}
.w-g-push-8{
left:66.6666666667%
}
.w-g-offset-8{
margin-left:66.6666666667%
}
.w-g-9{
width:75%
}
.w-g-pull-9{
right:75%
}
.w-g-push-9{
left:75%
}
.w-g-offset-9{
margin-left:75%
}
.w-g-10{
width:83.3333333333%
}
.w-g-pull-10{
right:83.3333333333%
}
.w-g-push-10{
left:83.3333333333%
}
.w-g-offset-10{
margin-left:83.3333333333%
}
.w-g-11{
width:91.6666666667%
}
.w-g-pull-11{
right:91.6666666667%
}
.w-g-push-11{
left:91.6666666667%
}
.w-g-offset-11{
margin-left:91.6666666667%
}
.w-g-12{
width:100%
}
.w-g-pull-12{
right:100%
}
.w-g-push-12{
left:100%
}
.w-g-offset-12{
margin-left:100%
}
.w-0{
width:0%
}
.w-pull-0{
right:auto
}
.w-push-0{
left:auto
}
.w-offset-0{
margin-left:0%
}
.w-1{
width:10%
}
.w-pull-1{
right:10%
}
.w-push-1{
left:10%
}
.w-offset-1{
margin-left:10%
}
.w-2{
width:20%
}
.w-pull-2{
right:20%
}
.w-push-2{
left:20%
}
.w-offset-2{
margin-left:20%
}
.w-3{
width:30%
}
.w-pull-3{
right:30%
}
.w-push-3{
left:30%
}
.w-offset-3{
margin-left:30%
}
.w-4{
width:40%
}
.w-pull-4{
right:40%
}
.w-push-4{
left:40%
}
.w-offset-4{
margin-left:40%
}
.w-5{
width:50%
}
.w-pull-5{
right:50%
}
.w-push-5{
left:50%
}
.w-offset-5{
margin-left:50%
}
.w-6{
width:60%
}
.w-pull-6{
right:60%
}
.w-push-6{
left:60%
}
.w-offset-6{
margin-left:60%
}
.w-7{
width:70%
}
.w-pull-7{
right:70%
}
.w-push-7{
left:70%
}
.w-offset-7{
margin-left:70%
}
.w-8{
width:80%
}
.w-pull-8{
right:80%
}
.w-push-8{
left:80%
}
.w-offset-8{
margin-left:80%
}
.w-9{
width:90%
}
.w-pull-9{
right:90%
}
.w-push-9{
left:90%
}
.w-offset-9{
margin-left:90%
}
.w-10{
width:100%
}
.w-pull-10{
right:100%
}
.w-push-10{
left:100%
}
.w-offset-10{
margin-left:100%
}
.text-left{
text-align:left
}
.text-right{
text-align:right
}
.text-center {
text-align:center
}
.text-justify{
text-align:justify
}
.text-nowrap{
white-space:nowrap
}
.d-block{
display:block
}
.d-inline{
display:inline-block
}
.d-flex {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.d-none{
display:none
}
.d-table{
display:table;
width:100%;
table-layout:fixed
}
.d-table-row{
display: table-row;
}
.d-table>.cell{
display:table-cell;
vertical-align:middle;
float:none
}
.d-table>.cell.v-top{
vertical-align:top
}
.d-table>.cell.v-middle{
vertical-align:middle
}
.d-table>.cell.v-bottom{
vertical-align:bottom
}
.d-table>.cell.v-base{
vertical-align:baseline
}
.d-table.row{
width:auto
}
.cell{
padding-left:10px;
padding-right:10px
}
.d-flex>.v-top{
-ms-flex-item-align:flex-start;
align-self:flex-start
}
.d-flex>.v-middle{
-ms-flex-item-align:center;
align-self:center
}
.d-flex>.v-bottom{
-ms-flex-item-align:flex-end;
align-self:flex-end
}
.d-flex>.v-base{
-ms-flex-item-align:baseline;
align-self:baseline
}
.v-stretch{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}
.v-stretch.text-center{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.v-stretch.text-right{
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end
}
.v-top{
vertical-align:top
}
.v-middle{
vertical-align:middle
}
.v-bottom{
vertical-align:bottom
}
.v-base{
vertical-align:baseline
}
.i-inline{
width:auto;
height:auto;
min-height:auto;
min-width:auto;
max-width:100%;
max-height:100%
}
.i-fit{
width:100%;
height:100%;
min-height:auto;
min-width:auto;
max-width:100%;
max-height:100%
}
.i-cover{
width:auto;
height:auto;
min-height:100%;
min-width:100%;
max-width:none;
max-height:none
}
/* spacing */
.ls-m4 {
letter-spacing : -4.08px;
}
.m-auto{margin: auto;}
.m-left{margin-left: 0;}
.m-right{margin-right: 0;}
.mx-auto{margin-left: auto;margin-right: auto;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.m-0{ margin:0;}
.p-0{padding-left:0; padding-right:0; }
.p1{padding:.25rem;}
.p2{padding:.5rem;}
.p3{padding:1rem;}
.p4{padding: 1.5rem;}
.p5{padding:2rem;}
.p6{padding:2.5rem;}
.pt-1, .py-1 {
padding-top: .25rem;
}
.pt-2, .py-2 {
padding-top: .5rem;
}
.pt-3, .py-3 {
padding-top: 1rem;
}
.pt-4, .py-4 {
padding-top: 1.5rem;
}
.pt-5, .py-5 {
padding-top: 2rem;
}
.pt-6, .py-6 {
padding-top: 2.5rem;
}
.pb-1, .py-1 {
padding-bottom: .25rem;
}
.pb-2, .py-2 {
padding-bottom: .5rem;
}
.pb-3, .py-3 {
padding-bottom: 1rem;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem;
}
.pb-5, .py-5 {
padding-bottom: 2rem;
}
.pb-6, .py-6 {
padding-bottom: 2.5rem;
}
.pr-1, .py-1 {
padding-right: .25rem;
}
.pr-2, .py-2 {
padding-right: .5rem;
}
.pr-3, .py-3 {
padding-right: 1rem;
}
.pr-4, .py-4 {
padding-right: 1.5rem;
}
.pr-5, .py-5 {
padding-right: 2rem;
}
.pr-6, .py-6 {
padding-right: 2.5rem;
}
.pl-1, .py-1 {
padding-left: .25rem;
}
.pl-2, .py-2 {
padding-left: .5rem;
}
.pl-3, .py-3 {
padding-left: 1rem;
}
.pl-4, .py-4 {
padding-left: 1.5rem;
}
.pl-5, .py-5 {
padding-left: 2rem;
}
.pl-6, .py-6 {
padding-left: 2.5rem;
}
.m1{margin:.25rem;}
.m2{margin:.5rem;}
.m3{margin:1rem;}
.m4{margin: 1.5rem;}
.m5{margin:2rem;}
.m6{margin:2.5rem;}
.mt-1, .my-1 {
margin-top: .25rem;
}
.mt-2, .my-2 {
margin-top: .5rem;
}
.mt-3, .my-3 {
margin-top: 1rem;
}
.mt-4, .my-4 {
margin-top: 1.5rem;
}
.mt-5, .my-5 {
margin-top: 2rem;
}
.mt-6, .my-6 {
margin-top: 2.5rem;
}
.mb-1, .my-1 {
margin-bottom: .25rem;
}
.mb-2, .my-2 {
margin-bottom: .5rem;
}
.mb-3, .my-3 {
margin-bottom: 1rem;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem;
}
.mb-5, .my-5 {
margin-bottom: 2rem;
}
.mb-6, .my-6 {
margin-bottom: 2.5rem;
}
.mr-1, .my-1 {
margin-right: .25rem;
}
.mr-2, .my-2 {
margin-right: .5rem;
}
.mr-3, .my-3 {
margin-right: 1rem;
}
.mr-4, .my-4 {
margin-right: 1.5rem;
}
.mr-5, .my-5 {
margin-right: 2rem;
}
.mr-6, .my-6 {
margin-right: 2.5rem;
}
.ml-1, .my-1 {
margin-left: .25rem;
}
.ml-2, .my-2 {
margin-left: .5rem;
}
.ml-3, .my-3 {
margin-left: 1rem;
}
.ml-4, .my-4 {
margin-left: 1.5rem;
}
.ml-5, .my-5 {
margin-left: 2rem;
}
.ml-6, .my-6 {
margin-left: 2.5rem;
}
.m-auto{
margin:auto
}
.m-left{
margin-left:0 !important
}
.m-right{
margin-right:0 !important
}
.pos-rel{
position:relative;
z-index:1
}
.pos-rel>*{
z-index:1
}
.pos-rel .absolute-bg{
z-index:0
}
.absolute-bg{
z-index:0
}
.fs0{
font-size:12px;
line-height:1.6
}
.fs1,.btn{
font-size:13px;
line-height:1.6
}
.fs2,#contactSec1 .secrow1 .input-wrapper .form-control{
font-size:16px;
line-height:1.6;
letter-spacing:.4px
}
.fs3{
font-size:18px;
line-height:1.6
}
.fs4{
font-size:22px;
line-height:1.6
}
.fs5{
font-size:30px;
line-height:1.3
}
.fs6{
font-size:36px;
line-height:1.3
}
.hs1{
font-size:100px;
line-height:1
}
.hs2{
font-size:80px;
line-height:1
}
.hs3{
font-size:50px;
line-height:1.2
}
.hs4{
font-size:45px;
line-height:1.15
}
.hs5{
font-size:38px;
line-height:1.1
}
.ttu,.btn{
text-transform:uppercase
}
.ttc{
text-transform:capitalize
}
.fsi{
font-style:italic
}
.ff1{
font-family:"Flink"
}
.ff2,.btn{
font-family:"Gilroy"
}
.fw1{
font-weight:100
}
.fw2{
font-weight:200
}
.fw3{
font-weight:300
}
.fw4{
font-weight:400
}
.fw5{
font-weight:500
}
.fw6{
font-weight:600
}
.fw7{
font-weight:700
}
.fw8{
font-weight:800
}
.fw9{
font-weight:900
}
.fwb{
font-weight:bold
}
.fc1{
color:#fff;
fill:#fff;
stroke:#fff
}
.bg1{
background-color:#fff
}
.bc1{
border-color:#fff
}
.fc2{
color:#000;
fill:#000;
stroke:#000
}
.bg2{
background-color:#000
}
.bc2{
border-color:#000
}
.fc3{
color:#19181b;
fill:#19181b;
stroke:#19181b
}
.bg3{
background-color:#19181b
}
.bc3{
border-color:#19181b
}
.fc4{
color:#999;
fill:#999;
stroke:#999
}
.bg4{
background-color:#999
}
.bc4{
border-color:#999
}
.fc5{
color:#b3b3b3;
fill:#b3b3b3;
stroke:#b3b3b3
}
.bg5{
background-color:#b3b3b3
}
.bc5{
border-color:#b3b3b3
}
.fc6{
color:#e3e7e8;
fill:#e3e7e8;
stroke:#e3e7e8
}
.bg6{
background-color:#e3e7e8
}
.bc6{
border-color:#e3e7e8
}
.fc7{
color:#f33;
fill:#f33;
stroke:#f33
}
.bg7{
background-color:#f33
}
.bg18 {
background-color:#5f35fe
}
.bg19 {
background-color:#FF7205
}
.bc7{
border-color:#f33
}
.fc8{
color:#fc3;
fill:#fc3;
stroke:#fc3
}
.bg8{
background-color:#fc3
}
.bc8{
border-color:#fc3
}
.fc9{
color:#f90;
fill:#f90;
stroke:#f90
}
.bg9{
background-color:#f90
}
.bc9{
border-color:#f90
}
.fc10{
color:#f2f2f2;
fill:#f2f2f2;
stroke:#f2f2f2
}
.bg10{
background-color:#f2f2f2
}
.bc10{
border-color:#f2f2f2
}
.bg12{
background-color:#EAEAEA
}
.bc12{
border-color:#EAEAEA
}
.fc11 {
color:#9D9D9D;
fill:#9D9D9D;
stroke:#9D9D9D
}
.bs-white{
box-shadow:0 0px 4px rgba(25,24,27,.2)
}
.bs-gray{
box-shadow:0 1px 4px rgba(25,24,27,.2)
}
.br-0{
border-radius:0
}
.br-4{
border-radius:4px
}
.br-6{
border-radius:6px
}
.br-8{
border-radius:8px
}
.br-12{
border-radius:12px
}
.br-circle{
border-radius:50%
}
@media only screen and (min-width: 992px){
.loading,.animate{
opacity:0
}
.animated{
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
.animated.slow{
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-duration:1.5s
}
.animated.fast{
-webkit-animation-duration:.5s;
-moz-animation-duration:.5s;
animation-duration:.5s
}
.animated.d-01{
animation-delay: 0.1s;
-webkit-animation-delay:0.1s;
}
.animated.d-02{
animation-delay: 0.2s;
-webkit-animation-delay:0.2s;
}
.animated.d-03{
animation-delay: 0.3s;
-webkit-animation-delay:0.3s;
}
.animated.d-04{
animation-delay: 0.4s;
-webkit-animation-delay:0.4s;
}
.animated.d-05{
animation-delay: 0.5s;
-webkit-animation-delay:0.5s;
}
.animated.d-06{
animation-delay: 0.6s;
-webkit-animation-delay:0.6s;
}
.animated.d-07{
animation-delay: 0.7s;
-webkit-animation-delay:0.7s;
}
.animated.d-08{
animation-delay: 0.8s;
-webkit-animation-delay:0.8s;
}
.fadeIn{
opacity:0;
-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeIn{
0%{
opacity:0;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@-moz-keyframes fadeIn{
0%{
opacity:0;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@keyframes fadeIn{
0%{
opacity:0;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.fadeInScale {
-webkit-animation-name: fadeInScale;
animation-name: fadeInScale;
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) .6s;
transition: all .6s cubic-bezier(.77, 0, .175, 1) .6s;
webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-delay: .05s;
transition-delay: .05s;
}
@-webkit-keyframes fadeInScale {
0% {
opacity: 0;
-webkit-transform: scale3d(1.6,1.6,1.6);
transform: scale3d(1.6,1.6,1.6);
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
@keyframes fadeInScale {
0% {
opacity: 0;
-webkit-transform: scale3d(1.6,1.6,1.6);
transform: scale3d(1.6,1.6,1.6);
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
.fadeInExplode {
-webkit-animation-name: fadeInExplode;
animation-name: fadeInExplode;
-ms-transform-origin: center center;
transform-origin: center center;
transform-box: fill-box;
}
@-webkit-keyframes fadeInExplode {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3)
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
@keyframes fadeInExplode {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3);
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
.fadeInUp{
opacity:0;
-webkit-animation-name:fadeInUp;
-moz-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
-moz-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@-moz-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
-moz-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
-moz-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
.fadeInRight{
opacity:0;
-webkit-animation-name:fadeInRight;
-moz-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translate3d(30px, 0, 0);
-moz-transform:translate3d(30px, 0, 0);
transform:translate3d(30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@-moz-keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translate3d(30px, 0, 0);
-moz-transform:translate3d(30px, 0, 0);
transform:translate3d(30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@keyframes fadeInRight{
0%{
opacity:0;
-webkit-transform:translate3d(30px, 0, 0);
-moz-transform:translate3d(30px, 0, 0);
transform:translate3d(30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
.fadeInDown{
opacity:0;
-webkit-animation-name:fadeInDown;
-moz-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@-moz-keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
.fadeInLeft{
opacity:0;
-webkit-animation-name:fadeInLeft;
-moz-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
-moz-transform:translate3d(-30px, 0, 0);
transform:translate3d(-30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@-moz-keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
-moz-transform:translate3d(-30px, 0, 0);
transform:translate3d(-30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
@keyframes fadeInLeft{
0%{
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
-moz-transform:translate3d(-30px, 0, 0);
transform:translate3d(-30px, 0, 0)
}
to{
opacity:1;
-webkit-transform:none;
-moz-transform:none;
transform:none
}
}
.fadeInExplode{
opacity:0;
-webkit-animation-name:fadeInExplode;
-moz-animation-name:fadeInExplode;
animation-name:fadeInExplode
}
@-webkit-keyframes fadeInExplode{
0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-moz-keyframes fadeInExplode{
0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes fadeInExplode{
0%{
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.fadeInShrink{
opacity:0;
-webkit-animation-name:fadeInShrink;
-moz-animation-name:fadeInShrink;
animation-name:fadeInShrink;
-webkit-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) .8s;
-moz-transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) .8s;
transition:all .6s cubic-bezier(0.77, 0, 0.175, 1) .8s
}
@-webkit-keyframes fadeInShrink{
0%{
opacity:0;
-webkit-transform:scale3d(1.3, 1.3, 1.3);
-moz-transform:scale3d(1.3, 1.3, 1.3);
transform:scale3d(1.3, 1.3, 1.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-moz-keyframes fadeInShrink{
0%{
opacity:0;
-webkit-transform:scale3d(1.3, 1.3, 1.3);
-moz-transform:scale3d(1.3, 1.3, 1.3);
transform:scale3d(1.3, 1.3, 1.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes fadeInShrink{
0%{
opacity:0;
-webkit-transform:scale3d(1.3, 1.3, 1.3);
-moz-transform:scale3d(1.3, 1.3, 1.3);
transform:scale3d(1.3, 1.3, 1.3)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes bgScrollLeft{
0%{
background-position:0%
}
to{
background-position:90000%
}
}
@-moz-keyframes bgScrollLeft{
0%{
background-position:0%
}
to{
background-position:90000%
}
}
@keyframes bgScrollLeft{
0%{
background-position:0%
}
to{
background-position:90000%
}
}
@-webkit-keyframes bgScrollRight{
0%{
background-position:0%
}
to{
background-position:-90000%
}
}
@-moz-keyframes bgScrollRight{
0%{
background-position:0%
}
to{
background-position:-90000%
}
}
@keyframes bgScrollRight{
0%{
background-position:0%
}
to{
background-position:-90000%
}
}
@-webkit-keyframes bounce{
from,20%,53%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%,43%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
-moz-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
-moz-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0) scaleY(0.95);
-moz-transform:translate3d(0, 0, 0) scaleY(0.95);
transform:translate3d(0, 0, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
-moz-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@-moz-keyframes bounce{
from,20%,53%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%,43%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
-moz-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
-moz-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0) scaleY(0.95);
-moz-transform:translate3d(0, 0, 0) scaleY(0.95);
transform:translate3d(0, 0, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
-moz-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce{
from,20%,53%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%,43%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
-moz-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70%{
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
-moz-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80%{
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0) scaleY(0.95);
-moz-transform:translate3d(0, 0, 0) scaleY(0.95);
transform:translate3d(0, 0, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
-moz-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@-webkit-keyframes btnBubblesTop{
0%{
background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%
}
50%{
background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%
}
100%{
background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@-moz-keyframes btnBubblesTop{
0%{
background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%
}
50%{
background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%
}
100%{
background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@keyframes btnBubblesTop{
0%{
background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%
}
50%{
background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%
}
100%{
background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@-webkit-keyframes btnBubblesBottom{
0%{
background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%
}
50%{
background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%
}
100%{
background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@-moz-keyframes btnBubblesBottom{
0%{
background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%
}
50%{
background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%
}
100%{
background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@keyframes btnBubblesBottom{
0%{
background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%
}
50%{
background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%
}
100%{
background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;
background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%
}
}
@-webkit-keyframes bounceInLeft{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
-moz-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(-10px, 0, 0) scaleX(0.98);
transform:translate3d(-10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(5px, 0, 0) scaleX(0.995);
transform:translate3d(5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@-moz-keyframes bounceInLeft{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
-moz-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(-10px, 0, 0) scaleX(0.98);
transform:translate3d(-10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(5px, 0, 0) scaleX(0.995);
transform:translate3d(5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@keyframes bounceInLeft{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
-moz-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(-10px, 0, 0) scaleX(0.98);
transform:translate3d(-10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(5px, 0, 0) scaleX(0.995);
transform:translate3d(5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
.animated.bounceInLeft{
-webkit-animation-name:bounceInLeft;
-moz-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
-moz-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(10px, 0, 0) scaleX(0.98);
transform:translate3d(10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(-5px, 0, 0) scaleX(0.995);
transform:translate3d(-5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@-moz-keyframes bounceInRight{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
-moz-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(10px, 0, 0) scaleX(0.98);
transform:translate3d(10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(-5px, 0, 0) scaleX(0.995);
transform:translate3d(-5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@keyframes bounceInRight{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
-moz-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60%{
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
-moz-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75%{
-webkit-transform:translate3d(10px, 0, 0) scaleX(0.98);
-moz-transform:translate3d(10px, 0, 0) scaleX(0.98);
transform:translate3d(10px, 0, 0) scaleX(0.98)
}
90%{
-webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
-moz-transform:translate3d(-5px, 0, 0) scaleX(0.995);
transform:translate3d(-5px, 0, 0) scaleX(0.995)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
.animated.bounceInRight{
-webkit-animation-name:bounceInRight;
-moz-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
-moz-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
-moz-transform:translate3d(0, -20px, 0) scaleY(0.9);
transform:translate3d(0, -20px, 0) scaleY(0.9)
}
75%{
-webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
-moz-transform:translate3d(0, 10px, 0) scaleY(0.95);
transform:translate3d(0, 10px, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
-moz-transform:translate3d(0, -5px, 0) scaleY(0.985);
transform:translate3d(0, -5px, 0) scaleY(0.985)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@-moz-keyframes bounceInUp{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
-moz-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
-moz-transform:translate3d(0, -20px, 0) scaleY(0.9);
transform:translate3d(0, -20px, 0) scaleY(0.9)
}
75%{
-webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
-moz-transform:translate3d(0, 10px, 0) scaleY(0.95);
transform:translate3d(0, 10px, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
-moz-transform:translate3d(0, -5px, 0) scaleY(0.985);
transform:translate3d(0, -5px, 0) scaleY(0.985)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
@keyframes bounceInUp{
from,60%,75%,90%,to{
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
-moz-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60%{
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
-moz-transform:translate3d(0, -20px, 0) scaleY(0.9);
transform:translate3d(0, -20px, 0) scaleY(0.9)
}
75%{
-webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
-moz-transform:translate3d(0, 10px, 0) scaleY(0.95);
transform:translate3d(0, 10px, 0) scaleY(0.95)
}
90%{
-webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
-moz-transform:translate3d(0, -5px, 0) scaleY(0.985);
transform:translate3d(0, -5px, 0) scaleY(0.985)
}
to{
-webkit-transform:translate3d(0, 0, 0) scaleX(1);
-moz-transform:translate3d(0, 0, 0) scaleX(1);
transform:translate3d(0, 0, 0) scaleX(1)
}
}
.animated.bounceInUp{
-webkit-animation-name:bounceInUp;
-moz-animation-name:bounceInUp;
animation-name:bounceInUp
}
@-webkit-keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to{
-webkit-transform:perspective(400px);
-moz-transform:perspective(400px);
transform:perspective(400px)
}
}
@-moz-keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to{
-webkit-transform:perspective(400px);
-moz-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to{
-webkit-transform:perspective(400px);
-moz-transform:perspective(400px);
transform:perspective(400px)
}
}
.animated.flipInX{
-webkit-backface-visibility:visible !important;
-moz-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInX;
-moz-animation-name:flipInX;
animation-name:flipInX
}
}
@media only screen and (min-width: 768px){
.w-g-sm-0{
width:0%
}
.w-g-sm-pull-0{
right:auto
}
.w-g-sm-push-0{
left:auto
}
.w-g-sm-offset-0{
margin-left:0%
}
.w-g-sm-1{
width:8.3333333333%
}
.w-g-sm-pull-1{
right:8.3333333333%
}
.w-g-sm-push-1{
left:8.3333333333%
}
.w-g-sm-offset-1{
margin-left:8.3333333333%
}
.w-g-sm-2{
width:16.6666666667%
}
.w-g-sm-pull-2{
right:16.6666666667%
}
.w-g-sm-push-2{
left:16.6666666667%
}
.w-g-sm-offset-2{
margin-left:16.6666666667%
}
.w-g-sm-3{
width:25%
}
.w-g-sm-pull-3{
right:25%
}
.w-g-sm-push-3{
left:25%
}
.w-g-sm-offset-3{
margin-left:25%
}
.w-g-sm-4{
width:33.3333333333%
}
.w-g-sm-pull-4{
right:33.3333333333%
}
.w-g-sm-push-4{
left:33.3333333333%
}
.w-g-sm-offset-4{
margin-left:33.3333333333%
}
.w-g-sm-5{
width:41.6666666667%
}
.w-g-sm-pull-5{
right:41.6666666667%
}
.w-g-sm-push-5{
left:41.6666666667%
}
.w-g-sm-offset-5{
margin-left:41.6666666667%
}
.w-g-sm-6{
width:50%
}
.w-g-sm-pull-6{
right:50%
}
.w-g-sm-push-6{
left:50%
}
.w-g-sm-offset-6{
margin-left:50%
}
.w-g-sm-7{
width:58.3333333333%
}
.w-g-sm-pull-7{
right:58.3333333333%
}
.w-g-sm-push-7{
left:58.3333333333%
}
.w-g-sm-offset-7{
margin-left:58.3333333333%
}
.w-g-sm-8{
width:66.6666666667%
}
.w-g-sm-pull-8{
right:66.6666666667%
}
.w-g-sm-push-8{
left:66.6666666667%
}
.w-g-sm-offset-8{
margin-left:66.6666666667%
}
.w-g-sm-9{
width:75%
}
.w-g-sm-pull-9{
right:75%
}
.w-g-sm-push-9{
left:75%
}
.w-g-sm-offset-9{
margin-left:75%
}
.w-g-sm-10{
width:83.3333333333%
}
.w-g-sm-pull-10{
right:83.3333333333%
}
.w-g-sm-push-10{
left:83.3333333333%
}
.w-g-sm-offset-10{
margin-left:83.3333333333%
}
.w-g-sm-11{
width:91.6666666667%
}
.w-g-sm-pull-11{
right:91.6666666667%
}
.w-g-sm-push-11{
left:91.6666666667%
}
.w-g-sm-offset-11{
margin-left:91.6666666667%
}
.w-g-sm-12{
width:100%
}
.w-g-sm-pull-12{
right:100%
}
.w-g-sm-push-12{
left:100%
}
.w-g-sm-offset-12{
margin-left:100%
}
.w-sm-0{
width:0%
}
.w-sm-pull-0{
right:auto
}
.w-sm-push-0{
left:auto
}
.w-sm-offset-0{
margin-left:0%
}
.w-sm-1{
width:10%
}
.w-sm-pull-1{
right:10%
}
.w-sm-push-1{
left:10%
}
.w-sm-offset-1{
margin-left:10%
}
.w-sm-2{
width:20%
}
.w-sm-pull-2{
right:20%
}
.w-sm-push-2{
left:20%
}
.w-sm-offset-2{
margin-left:20%
}
.w-sm-3{
width:30%
}
.w-sm-pull-3{
right:30%
}
.w-sm-push-3{
left:30%
}
.w-sm-offset-3{
margin-left:30%
}
.w-sm-4{
width:40%
}
.w-sm-pull-4{
right:40%
}
.w-sm-push-4{
left:40%
}
.w-sm-offset-4{
margin-left:40%
}
.w-sm-5{
width:50%
}
.w-sm-pull-5{
right:50%
}
.w-sm-push-5{
left:50%
}
.w-sm-offset-5{
margin-left:50%
}
.w-sm-6{
width:60%
}
.w-sm-pull-6{
right:60%
}
.w-sm-push-6{
left:60%
}
.w-sm-offset-6{
margin-left:60%
}
.w-sm-7{
width:70%
}
.w-sm-pull-7{
right:70%
}
.w-sm-push-7{
left:70%
}
.w-sm-offset-7{
margin-left:70%
}
.w-sm-8{
width:80%
}
.w-sm-pull-8{
right:80%
}
.w-sm-push-8{
left:80%
}
.w-sm-offset-8{
margin-left:80%
}
.w-sm-9{
width:90%
}
.w-sm-pull-9{
right:90%
}
.w-sm-push-9{
left:90%
}
.w-sm-offset-9{
margin-left:90%
}
.w-sm-10{
width:100%
}
.w-sm-pull-10{
right:100%
}
.w-sm-push-10{
left:100%
}
.w-sm-offset-10{
margin-left:100%
}
.lg-show,.md-show,.sm-hide,.xs-show{
display:none !important
}
}
@media only screen and (min-width: 991px){
.w-g-md-0{
width:0%
}
.w-g-md-pull-0{
right:auto
}
.w-g-md-push-0{
left:auto
}
.w-g-md-offset-0{
margin-left:0%
}
.w-g-md-1{
width:8.3333333333%
}
.w-g-md-pull-1{
right:8.3333333333%
}
.w-g-md-push-1{
left:8.3333333333%
}
.w-g-md-offset-1{
margin-left:8.3333333333%
}
.w-g-md-2{
width:16.6666666667%
}
.w-g-md-pull-2{
right:16.6666666667%
}
.w-g-md-push-2{
left:16.6666666667%
}
.w-g-md-offset-2{
margin-left:16.6666666667%
}
.w-g-md-3{
width:25%
}
.w-g-md-pull-3{
right:25%
}
.w-g-md-push-3{
left:25%
}
.w-g-md-offset-3{
margin-left:25%
}
.w-g-md-4{
width:33.3333333333%
}
.w-g-md-pull-4{
right:33.3333333333%
}
.w-g-md-push-4{
left:33.3333333333%
}
.w-g-md-offset-4{
margin-left:33.3333333333%
}
.w-g-md-5{
width:41.6666666667%
}
.w-g-md-pull-5{
right:41.6666666667%
}
.w-g-md-push-5{
left:41.6666666667%
}
.w-g-md-offset-5{
margin-left:41.6666666667%
}
.w-g-md-6{
width:50%
}
.w-g-md-pull-6{
right:50%
}
.w-g-md-push-6{
left:50%
}
.w-g-md-offset-6{
margin-left:50%
}
.w-g-md-7{
width:58.3333333333%
}
.w-g-md-pull-7{
right:58.3333333333%
}
.w-g-md-push-7{
left:58.3333333333%
}
.w-g-md-offset-7{
margin-left:58.3333333333%
}
.w-g-md-8{
width:66.6666666667%
}
.w-g-md-pull-8{
right:66.6666666667%
}
.w-g-md-push-8{
left:66.6666666667%
}
.w-g-md-offset-8{
margin-left:66.6666666667%
}
.w-g-md-9{
width:75%
}
.w-g-md-pull-9{
right:75%
}
.w-g-md-push-9{
left:75%
}
.w-g-md-offset-9{
margin-left:75%
}
.w-g-md-10{
width:83.3333333333%
}
.w-g-md-pull-10{
right:83.3333333333%
}
.w-g-md-push-10{
left:83.3333333333%
}
.w-g-md-offset-10{
margin-left:83.3333333333%
}
.w-g-md-11{
width:91.6666666667%
}
.w-g-md-pull-11{
right:91.6666666667%
}
.w-g-md-push-11{
left:91.6666666667%
}
.w-g-md-offset-11{
margin-left:91.6666666667%
}
.w-g-md-12{
width:100%
}
.w-g-md-pull-12{
right:100%
}
.w-g-md-push-12{
left:100%
}
.w-g-md-offset-12{
margin-left:100%
}
.w-md-0{
width:0%
}
.w-md-pull-0{
right:auto
}
.w-md-push-0{
left:auto
}
.w-md-offset-0{
margin-left:0%
}
.w-md-1{
width:10%
}
.w-md-pull-1{
right:10%
}
.w-md-push-1{
left:10%
}
.w-md-offset-1{
margin-left:10%
}
.w-md-2{
width:20%
}
.w-md-pull-2{
right:20%
}
.w-md-push-2{
left:20%
}
.w-md-offset-2{
margin-left:20%
}
.w-md-3{
width:30%
}
.w-md-pull-3{
right:30%
}
.w-md-push-3{
left:30%
}
.w-md-offset-3{
margin-left:30%
}
.w-md-4{
width:40%
}
.w-md-pull-4{
right:40%
}
.w-md-push-4{
left:40%
}
.w-md-offset-4{
margin-left:40%
}
.w-md-5{
width:50%
}
.w-md-pull-5{
right:50%
}
.w-md-push-5{
left:50%
}
.w-md-offset-5{
margin-left:50%
}
.w-md-6{
width:60%
}
.w-md-pull-6{
right:60%
}
.w-md-push-6{
left:60%
}
.w-md-offset-6{
margin-left:60%
}
.w-md-7{
width:70%
}
.w-md-pull-7{
right:70%
}
.w-md-push-7{
left:70%
}
.w-md-offset-7{
margin-left:70%
}
.w-md-8{
width:80%
}
.w-md-pull-8{
right:80%
}
.w-md-push-8{
left:80%
}
.w-md-offset-8{
margin-left:80%
}
.w-md-9{
width:90%
}
.w-md-pull-9{
right:90%
}
.w-md-push-9{
left:90%
}
.w-md-offset-9{
margin-left:90%
}
.w-md-10{
width:100%
}
.w-md-pull-10{
right:100%
}
.w-md-push-10{
left:100%
}
.w-md-offset-10{
margin-left:100%
}
.lg-show,.md-hide,.sm-show,.xs-show{
display:none !important
}
}
@media only screen and (min-width: 1330px){
.w-g-lg-0{
width:0%
}
.w-g-lg-pull-0{
right:auto
}
.w-g-lg-push-0{
left:auto
}
.w-g-lg-offset-0{
margin-left:0%
}
.w-g-lg-1{
width:8.3333333333%
}
.w-g-lg-pull-1{
right:8.3333333333%
}
.w-g-lg-push-1{
left:8.3333333333%
}
.w-g-lg-offset-1{
margin-left:8.3333333333%
}
.w-g-lg-2{
width:16.6666666667%
}
.w-g-lg-pull-2{
right:16.6666666667%
}
.w-g-lg-push-2{
left:16.6666666667%
}
.w-g-lg-offset-2{
margin-left:16.6666666667%
}
.w-g-lg-3{
width:25%
}
.w-g-lg-pull-3{
right:25%
}
.w-g-lg-push-3{
left:25%
}
.w-g-lg-offset-3{
margin-left:25%
}
.w-g-lg-4{
width:33.3333333333%
}
.w-g-lg-pull-4{
right:33.3333333333%
}
.w-g-lg-push-4{
left:33.3333333333%
}
.w-g-lg-offset-4{
margin-left:33.3333333333%
}
.w-g-lg-5{
width:41.6666666667%
}
.w-g-lg-pull-5{
right:41.6666666667%
}
.w-g-lg-push-5{
left:41.6666666667%
}
.w-g-lg-offset-5{
margin-left:41.6666666667%
}
.w-g-lg-6{
width:50%
}
.w-g-lg-pull-6{
right:50%
}
.w-g-lg-push-6{
left:50%
}
.w-g-lg-offset-6{
margin-left:50%
}
.w-g-lg-7{
width:58.3333333333%
}
.w-g-lg-pull-7{
right:58.3333333333%
}
.w-g-lg-push-7{
left:58.3333333333%
}
.w-g-lg-offset-7{
margin-left:58.3333333333%
}
.w-g-lg-8{
width:66.6666666667%
}
.w-g-lg-pull-8{
right:66.6666666667%
}
.w-g-lg-push-8{
left:66.6666666667%
}
.w-g-lg-offset-8{
margin-left:66.6666666667%
}
.w-g-lg-9{
width:75%
}
.w-g-lg-pull-9{
right:75%
}
.w-g-lg-push-9{
left:75%
}
.w-g-lg-offset-9{
margin-left:75%
}
.w-g-lg-10{
width:83.3333333333%
}
.w-g-lg-pull-10{
right:83.3333333333%
}
.w-g-lg-push-10{
left:83.3333333333%
}
.w-g-lg-offset-10{
margin-left:83.3333333333%
}
.w-g-lg-11{
width:91.6666666667%
}
.w-g-lg-pull-11{
right:91.6666666667%
}
.w-g-lg-push-11{
left:91.6666666667%
}
.w-g-lg-offset-11{
margin-left:91.6666666667%
}
.w-g-lg-12{
width:100%
}
.w-g-lg-pull-12{
right:100%
}
.w-g-lg-push-12{
left:100%
}
.w-g-lg-offset-12{
margin-left:100%
}
.w-lg-0{
width:0%
}
.w-lg-pull-0{
right:auto
}
.w-lg-push-0{
left:auto
}
.w-lg-offset-0{
margin-left:0%
}
.w-lg-1{
width:10%
}
.w-lg-pull-1{
right:10%
}
.w-lg-push-1{
left:10%
}
.w-lg-offset-1{
margin-left:10%
}
.w-lg-2{
width:20%
}
.w-lg-pull-2{
right:20%
}
.w-lg-push-2{
left:20%
}
.w-lg-offset-2{
margin-left:20%
}
.w-lg-3{
width:30%
}
.w-lg-pull-3{
right:30%
}
.w-lg-push-3{
left:30%
}
.w-lg-offset-3{
margin-left:30%
}
.w-lg-4{
width:40%
}
.w-lg-pull-4{
right:40%
}
.w-lg-push-4{
left:40%
}
.w-lg-offset-4{
margin-left:40%
}
.w-lg-5{
width:50%
}
.w-lg-pull-5{
right:50%
}
.w-lg-push-5{
left:50%
}
.w-lg-offset-5{
margin-left:50%
}
.w-lg-6{
width:60%
}
.w-lg-pull-6{
right:60%
}
.w-lg-push-6{
left:60%
}
.w-lg-offset-6{
margin-left:60%
}
.w-lg-7{
width:70%
}
.w-lg-pull-7{
right:70%
}
.w-lg-push-7{
left:70%
}
.w-lg-offset-7{
margin-left:70%
}
.w-lg-8{
width:80%
}
.w-lg-pull-8{
right:80%
}
.w-lg-push-8{
left:80%
}
.w-lg-offset-8{
margin-left:80%
}
.w-lg-9{
width:90%
}
.w-lg-pull-9{
right:90%
}
.w-lg-push-9{
left:90%
}
.w-lg-offset-9{
margin-left:90%
}
.w-lg-10{
width:100%
}
.w-lg-pull-10{
right:100%
}
.w-lg-push-10{
left:100%
}
.w-lg-offset-10{
margin-left:100%
}
.lg-hide,.md-show,.sm-show,.xs-show{
display:none !important
}
}
@media only screen and (max-height: 700px){
section{
padding:90px;
min-height:100%;
min-height:100vh;
height:auto
}
section.h-auto{
min-height:auto
}
}
@media only screen and (max-width: 991px){
section{
padding:70px 50px
}
.d-sm-block{
display:block
}
.d-sm-block.d-table{
display:inline-block
}
.d-sm-block.d-flex>.col,.d-sm-block.d-table>.cell{
display:block;
float:left
}
.secHeader{
margin-bottom:20px;
margin-top:12px
}
.secBlock{
padding:40px 0 10px
}
.secText{
padding:10px 0
}
.fs0{
font-size:12px;
line-height:1.6
}
.fs1,.btn{
font-size:13px;
line-height:1.6
}
.fs2,#contactSec1 .secrow1 .input-wrapper .form-control{
font-size:15px;
line-height:1.6;
letter-spacing:.4px
}
.fs3{
font-size:17px;
line-height:1.6
}
.fs4{
font-size:20px;
line-height:1.6
}
.fs5{
font-size:25px;
line-height:1.3
}
.fs6{
font-size:30px;
line-height:1.3
}
.hs1{
font-size:80px;
line-height:1
}
.hs2{
font-size:64px;
line-height:1
}
.hs3{
font-size:40px;
line-height:1.2
}
.hs4{
font-size:36px;
line-height:1.15
}
.hs5{
font-size:32px;
line-height:1.1
}
}
@media only screen and (max-width: 767px){
.lg-show,.md-show,.sm-show,.xs-hide{
display:none !important
}
section{
padding:20px
}
.btn{
font-size:11px;
padding:8px 15px;
border-radius:18px 18px 18px 0
}
.d-xs-block.d-table{
display:inline-block
}
.d-xs-block{
display:block
}
.d-xs-block.d-flex>.col,.d-xs-block.d-table>.cell{
display:block;
padding:10px
}
.d-xs-block.d-flex>.col.no-padding,.d-xs-block.d-table>.cell.no-padding{
padding:0
}
.fs0{
font-size:12px;
line-height:1.6
}
.fs1,.btn{
font-size:12px;
line-height:1.6
}
.fs2,#contactSec1 .secrow1 .input-wrapper .form-control{
font-size:14px;
line-height:1.6;
letter-spacing:.4px
}
.fs3{
font-size:16px;
line-height:1.6
}
.fs4{
font-size:18px;
line-height:1.6
}
.fs5{
font-size:20px;
line-height:1.3
}
.fs6{
font-size:20px;
line-height:1.3
}
.hs1{
font-size:60px;
line-height:1
}
.hs2{
font-size:40px;
line-height:1
}
.hs3{
font-size:32px;
line-height:1.2
}
.hs4{
font-size:26px;
line-height:1.2
}
.hs5{
font-size:24px;
line-height:1.3
}
.secHeader{
margin-bottom:10px;
margin-top:10px
}
.secBlock{
padding:20px 0 10px
}
}
#page_loader{
width:100%;
height:100%;
position:fixed;
z-index:99999
}
#page_loader::before{
content:"";
width:100%;
height:100%;
position:absolute;
background-color:#fff;
opacity:1
}
#page_loader .spinner_svg{
-webkit-animation-name:rotate;
-moz-animation-name:rotate;
animation-name:rotate;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
animation-duration:2s;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
z-index:2
}
#page_loader .spinner_svg .path{
stroke-dasharray:1,850;
stroke-dashoffset:0;
stroke:#f33;
stroke-linecap:round;
-webkit-animation-name:dash;
-moz-animation-name:dash;
animation-name:dash;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-timing-function:ease-in-out;
-moz-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
#page_loader .spinner_svg .bgPath{
stroke:#fc3
}
@-webkit-keyframes rotate{
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes rotate{
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate{
100%{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes dash{
0%{
stroke-dasharray:1,850;
stroke-dashoffset:0
}
50%{
stroke-dasharray:90,850;
stroke-dashoffset:-35
}
100%{
stroke-dasharray:90,850;
stroke-dashoffset:-150
}
}
@-moz-keyframes dash{
0%{
stroke-dasharray:1,850;
stroke-dashoffset:0
}
50%{
stroke-dasharray:90,850;
stroke-dashoffset:-35
}
100%{
stroke-dasharray:90,850;
stroke-dashoffset:-150
}
}
@keyframes dash{
0%{
stroke-dasharray:1,850;
stroke-dashoffset:0
}
50%{
stroke-dasharray:90,850;
stroke-dashoffset:-35
}
100%{
stroke-dasharray:90,850;
stroke-dashoffset:-150
}
}
header{
height:auto
}
header .navbar{
padding:0 80px;
position:fixed;
z-index:99;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
color:#19181b;
fill:#19181b;
stroke:#19181b;
background-color:#fff;
box-shadow:0px 0px 3px 0px rgba(0,0,0,.1)
}
header .navbar .container{
padding-left:70px;
padding-right:70px
}
header .logoAnchor{
max-width:136px
}
header .logoAnchor img{
margin-top:3px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
header .logoAnchor .logo-default{
display:none
}
header .menu-scroll{
display:inline-block;
vertical-align:top;
font-size:12px;
line-height:24px;
padding:10px 15px;
margin:10px auto;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1.5px
}
header .menu-scroll.active,header .menu-scroll a:hover,header .menu-scroll a:focus,header .menu-scroll a:active{
color:#f33
}
header.transparent .menu-scroll.active,header.transparent .menu-scroll:hover,header.transparent .menu-scroll:focus,header.transparent .menu-scroll:active{
color:#fff
}
header.transparent .navbar{
color:#fff;
fill:#fff;
stroke:#fff;
background-color:transparent;
box-shadow:none
}
header.transparent .logoAnchor .logo-black{
display:none
}
header.transparent .logoAnchor .logo-default{
display:block
}
header.transparent #navbar-toggle .icon-bar{
background-color:#fff
}
header #scrollToTop{
height:20px;
position:fixed;
right:auto;
left:33px;
z-index:99;
-webkit-transform:rotate(-90deg) translateX(-50%);
-moz-transform:rotate(-90deg) translateX(-50%);
transform:rotate(-90deg) translateX(-50%);
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
transform-origin:0 0
}
header #scrollToTop #scrollToTopBtn{
color:#fff
}
header #scrollToTop #scrollToTopBtn span{
font-size:15px
}
header #scrollToTop #scrollToTopBtn svg{
fill:none;
stroke:#fff;
stroke-width:1.5;
stroke-miterlimit:10;
height:20px;
margin:0 5px
}
header #scrollToTop.dark #scrollToTopBtn{
color:#19181b
}
header #scrollToTop.dark #scrollToTopBtn svg{
stroke:#19181b
}
header #scrollToTop.dark::after{
background:#19181b
}
header .connectFloat{
padding:30px;
line-height:30px;
margin:1%;
position:fixed;
top:auto;
right:0;
bottom:0;
left:auto;
z-index:99;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
header .connectFloat .connectBtn{
padding:17px 15px 13px;
border-radius:50%;
box-shadow:6px 6px 6px 0px rgba(25,24,27,.1);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
header .connectFloat #connectText{
left:15px;
right:15px;
top:15px;
bottom:auto;
z-index:-1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
header .connectFloat #connectText i{
width:90px;
height:90px
}
header .connectFloat.dark #connectText i{
background-position-x:100%
}
header .connectFloat .socialIcons{
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
header .connectFloat .socialIcons a{
padding:5px;
position:absolute;
bottom:0;
left:0;
-webkit-transform-origin:center;
-moz-transform-origin:center;
transform-origin:center;
box-shadow:0 0px 4px rgba(25,24,27,.2)
}
header .connectFloat .socialIcons a:nth-child(1){
-webkit-transform:translate(-36px, -30px);
-moz-transform:translate(-36px, -30px);
transform:translate(-36px, -30px)
}
header .connectFloat .socialIcons a:nth-child(2){
-webkit-transform:translate(-10px, -60px);
-moz-transform:translate(-10px, -60px);
transform:translate(-10px, -60px)
}
header .connectFloat .socialIcons a:nth-child(3){
-webkit-transform:translate(30px, -64px);
-moz-transform:translate(30px, -64px);
transform:translate(30px, -64px)
}
header .connectFloat .socialIcons a i{
width:20px;
height:20px
}
header .connectFloat:focus #connectText,header .connectFloat:active #connectText,header .connectFloat:hover #connectText{
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
header .connectFloat:focus .socialIcons,header .connectFloat:active .socialIcons,header .connectFloat:hover .socialIcons{
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
footer .footrow1{
padding:25px 10px;
font-size:15px
}
script+div{
/* animation:fadeOut .1s forwards */
}
@-webkit-keyframes fadeOut{
0%{
opacity:1;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:0;
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0)
}
}
@-moz-keyframes fadeOut{
0%{
opacity:1;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:0;
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0)
}
}
@keyframes fadeOut{
0%{
opacity:1;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to{
opacity:0;
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0)
}
}
@media only screen and (max-width: 991px){
#page_loader{
display:none
}
header .navbar{
padding:0 40px
}
header .navbar .logoAnchor{
padding:12px 0px
}
header .navbar .navbar-menu{
width:auto;
position:fixed;
background:#fff;
padding:8px 0;
top:55px;
right:-400px;
bottom:0;
left:auto;
z-index:9;
box-shadow:0px 0px 3px 0px rgba(0,0,0,.1);
transition:all .1s ease-in-out;
border-top:1px solid #fff;
border-top-left-radius:30px
}
header .navbar .menu-scroll{
color:#19181b;
margin:5px 35px;
text-align:right;
padding:8px 15px;
display:block
}
header .navbar #navbar-toggle{
width:30px;
height:30px;
position:relative;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
transition:.5s ease-in-out
}
header .navbar #navbar-toggle .icon-bar{
display:block;
position:absolute;
height:3px;
width:100%;
border-radius:9px;
opacity:1;
right:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
header .navbar #navbar-toggle .icon-bar:nth-child(1){
top:5px
}
header .navbar #navbar-toggle .icon-bar:nth-child(2){
top:13px
}
header .navbar #navbar-toggle .icon-bar:nth-child(3){
top:21px
}
header .navbar.open .navbar-menu{
right:0
}
header .navbar.open #navbar-toggle .icon-bar:nth-child(1){
top:13px;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
transform:rotate(135deg)
}
header .navbar.open #navbar-toggle .icon-bar:nth-child(2){
opacity:0;
right:-60px
}
header .navbar.open #navbar-toggle .icon-bar:nth-child(3){
top:13px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
transform:rotate(-135deg)
}
header.transparent #navbar-toggle .icon-bar{
background-color:#fff
}
header #scrollToTop{
left:15px
}
}
@media only screen and (max-width: 767px){
header .navbar{
padding:0 15px
}
header .navbar .menu-scroll{
margin:5px 15px
}
header .logoAnchor{
max-width:100px;
padding:5px 0px
}
header.transparent .menu-scroll.active,header.transparent .menu-scroll:hover,header.transparent .menu-scroll:focus,header.transparent .menu-scroll:active{
color:#f33
}
header .connectFloat .connectBtn{
padding:11px 10px 9px
}
footer .footrow1{
padding:15px 10px;
font-size:13px
}
}
@media only screen and (max-width: 359px){
header .navbar{
padding:0
}
}
.home section>.sec-bg{
z-index:-1
}
#homeSec1 .secrow1 .bannerContent{
max-width:430px;
top:-30px
}
#homeSec1 .secrow1 .bannerContent .btn{
margin-top:8%
}
#homeSec1 .secrow1 .absolute-bg{
max-height:90%;
max-width:75%;
top:auto;
left:0;
right:20px;
min-height:85%;
margin-right:0
}
#homeSec1 .sec-bg img{
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
#homeSec1 .pattern-bg{
opacity:.5
}
#homeSec2 .secrow1 .secText{
padding-top:2vh
}
#homeSec2 .sec-bg{
right:auto;
left:-50%;
top:-73%
}
#homeSec3 .container-fluid{
flex-direction:column;
justify-content:space-evenly
}
#homeSec3 #categorySlider .slide .secText{
padding:30px 0
}
#homeSec3 #categorySliderLinks{
padding:20px
}
#homeSec3 #categorySliderLinks .slick-dots li{
display:inline-block;
vertical-align:top;
padding:5px 15px;
position:relative;
margin-left: 0;
}
#homeSec3 #categorySliderLinks .slick-dots li div{
font-size:12px;
letter-spacing:1px;
cursor:pointer
}
#homeSec3 #categorySliderLinks .slick-dots li::after{
content:"";
width:4px;
height:4px;
border-radius:50%;
right:auto;
background-color:#999
}
#homeSec3 #categorySliderLinks .slick-dots li:first-child::after{
display:none
}
#homeSec3 #categorySliderLinks .slick-dots li.slick-active div{
color:#f33
}
#homeSec3 #categorySliderDots{
display:none
}
#homeSec3 #categorySliderDots li{
display:inline-block;
vertical-align:top
}
#homeSec3 #categorySliderDots li button{
width:10px;
height:10px;
background:rgba(255,255,255,.29);
border-radius:50%;
margin:auto 7px
}
#homeSec3 #categorySliderDots li.slick-active button{
background:#fff
}
#homeSec3 .sec-bg{
right:auto;
left:-33%;
opacity:.1;
width:80%
}
#homeSec4{
padding-top:50px
}
#homeSec4 .secrow1{
background-color:rgba(227,231,232,.5);
padding-bottom:150px
}
#homeSec4 .secrow1 .cell:nth-child(1){
padding-left:50px;
padding-right:50px
}
#homeSec4 .secrow1 .cell:nth-child(1) .secHead{
padding:20px 0
}
#homeSec4 .secrow1 .mapSec .clientCountry{
display:none
}
#homeSec4 .secrow1 .secImage{
padding:5% 5% 0 0
}
#homeSec4 .secrow1 .secImage svg#clientsMap image{
position:relative;
z-index:0
}
#homeSec4 .secrow1 .secImage svg#clientsMap .clientLocation{
cursor:pointer;
position:relative;
z-index:1
}
#homeSec4 .secrow1 .secImage svg#clientsMap .clientLocation.active{
fill:#f33
}
#homeSec4 .sliderContainer{
max-width:1000px;
margin:auto;
margin-top:-150px
}
#homeSec4 .sliderContainer .slide{
margin:50px auto;
background-color:#e3e7e8;
position:relative
}
#homeSec4 .sliderContainer .slide .secImage [class*=sprite-client]{
background-position-x:100%
}
#homeSec4 .sliderContainer .slide.slick-center{
z-index:2;
box-shadow:0 20px 30px rgba(25,24,27,.1)
}
#homeSec4 .sliderContainer .slide.slick-center .secImage [class*=sprite-client]{
background-position-x:0
}
#homeSec5 .secrow1 .testimonialSliderScore{
right:auto;
left:-71%;
top:auto;
bottom:auto
}
#homeSec5 .secrow1 .testimonialSliderScore div{
padding:5px 10px
}
#homeSec5 .secrow1 .testimonialSliderScore div:last-child{
padding-left:25px
}
#homeSec5 .secrow1 .testimonialSliderScore div:last-child::after{
content:"";
background-color:#fff;
height:1px;
width:30px;
right:100%;
left:-10px
}
#homeSec5 .secrow1 #testimonialSlider .slide{
max-width:480px;
padding:10px 20px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
transform:scale(0.9);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#homeSec5 .secrow1 #testimonialSlider .slide.slick-current{
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
#homeSec5 .secrow1 #testimonialSlider .slide.slick-current .innerSlide{
box-shadow:0 2px 6px rgba(25,24,27,.2)
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide{
padding:5vh
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .secImage{
height:30px;
margin-bottom:20px
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .secImage img{
margin-left:0
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .secText{
margin-bottom:5vh;
max-height:150px;
padding-right:16%;
overflow-y:hidden
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .testiDetails{
border-top:1px solid #19181b;
padding-top:25px;
margin-top:5px
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide:hover .secText{
overflow-y:auto
}
#homeSec5 .secrow1 .sliderNavs{
left:0;
right:0;
height:auto;
padding-left:10px;
padding-top:3%
}
#homeSec5 .secrow1 .sliderNavs>div{
background:transparent;
box-shadow:none;
width:auto;
height:auto;
text-align:left;
padding:5px 10px
}
#homeSec5 .secrow1 .sliderNavs>div svg{
stroke:#fff;
height:20px
}
#homeSec6 .secrow1{
max-width:1155px;
padding:2% 0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
#homeSec6 .v-stretch{
padding:8vh;
max-height:490px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
-webkit-animation-fill-mode:backwards;
-moz-animation-fill-mode:backwards;
animation-fill-mode:backwards
}
#homeSec6 .v-stretch:hover{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
transform:scale(1.05);
z-index:2
}
#homeSec6 .v-stretch .btn{
margin-top:50px
}
#homeSec6 .sec-bg{
width:85%;
top:-10%;
bottom:auto;
opacity:.1
}
#homeSec7{
padding-bottom:0
}
#homeSec7 .secrow1{
padding:15% 50px 5% 50px;
background:url("../../../assets/images/Home-img7.jpg") center/cover no-repeat
}
#homeSec7 .secrow2{
padding:50px;
display:flex;
flex-direction:row;
justify-content:space-evenly
}
#homeSec7 .secrow2 .row2col2{
padding-right:60px
}
#homeSec7 .secrow2 .footHead{
padding:30px 0
}
#homeSec7 .secrow2 .footerSocialLinks a:hover{
color:#f33
}
#homeSec7 .secrow2 .sec-bg.pattern1{
width:70%;
top:auto;
bottom:65%;
right:auto;
left:-17%
}
#homeSec7 .secrow2 .sec-bg.pattern2{
width:75%;
top:15%;
bottom:auto;
right:auto;
left:80%
}
@media only screen and (max-width: 991px){
#homeSec1 .secrow1 .bannerContent{
padding-top:10%;
margin-top:50px;
top:0
}
#homeSec1 .secrow1 .bannerContent .btn{
margin-top:5%
}
#homeSec1 .secrow1 .absolute-bg{
max-height:90%;
max-width:100%;
min-height:auto;
margin-top:-15%;
left:auto;
bottom:0;
right:0;
position:relative
}
#homeSec1 .sec-bg img{
left:80%
}
#homeSec2 .secrow1 .secText{
padding:0 10%;
text-align:center
}
#homeSec2 .hideMobile{
display:none
}
#homeSec2 #causeAndPlayLottie{
margin:5% auto
}
#homeSec2 .sec-bg{
right:auto;
left:-50%;
top:-73%
}
#homeSec3{
padding-left:50px;
padding-right:50px
}
#homeSec3 .secrow1{
padding-bottom:10%
}
#homeSec3 .secrow2{
display:none
}
#homeSec3 #categorySlider .slide{
text-align:center
}
#homeSec3 #categorySlider .slide .cell:last-child{
padding:50px 0
}
#homeSec3 #categorySlider .slide .secText{
padding:30px
}
#homeSec3 #categorySlider .slide .secText br{
display:none
}
#homeSec3 #categorySliderDots{
display:block
}
#homeSec4{
text-align:center;
padding-bottom:0
}
#homeSec4 br{
display:none
}
#homeSec4 .secrow1 .cell{
padding:5% 5% 0
}
#homeSec4 .secrow1 .cell .secHead{
padding:20px 0
}
#homeSec4 .secrow1 .secImage{
padding:0
}
#homeSec4 .secrow1 .clientCountry{
display:none
}
#homeSec4 .secrow1 .mapSec .clientCountry{
display:block
}
#homeSec4 .secrow3{
margin-right:-60px;
margin-left:-60px;
width:auto;
padding:0
}
#homeSec4 .sliderNavs{
display:none
}
#homeSec5 .secHeader{
margin-left:-50px;
text-align:center
}
#homeSec5 .secHeader br{
display:none
}
#homeSec5 .secHeader span{
display:block
}
#homeSec5 .secrow1 #testimonialSlider .slide{
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .secText{
overflow-y:auto
}
#homeSec5 .secrow1 .sliderNavs{
display:none
}
#homeSec5 .secrow1 .slick-dots{
padding:20px 0 0;
text-align:center
}
#homeSec5 .secrow1 .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#homeSec5 .secrow1 .slick-dots li button{
width:10px;
height:10px;
background:rgba(255,255,255,.29);
border-radius:50%;
margin:auto 10px;
font-size:0
}
#homeSec5 .secrow1 .slick-dots li.slick-active button{
background:#fff
}
#homeSec6{
padding-top:0;
padding-bottom:0
}
#homeSec6 .secrow1{
display:block;
padding:0
}
#homeSec6 .v-stretch{
padding:50px;
display:block;
margin:10% auto
}
#homeSec6 .v-stretch .btn{
margin-top:10%
}
#homeSec7 .secrow1{
padding:7%
}
#homeSec7 .secrow2{
padding:7%;
display:block
}
#homeSec7 .secrow2 .row2col1{
display:inline-block;
width:100%
}
#homeSec7 .secrow2 .row2col1 .footHead{
padding-top:0
}
#homeSec7 .secrow2 .row2col1 .row{
float:left;
width:50%
}
#homeSec7 .secrow2 .row2col2{
padding-right:0
}
#homeSec7 .secrow2 .row2col3 li{
font-weight:400
}
#homeSec7 .secrow2 .footHead{
padding:25px 0 5px
}
#homeSec7 .secrow2 .secText{
padding:0 0 10px
}
}
@media only screen and (max-width: 767px){
#homeSec3{
padding-left:25px;
padding-right:25px
}
#homeSec3 #categorySlider .slide .cell:last-child{
padding:25px 0
}
#homeSec3 #categorySlider .slide .secText{
padding:20px 0
}
#homeSec4 .secrow1{
background-color:rgba(227,231,232,.5);
padding-bottom:120px
}
#homeSec4 [class*=sprite-client]{
width:120px;
height:120px
}
#homeSec5 .secHeader{
margin-left:-25px
}
#homeSec5 .secrow1 #testimonialSlider .slide{
width:300px;
padding:10px
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide{
padding:20px
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .secText{
margin-bottom:20px;
max-height:150px;
padding-right:20px;
overflow-y:hidden
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide .testiDetails{
border-top:1px solid #19181b;
padding-top:25px;
margin-top:5px
}
#homeSec5 .secrow1 #testimonialSlider .slide .innerSlide:hover .secText{
overflow-y:auto
}
#homeSec6 .v-stretch{
padding:25px;
margin:25px auto
}
#homeSec6 .v-stretch .btn{
margin-top:25px
}
#homeSec7 .secrow1{
padding:25px
}
#homeSec7 .secrow2{
padding:25px
}
#homeSec7 .secrow2 .footHead{
padding:25px 0 5px
}
#homeSec7 .secrow2 .secText{
padding:0 0 10px
}
}
.career section>.sec-bg{
z-index:-1
}
#careerSec1 .secrow1 .text-stroke{
color:rgba(255,255,255,.5);
-webkit-text-fill-color:transparent;
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:rgba(255,255,255,.5);
display:inline
}
#careerSec1 .secrow1 .text-stroke::before{
content:"";
width:100%;
height:5px;
background-color:#fff;
position:absolute;
top:15%;
bottom:0;
margin:auto
}
#careerSec1 .secrow1 .secHeader{
padding:3vh 15px;
margin:auto
}
#careerSec1 .bannerContent{
flex-direction:column;
justify-content:flex-end
}
#careerSec1 .sec-bg .image-top{
bottom:auto;
z-index:2
}
#careerSec1 .sec-bg .image-right{
background-image:url("/wp-content/uploads/2022/03/Career-bg1-right.png");
background-repeat:repeat;
-webkit-animation:bgScrollRight 1600s infinite linear;
-moz-animation:bgScrollRight 1600s infinite linear;
animation:bgScrollRight 1600s infinite linear
}
#careerSec1 .sec-bg .image-left{
background-image:url("/wp-content/uploads/2022/03/Career-bg1-left.png");
background-repeat:repeat;
-webkit-animation:bgScrollLeft 1600s infinite linear;
-moz-animation:bgScrollLeft 1600s infinite linear;
animation:bgScrollLeft 1600s infinite linear
}
#careerSec2 .secrow1 .dealSliderScore{
right:auto;
left:-52%;
top:auto;
bottom:auto
}
#careerSec2 .secrow1 .dealSliderScore div{
padding:5px 10px
}
#careerSec2 .secrow1 .dealSliderScore div:last-child{
padding-left:25px
}
#careerSec2 .secrow1 .dealSliderScore div:last-child::after{
content:"";
background-color:#fff;
height:2px;
width:30px;
right:100%;
left:-10px
}
#careerSec2 .secrow1 #dealSlider{
max-height:560px;
top:50%;
transform:translateY(-50%)
}
#careerSec2 .secrow1 #dealSlider .slick-track,#careerSec2 .secrow1 #dealSlider .slick-list{
height:100% !important
}
#careerSec2 .secrow1 #dealSlider .slide{
max-width:480px;
padding:40px 20px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
position:relative
}
#careerSec2 .secrow1 #dealSlider .slide.slick-current .innerSlide{
box-shadow:0 2px 6px rgba(25,24,27,.2)
}
#careerSec2 .secrow1 #dealSlider .slide .innerSlide .absolute-bg{
top:auto;
padding:40px;
z-index:3
}
#careerSec2 .secrow1 #dealSlider .slide .innerSlide .absolute-bg .secHead{
padding:20px 0
}
#careerSec2 .secrow1 .sliderNavs{
left:0;
right:0;
height:auto;
padding-left:20px;
position:relative;
top:5%
}
#careerSec2 .secrow1 .sliderNavs>div{
background:transparent;
box-shadow:none;
width:auto;
height:auto;
text-align:left;
padding:5px 10px
}
#careerSec2 .secrow1 .sliderNavs>div svg{
stroke:#fff;
height:20px
}
#careerSec2 .sec-bg{
opacity:.1
}
#careerSec2 .sec-bg img{
width:200%;
left:50%;
transform:translateX(-50%)
}
#careerSec3 .secrow1{
flex-direction:column
}
#careerSec3 #slaySlider{
flex:1 1 50%;
max-height:100%
}
#careerSec3 #slaySlider .slick-track,#careerSec3 #slaySlider .slick-list{
height:100% !important
}
#careerSec3 #slaySlider .innerslide{
display:flex;
height:100%
}
#careerSec3 #slaySlider .slideContent{
align-self:center;
padding-left:50px;
padding-right:50px
}
#careerSec3 #slaySlider .secImage img{
position:absolute;
bottom:0;
right:0
}
#careerSec3 .sliderNavs{
top:auto;
left:50px;
right:auto;
bottom:10%;
height:auto;
width:auto
}
#careerSec3 .sliderNavs>div{
display:inline-block;
background:none;
box-shadow:none;
margin-right:20px;
padding:0;
height:auto;
width:auto
}
#careerSec3 .sliderNavs svg{
height:20px
}
#careerSec4 .secrow2 .slide{
padding:40px 20px 20px
}
#careerSec4 .secrow2 .slide .slideContent .secHeader{
padding-top:0;
margin-top:0;
margin-bottom:20px
}
#careerSec4 .secrow2 .slide .slideContent .secText{
margin-top:4vh
}
#careerSec4 .secrow2 .slide .slideContent .scrollable-content{
max-height:130px;
padding-right:5%;
overflow-y:hidden
}
#careerSec4 .secrow2 .slide .slideContent .scrollable-content:hover{
overflow-y:auto
}
#careerSec4 .secrow2 .slide .v-stretch{
margin:auto;
max-width:380px;
min-height:500px;
padding:15% 30px 15%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#careerSec4 .secrow2 .slide .v-stretch::after{
content:"";
background:transparent;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#careerSec4 .secrow2 .slide .v-stretch .btn{
margin-top:50px
}
#careerSec4 .secrow2 .slide .v-stretch .absolute-bg{
opacity:1;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#careerSec4 .secrow2 .slide .v-stretch .absolute-bg.hover-image{
opacity:0
}
#careerSec4 .secrow2 .slide:hover .v-stretch::after{
background:rgba(255,51,51,.5)
}
#careerSec4 .secrow2 .slide:hover .v-stretch .btn{
background:#fff;
color:#f33
}
#careerSec4 .secrow2 .slide:hover .v-stretch .absolute-bg{
opacity:0
}
#careerSec4 .secrow2 .slide:hover .v-stretch .absolute-bg.hover-image{
opacity:1
}
#careerSec4 .secrow2 .sliderNavs{
height:auto;
padding-left:20px;
padding-top:15px
}
#careerSec4 .secrow2 .sliderNavs>div{
background:transparent;
box-shadow:none;
width:auto;
height:auto;
text-align:left;
padding:5px 10px
}
#careerSec4 .secrow2 .sliderNavs>div svg{
height:20px
}
#careerSec5{
min-height:auto;
padding-top:90px;
padding-bottom:50px
}
#careerSec5 .sec-bg{
opacity:.3;
top:-25%;
left:-10%;
right:10%
}
#careerSec6 .secContent{
padding:50px 50px 50px 70px
}
#careerSec6 .secContent .btn{
margin-top:30px
}
#careerSec6 .sec-bg{
opacity:.1
}
#careerSec6 .sec-bg img{
width:200%;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
/* Photography */
.fs-124 {
font-size: 75px;
letter-spacing: -1px;
line-height: 1;
}
.fs-45 {
font-size: 45px;
line-height: 52px;
}
.fs-42 {
font-size: 42px;
line-height: 47px;
}
.fs-75 {
font-size: 75px;
letter-spacing: -2px;
line-height: 1;
}
.absolute-bg.SecPhAbsBg {
top: auto;
}
.fs-27 {
font-size: 27px;
line-height: 30px;
}
.fs-24 {
font-size: 24px;
line-height: 28px;
}
.fs-21 {
font-size: 21px;
line-height: 27px;
}
.fs-15 {
font-size: 15px;
line-height: 19px;
}
.fs-14 {
font-size: 15px;
line-height: 21px;
}
.fs-16 {
font-size: 16px;
line-height: 20px;
}
.fs-35 {
font-size: 35px;
line-height: 50px;
}
.fs-30 {
font-size: 30px;
line-height: 50px;
}
.fs-109 {
font-size: 75px;
letter-spacing: -5.45px;
line-height: 1;
}
.bg-8 {
background-color: #0E1414;
}
.white-arrow.sliderNavs svg {
stroke: #fff;
height: 20px;
}
.sliderNavs.white-arrow>div {
display: inline-block;
background: none;
box-shadow: none;
margin-right: 20px;
padding: 0;
height: auto;
width: auto;
}
.black-arrow.sliderNavs svg {
stroke: #000000;
height: 20px;
}
.sliderNavs.black-arrow>div {
display: inline-block;
background: none;
box-shadow: none;
margin-right: 20px;
padding: 0;
height: auto;
width: auto;
}
.sliderNavs.sliderNavsBottom {
left: 0;
top: auto;
bottom: 0;
right: 0;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-3 {
z-index: 3;
}
.ph-headLine {
margin-bottom: -20px;
}
.pg-item.nextdiv.slick-active .pganime {
-webkit-animation-name: pgAnimeRight;
animation-name: pgAnimeRight;
}
.pg-item.prevdiv.slick-active .pganime{
-webkit-animation-name: pgAnimeLeft;
animation-name: pgAnimeLeft;
}
.pg-item.slick-active .pganime.d-05 {
animation-delay: 0.5s;
-webkit-animation-delay:0.5s;
}
.pg-item.slick-active .pganime.d-03{
animation-delay: 0.3s;
-webkit-animation-delay:0.3s;
}
.pg-item.slick-active .pganime.d-02{
animation-delay: 0.2s;
-webkit-animation-delay:0.2s;
}
.pg-item.slick-active .pganime.d-01{
animation-delay: 0.1s;
-webkit-animation-delay:0.1s;
}
.pg-item.nextdiv.slick-active .pganime,
.pg-item.prevdiv.slick-active .pganime
{
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
.fs-77 {
font-size: 73px;
letter-spacing: -2.19px;
line-height: 92px;
}
/* the slides */
#wsSlider1 .slick-slide {
max-width: 463px;
padding:23px;
}
.pgSliders .slick-slide {
margin: 0 15px;
}
/* the parent */
.pgSliders .slick-list {
margin: 0 -15px;
}
.ph-headLine3.animated {
margin-bottom: -15px;
}
.ph-headLine3 {
margin-bottom: -20px;
}
.shoot-slider2 {
padding-top: 20px;
}
#photographySec11 .sec-bg {
opacity: .3;
top: -25%;
left: -10%;
right: 10%;
}
.career section >.sec-bg {
z-index: -1;
}
@-webkit-keyframes pgAnimeRight {
0% {
opacity: 0.5;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pgAnimeRight {
0% {
opacity: 0.5;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes pgAnimeLeft {
0% {
opacity: 0.5;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pgAnimeLeft {
0% {
opacity: 0.5;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.bs-photoThumbh {
-webkit-box-shadow: 2px 2px 18px 7px rgba(0,0,0,0.12);
-moz-box-shadow: 2px 2px 18px 7px rgba(0,0,0,0.12);
box-shadow: 2px 2px 18px 7px rgba(0,0,0,0.12);
}
/* workshop */
.sidenav {
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: 0;
width: 30.33%;
}
.fadeInsmall.active {
opacity: 1;
visibility: visible;
transition: all 0.8s ease-in-out 0s;
}
.sec2blockText {
font-size: 11px;
line-height: 1;
}
svg.sec2icon {
width: 25px;
height: 25px;
display: block;
}
.sec2block-cont.pos-rel {
margin: 0 15px 50px 15px;
margin-top: -50px;
padding: 30px 30px 25px 30px;
}
.sec2-blockSpace {
padding-left: 20px;
padding-right: 20px;
}
.wsslider2-cont {
padding: 30px 40px 30px 40px;
}
/* workshop Inner */
.ws-list li {
padding-left: 25px;
line-height: 1.6;
margin-bottom: 20px;
}
.wsicon-pre {
max-width: 76px;
margin: auto;
padding-bottom: 20px;
}
.wsicon-space {
margin-top: 30px;
padding: 0 20px;
}
.brRight:after {
background-color: #D0D0D0;
content: "";
height: 80%;
width: 1px;
right: 0;
left: auto;
position: absolute;
top: auto;
bottom: 0;
margin-top: 0;
}
#wslider1 .slick-slide.slick-current .innerSlide {
box-shadow: 2px 2px 10px 4px rgb(0 0 0 / 12%);
}
#wslider1 .slick-slide {
max-width: 480px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#wslider1 .slick-slide .innerSlide {
padding: 40px 50px 40px 50px;
margin: 15px 15px;
}
#wslider1 .slick-slide.slick-current.slide {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
#wslider1 .slick-slide .innerSlide .testiDetails {
border-top: 1px solid #19181b;
padding-top: 25px;
margin-top: 5px;
}
#wslider1 .innerSlide .secImage {
height: 30px;
margin-bottom: 20px;
}
.wsSliderScore div {
padding: 5px 10px;
}
.wsSliderScore div:last-child {
padding-left: 25px;
}
.wsSliderScore div:last-child::after {
content: "";
background-color: #19181b;
height: 1px;
width: 30px;
right: 100%;
left: -10px;
position: absolute;
top: 50%;
bottom:auto;
}
.wsSliderScore {
right: auto;
left: auto;
top: auto;
bottom: 0;
}
.bk-1 {
color:#FBC204;
font-size: 14px;
font-weight: 22px;
font-weight:bold;
line-height:18px;
text-transform: uppercase;
letter-spacing: 1px;
}
.bk-2 {
font-size: 20px;
letter-spacing: -1.5px;
color:#ffffff;
line-height:28px;
font-weight: 400;
}
.book-item {
margin-bottom: 20px;
}
header.black #scrollToTop {
}
.bkData-inner {
padding-top: 90px;
padding-left: 75px;
}
.bannerBlock-space {
padding-left: 50px;
}
.absolute-bg.wsInner {
opacity: 0.6;
}
/* Accordion
================================================== */
div#accordion {
margin-right: 30px;
}
.accordion-content {
display: none;
padding-bottom: 30px;
}
.accordion-toggle {
cursor: pointer;
position: relative;
border-top: 1px solid #D0D0D0;
padding: 30px 0;
}
.accordionFaq p {
color: #C9C9C9
}
.accordion-content.default {display: block;}
.accordion-toggle.active:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.698' height='14.261' viewBox='0 0 12.698 14.261'%3E%3Cg transform='translate(19.137 21.011) rotate(180)'%3E%3Cpath id='Path_5456' data-name='Path 5456' d='M18,7.5V20.261' transform='translate(-5.212 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_5457' data-name='Path 5457' d='M18.076,18l-5.288,5.288L7.5,18' transform='translate(0 -3.027)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
transform:none;
}
.accordion-toggle:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.698' height='14.261' viewBox='0 0 12.698 14.261'%3E%3Cg transform='translate(19.137 21.011) rotate(180)'%3E%3Cpath id='Path_5456' data-name='Path 5456' d='M18,7.5V20.261' transform='translate(-5.212 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_5457' data-name='Path 5457' d='M18.076,18l-5.288,5.288L7.5,18' transform='translate(0 -3.027)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
position: absolute;
left: auto;
right: 0;
z-index: 55;
bottom: 0;
top: 0;
display: block;
content: "";
width: 13px;
background-repeat: no-repeat;
height: 15px;
transform: translateY(-50%) rotate(180deg);
top: 50%;
}
.accordionFaq .accordion-toggle {
cursor: pointer;
position: relative;
border-bottom: none;
padding: 0;
border-top: none;
letter-spacing: -0.5px;
padding-right: 40px;
}
div.accordionFaq {
padding-left: 50px;
padding-top: 90px;
}
.accordionFaq .accordion-content.default {
display:block;
}
.accordionFaq .accordion-content {
display: none;
padding-bottom: 0;
margin-top: 10px;
}
.accordionFaq .faq-cont {
border-bottom: 1px solid #D0D0D0;
padding: 30px 0;
}
.accordionFaq .accordion-toggle.active:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.698' height='14.261' viewBox='0 0 12.698 14.261'%3E%3Cg transform='translate(19.137 21.011) rotate(180)'%3E%3Cpath id='Path_5456' data-name='Path 5456' d='M18,7.5V20.261' transform='translate(-5.212 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_5457' data-name='Path 5457' d='M18.076,18l-5.288,5.288L7.5,18' transform='translate(0 -3.027)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
transform:none;
}
.accordionFaq .accordion-toggle:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.698' height='14.261' viewBox='0 0 12.698 14.261'%3E%3Cg transform='translate(19.137 21.011) rotate(180)'%3E%3Cpath id='Path_5456' data-name='Path 5456' d='M18,7.5V20.261' transform='translate(-5.212 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_5457' data-name='Path 5457' d='M18.076,18l-5.288,5.288L7.5,18' transform='translate(0 -3.027)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
position: absolute;
left: auto;
right: 0;
z-index: 55;
bottom: 0;
top: 0;
display: block;
content: "";
width: 13px;
background-repeat: no-repeat;
height: 15px;
transform:rotate(180deg);
top: 27px;
}
a.bk-2Text-link {
text-decoration: underline;
}
a.bk-2Text-link:hover span{
margin-left: 20px;
}
.bk-2Text span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.698' height='14.261' viewBox='0 0 12.698 14.261'%3E%3Cg transform='translate(19.137 21.011) rotate(180)'%3E%3Cpath id='Path_5456' data-name='Path 5456' d='M18,7.5V20.261' transform='translate(-5.212 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_5457' data-name='Path 5457' d='M18.076,18l-5.288,5.288L7.5,18' transform='translate(0 -3.027)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
display: inline-block;
content: "";
width: 13px;
background-repeat: no-repeat;
height: 15px;
transform: rotate(90deg);
margin-left: 30px;
padding-top: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
vertical-align: middle;
}
.ws-list li {
position:relative;
}
.ws-list li:after{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.069' height='11.069' viewBox='0 0 11.069 11.069'%3E%3Cg id='Group_529' data-name='Group 529' transform='translate(-141 -1015.649)'%3E%3Cpath d='M5.535.563A5.535,5.535,0,1,0,11.069,6.1,5.534,5.534,0,0,0,5.535.563Zm0,9.641A4.106,4.106,0,1,1,9.641,6.1,4.1,4.1,0,0,1,5.535,10.2Zm0-6.963A2.857,2.857,0,1,0,8.391,6.1,2.857,2.857,0,0,0,5.535,3.241Zm0,4.285A1.428,1.428,0,1,1,6.963,6.1,1.43,1.43,0,0,1,5.535,7.525Z' transform='translate(141 1015.086)'/%3E%3C/g%3E%3C/svg%3E%0A");
position: absolute;
left: 0;
right: auto;
z-index: 55;
bottom: 0;
top: 6px;
display: flex;
content: "";
width: 13px;
background-repeat: no-repeat;
height: 15px;
align-items: center;
display: flex;
}
.sec2Inner-head {
font-size:26px;
line-height: 32px;
}
.pre-block.sec2Inner-block.bg1 {
padding: 60px 90px;
}
.workshopInAbs.absolute-bg {
max-width: 70.5%;
left: 0;
margin-left: 0;
}
.sec2Inner-block {
position: absolute;
left: auto;
right: 0;
z-index: 55;
bottom: 0;
top: 0;
display: flex;
align-items: center;
}
.sec2Inner-block .pre-block {
padding: 60px;
}
.sec3Icon-h {
min-height: 135px;
}
.sec3Icon-block {
margin: 0 30px;
}
.sec3IconPre {
margin-top: 110px;
}
.sec4Icon-block {
padding: 50px 40px;
margin: 0 25px;
}
#workshopInSec4 .secrow2 {
padding: 35px 0;
}
.book-data {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.wsSlider2-block {
width: 410px;
}
.cardslider {
width: 100%;
position: relative;
overflow: hidden;
height: 470px;
}
.cardslider__cards, .cardslider__dots-nav {
margin: 0;
padding: 0;
list-style: none; }
.cardslider__cards {
position: relative;
left: 80px;}
.cardslider__dots-nav {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%); }
.cardslider__dot {
display: inline-block;
margin-right: 8px; }
.cardslider__dot-btn {
position: relative;
border-radius: 50%;
border: 2px solid white;
width: 10px;
height: 10px;
display: block;
appearance: none;
background: none;
padding: 0; }
.cardslider__dot-btn::before {
content: ' ';
position: absolute;
display: block;
background: white;
width: 6px;
height: 6px;
border-radius: 50%;
left: 50%;
top: 50%;
transition: all .5s;
transform: translate(-50%, -50%) scale(0); }
.cardslider__dot--active .cardslider__dot-btn::before {
transform: translate(-50%, -50%) scale(1.1); }
.cardslider__card {
display: block;
border-radius: 10px;
width: auto;
height: 100%;
position: absolute;
will-change: transform, opacity, background;
transition: background 0.5s ease-out, opacity 0.5s; }
.cardslider__card--transitions {
transition: background 0.5s ease-out, transform 0.5s ease-out, opacity 0.5s; }
.cardslider__card--invisible {
opacity: 0; }
.cardslider--direction-up .cardslider__card {
transform: scale(0.8) translate3d(0, 17.25%, 0); }
.cardslider--direction-up .cardslider__card--index-0 {
transform: translate3d(0, 0, 4px); }
.cardslider--direction-up .cardslider__card--index-1 {
transform: scale(0.95) translate3d(0, 4.31%, 3px); }
.cardslider--direction-up .cardslider__card--index-2 {
transform: scale(0.9) translate3d(0, 8.61%, 2px); }
.cardslider--direction-up .cardslider__card--index-3 {
transform: scale(0.85) translate3d(0, 12.91%, 1px); }
.cardslider--direction-up .cardslider__card--out {
transform: translate3d(0, 150%, 4px); }
.cardslider--sortback-up {
animation: sortback-up 0.67s; }
.cardslider--sortfront-up {
animation: sortfront-up 0.67s; }
.cardslider--direction-down .cardslider__card {
transform: scale(0.8) translate3d(0, -17.25%, 0); }
.cardslider--direction-down .cardslider__card--index-0 {
transform: translate3d(0, 0, 4px); }
.cardslider--direction-down .cardslider__card--index-1 {
transform: scale(0.95) translate3d(0, -4.31%, 3px); }
.cardslider--direction-down .cardslider__card--index-2 {
transform: scale(0.9) translate3d(0, -8.61%, 2px); }
.cardslider--direction-down .cardslider__card--index-3 {
transform: scale(0.85) translate3d(0, -12.91%, 1px); }
.cardslider--direction-down .cardslider__card--out {
transform: translate3d(0, 150%, 4px); }
.cardslider--sortback-down {
animation: sortback-down 0.67s; }
.cardslider--sortfront-down {
animation: sortfront-down 0.67s; }
.cardslider--direction-right .cardslider__card {
transform: scale(0.8) translate3d(-17.25%, 0, 0); }
.cardslider--direction-right .cardslider__card--index-0 {
transform: translate3d(0, 0, 4px); }
.cardslider--direction-right .cardslider__card--index-1 {
transform: scale(0.95) translate3d(-4.31%, 0, 3px); }
.cardslider--direction-right .cardslider__card--index-2 {
transform: scale(0.9) translate3d(-8.61%, 0, 2px); }
.cardslider--direction-right .cardslider__card--index-3 {
transform: scale(0.85) translate3d(-12.91%, 0, 1px); }
.cardslider--direction-right .cardslider__card--out {
transform: translate3d(150%, 0, 4px); }
.cardslider--sortback-right {
animation: sortback-right 0.67s; }
.cardslider--sortfront-right {
animation: sortfront-right 0.67s; }
.cardslider--direction-left .cardslider__card {
transform: scale(0.8) translate3d(17.25%, 0, 0); }
.cardslider--direction-left .cardslider__card--index-0 {
transform: translate3d(0, 0, 4px); }
.cardslider--direction-left .cardslider__card--index-1 {
transform: scale(0.9) translate3d(25.31%, 25px, 3px); }
.cardslider--direction-left .cardslider__card--index-2 {
transform: scale(0.8) translate3d(50.61%, 50px, 2px); }
.cardslider--direction-left .cardslider__card--index-3 {
transform: scale(0.7) translate3d(25.31%, 60px, 1px); }
.cardslider--direction-left .cardslider__card--out {
transform: translate3d(150%, 0, 4px); }
.cardslider--sortback-left {
animation: sortback-left 0.67s; }
.cardslider--sortfront-left {
animation: sortfront-left 0.67s; }
.cardslider__direction-nav {
position: absolute;
visibility: hidden;
right: 20px;
bottom: 20px; }
.cardslider__nav-next, .cardslider__nav-prev {
display: block;
background: none;
border: none;
width: 40px;
height: 40px;
text-indent: -9999px;
outline: none;
transition: all .3s;
border: 2px solid white;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px 20px;
padding: 0; }
.cardslider__nav-next:active, .cardslider__nav-prev:active {
transform: scale(0.8); }
.cardslider__nav-next {
margin-bottom: 10px;
background-image: url("../img/arrow-up.svg"); }
.cardslider__nav-prev {
background-image: url("../img/arrow-down.svg"); }
@keyframes sortback-down {
0% {
transform: translate3d(0, 0, 4px) scale(1); }
50% {
transform: translate3d(0, 150%, 4px) scale(1); }
60% {
transform: translate3d(0, 150%, 0) scale(0.8); }
100% {
transform: translate3d(0, 0, 0) scale(0.8); } }
@keyframes sortfront-down {
0% {
transform: translate3d(0, 0, 0) scale(0.8); }
50% {
transform: translate3d(0, 150%, 0) scale(0.8); }
60% {
transform: translate3d(0, 150%, 4px) scale(1); }
100% {
transform: translate3d(0, 0, 4px) scale(1); } }
@keyframes sortback-up {
0% {
transform: translate3d(0, 0, 4px) scale(1); }
50% {
transform: translate3d(0, -150%, 4px) scale(1); }
60% {
transform: translate3d(0, -150%, 0) scale(0.8); }
100% {
transform: translate3d(0, 0, 0) scale(0.8); } }
@keyframes sortfront-up {
0% {
transform: translate3d(0, 0, 0) scale(0.8); }
50% {
transform: translate3d(0, -150%, 0) scale(0.8); }
60% {
transform: translate3d(0, -150%, 4px) scale(1); }
100% {
transform: translate3d(0, 0, 4px) scale(1); } }
@keyframes sortback-left {
0% {
transform: translate3d(0, 0, 4px) scale(1); }
50% {
transform: translate3d(-150%, 0, 4px) scale(1); }
60% {
transform: translate3d(-150%, 0, 0) scale(0.8); }
100% {
transform: translate3d(0, 0, 0) scale(0.8); } }
@keyframes sortfront-left {
0% {
transform: translate3d(0, 0, 0) scale(0.8); }
50% {
transform: translate3d(-150%, 0, 0) scale(0.8); }
60% {
transform: translate3d(-150%, 0, 4px) scale(1); }
100% {
transform: translate3d(0, 0, 4px) scale(1); } }
@keyframes sortback-right {
0% {
transform: translate3d(0, 0, 4px) scale(1); }
50% {
transform: translate3d(150%, 0, 4px) scale(1); }
60% {
transform: translate3d(150%, 0, 0) scale(0.8); }
100% {
transform: translate3d(0, 0, 0) scale(0.8); } }
@keyframes sortfront-right {
0% {
transform: translate3d(0, 0, 0) scale(0.8); }
50% {
transform: translate3d(150%, 0, 0) scale(0.8); }
60% {
transform: translate3d(150%, 0, 4px) scale(1); }
100% {
transform: translate3d(0, 0, 4px) scale(1); } }
@media only screen and (max-width: 991px){
#careerSec1 .secrow1 .secHeader{
padding:5vh 15px
}
#careerSec1 .sec-bg .image-right{
-webkit-animation-duration:6400s;
-moz-animation-duration:6400s;
animation-duration:6400s
}
#careerSec1 .sec-bg .image-left{
-webkit-animation-duration:6400s;
-moz-animation-duration:6400s;
animation-duration:6400s
}
#careerSec2 .secrow1{
display:block;
text-align:center
}
#careerSec2 .secrow1 .secText,#careerSec2 .secrow1 .secHeader{
padding-right:50px
}
#careerSec2 .secrow1 .secText br,#careerSec2 .secrow1 .secHeader br{
display:none
}
#careerSec2 .secrow1 .secText span,#careerSec2 .secrow1 .secHeader span{
display:block
}
#careerSec2 .secrow1 #dealSlider{
max-height:none;
top:0;
transform:none;
text-align:left
}
#careerSec2 .secrow1 #dealSlider .slick-dots{
padding:15px 0;
text-align:center
}
#careerSec2 .secrow1 #dealSlider .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#careerSec2 .secrow1 #dealSlider .slick-dots li button{
width:10px;
height:10px;
background:rgba(255,255,255,.29);
border-radius:50%;
margin:auto 10px;
font-size:0
}
#careerSec2 .secrow1 #dealSlider .slick-dots li.slick-active button{
background:#fff
}
#careerSec2 .secrow1 .sliderNavs{
display:none
}
#careerSec3{
padding-right:0
}
#careerSec3 .secrow1{
flex-direction:column
}
#careerSec3 #slaySlider{
max-height:none
}
#careerSec3 #slaySlider .slide{
max-width:480px;
padding:40px 20px
}
#careerSec3 #slaySlider .innerslide{
display:block;
height:auto
}
#careerSec3 #slaySlider .slideContent{
padding:40px;
text-align:center
}
#careerSec3 #slaySlider .secImage img{
margin-right:0;
position:relative
}
#careerSec3 #slaySlider .slick-dots{
padding:0;
text-align:center
}
#careerSec3 #slaySlider .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#careerSec3 #slaySlider .slick-dots li button{
width:10px;
height:10px;
background:#e3e7e8;
border-radius:50%;
margin:auto 10px;
font-size:0
}
#careerSec3 #slaySlider .slick-dots li.slick-active button{
background:#999
}
#careerSec3 .sliderNavs{
display:none
}
#careerSec4{
padding-right:0
}
#careerSec4 #jobsSlider .slideContent .scrollable-content{
overflow-y:auto
}
#careerSec4 #jobsSlider .slide.slick-current .v-stretch::after{
background:rgba(255,51,51,.5)
}
#careerSec4 #jobsSlider .slide.slick-current .v-stretch .btn{
background:#fff;
color:#f33
}
#careerSec4 #jobsSlider .slide.slick-current .v-stretch .absolute-bg{
opacity:0
}
#careerSec4 #jobsSlider .slide.slick-current .v-stretch .absolute-bg.hover-image{
opacity:1
}
#careerSec4 #jobsSlider .slick-dots{
padding:15px 0;
text-align:center
}
#careerSec4 #jobsSlider .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#careerSec4 #jobsSlider .slick-dots li button{
width:10px;
height:10px;
background:#b3b3b3;
border-radius:50%;
margin:auto 10px;
font-size:0
}
#careerSec4 #jobsSlider .slick-dots li.slick-active button{
background:#19181b
}
#careerSec4 .sliderNavs{
display:none
}
#careerSec5{
padding:70px 50px
}
#careerSec6 .secContent{
padding:50px 50px 0;
text-align:center
}
#careerSec6 .secContent .secHeader br{
display:none
}
#careerSec6 .secContent .btn{
margin-top:30px
}
}
@media only screen and (max-width: 767px){
#careerSec1{
padding-left:15px;
padding-right:15px
}
#careerSec1 .secrow1 .secHeader{
padding:25% 0 35px
}
#careerSec1 .sec-bg .image-right,#careerSec1 .sec-bg .image-left{
animation-duration:6400s;
background-size:750px
}
#careerSec2 .secrow1 .secText,#careerSec2 .secrow1 .secHeader{
padding-right:25px
}
#careerSec2 .secrow1 .dealSliderScore{
display:none
}
#careerSec2 .secrow1 #dealSlider .slide{
padding:10px;
width:320px;
height:400px
}
#careerSec2 .secrow1 #dealSlider .slide .innerSlide .absolute-bg{
padding:25px
}
#careerSec2 .secrow1 #dealSlider .slide .innerSlide .absolute-bg .secText{
padding-right:0
}
#careerSec3 #slaySlider .slide{
padding:10px;
width:320px
}
#careerSec3 #slaySlider .slideContent{
padding:25px
}
#careerSec4 .secrow1{
padding:10px 25px 20px 0
}
#careerSec4 .secrow2 .slide{
width:320px;
padding:15px
}
#careerSec4 .secrow2 .slide .slideContent .secHeader{
padding-top:0;
margin-top:0;
margin-bottom:20px
}
#careerSec4 .secrow2 .slide .slideContent .secText{
margin-top:20px
}
#careerSec4 .secrow2 .slide .v-stretch{
min-height:auto
}
#careerSec6 .secContent{
padding:25px
}
#careerSec6 .secImage.animate{
opacity:1
}
}
#aboutSec2 .secrow1{
padding:10px
}
#aboutSec2 .bannerContent{
padding:10% 0
}
#aboutSec2 .sec-bg img{
position:relative;
left:50%;
transform:translateX(-50%)
}
#aboutSec3 .secrow1{
flex-direction:column;
justify-content:center
}
#aboutSec3 #motifSlider .slideContent{
padding-left:50px;
padding-right:50px
}
#aboutSec3 .sliderNavs{
top:auto;
left:50px;
right:auto;
bottom:5%;
height:auto;
width:auto
}
#aboutSec3 .sliderNavs>div{
display:inline-block;
background:none;
box-shadow:none;
margin-right:20px;
padding:0;
height:auto;
width:auto
}
#aboutSec3 .sliderNavs svg{
stroke:#fff;
height:20px
}
#aboutSec3 .sec-bg{
left:-100%;
top:20%;
bottom:-20%;
opacity:.1;
width:70%
}
#aboutSec4{
padding-top:60px;
padding-bottom:0
}
#aboutSec4 .secHeader{
padding:50px 0 0;
margin:auto auto -50px
}
#aboutSec4 #founderSlider{
padding:0 6% 50px;
max-width:1200px
}
#aboutSec4 #founderSlider .slide{
padding-top:100px
}
#aboutSec4 #founderSlider .founderImage{
margin-top:-120px
}
#aboutSec4 #founderSlider .founderDesignation{
padding:5px 0 20px
}
#aboutSec4 #founderSlider .founderDescription{
padding-top:50px;
padding-bottom:50px;
font-size:17px
}
#aboutSec4 #founderSlider .founderSocialIcons{
padding-top:30px
}
#aboutSec4 #founderSlider .founderSocialIcons a{
margin-bottom:15px
}
#aboutSec4 #founderSlider .founderHobbies .secImage{
max-width:400px
}
#aboutSec4 #founderSlider .founderHobbies>.col{
border-right:1px solid #19181b
}
#aboutSec4 #founderSlider .founderHobbies>.col:last-child{
border-right:none
}
#aboutSec4 .sliderNavs{
height:auto;
padding:10px 0;
top:-50px;
left:0;
right:0
}
#aboutSec4 .sliderNavs>div{
background:transparent;
box-shadow:none;
width:auto;
height:auto;
text-align:left;
padding:5px 10px
}
#aboutSec4 .sliderNavs>div svg{
height:20px
}
#aboutSec4 .sec-bg{
left:-20%;
right:-40%;
top:-70%;
opacity:.4
}
#aboutSec5 .v-stretch{
width:48%;
min-height:457px;
margin:25px auto;
padding:9% 50px 5%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
#aboutSec5 .v-stretch:hover{
box-shadow:0 6px 24px 4px rgba(25,24,27,.5);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
transform:scale(1.05);
z-index:2
}
#aboutSec5 .v-stretch .btn{
margin-top:20px
}
#aboutSec6 .socialIcons a{
margin:10px
}
#aboutSec6 .socialIcons i{
width:50px;
height:50px;
background-position-x:100%
}
#aboutSec6 .sec-bg{
left:-30%;
right:-30%;
top:-45%;
opacity:.1
}
#aboutSec7 .container{
padding:80px 10px
}
#aboutSec7 .container .btn{
margin-top:20px
}
#aboutSec7 .sec-bg{
top:-40%;
opacity:.1;
width:75%
}
#aboutSec8 .container-fluid{
max-width:1250px;
margin:auto
}
#aboutSec8 .faceTile:nth-of-type(7) .faceBox{
margin:-1px
}
#aboutSec8 .faceTitle h4{
position:relative;
top:50%;
transform:translateY(-50%)
}
#aboutSec8 .faceBox{
width:100%;
height:100%;
-webkit-animation:face-change 10s infinite;
-moz-animation:face-change 10s infinite;
animation:face-change 10s infinite;
overflow:hidden
}
#aboutSec8 .faceBox.team-member1{
background-position-x:0%
}
#aboutSec8 .faceBox.team-member2{
background-position-x:14.2857142857%
}
#aboutSec8 .faceBox.team-member3{
background-position-x:28.5714285714%
}
#aboutSec8 .faceBox.team-member4{
background-position-x:42.8571428571%
}
#aboutSec8 .faceBox.team-member5{
background-position-x:57.1428571429%
}
#aboutSec8 .faceBox.team-member6{
background-position-x:71.4285714286%
}
#aboutSec8 .faceBox.team-member7{
background-position-x:85.7142857143%
}
#aboutSec8 .faceBox.team-member8{
background-position-x:100%
}
#aboutSec8 .faceBox.team-member9{
background-position-x:114.2857142857%
}
@-webkit-keyframes face-change{
0%{
background-position-y:0%
}
19.99%{
background-position-y:0%
}
20%{
background-position-y:25%
}
39.99%{
background-position-y:25%
}
40%{
background-position-y:50%
}
59.99%{
background-position-y:50%
}
60%{
background-position-y:75%
}
79.99%{
background-position-y:75%
}
80%{
background-position-y:100%
}
100%{
background-position-y:100%
}
}
@-moz-keyframes face-change{
0%{
background-position-y:0%
}
19.99%{
background-position-y:0%
}
20%{
background-position-y:25%
}
39.99%{
background-position-y:25%
}
40%{
background-position-y:50%
}
59.99%{
background-position-y:50%
}
60%{
background-position-y:75%
}
79.99%{
background-position-y:75%
}
80%{
background-position-y:100%
}
100%{
background-position-y:100%
}
}
@keyframes face-change{
0%{
background-position-y:0%
}
19.99%{
background-position-y:0%
}
20%{
background-position-y:25%
}
39.99%{
background-position-y:25%
}
40%{
background-position-y:50%
}
59.99%{
background-position-y:50%
}
60%{
background-position-y:75%
}
79.99%{
background-position-y:75%
}
80%{
background-position-y:100%
}
100%{
background-position-y:100%
}
}
@media only screen and (max-width: 991px){
#aboutSec1{
padding:0
}
#aboutSec1 .container{
position:absolute;
transform:translateY(-50%);
top:50%
}
#aboutSec1 .secrow1{
height:auto
}
#aboutSec1 .sec-bg{
position:relative
}
#aboutSec1 .sec-bg img{
width:100%
}
#aboutSec2 .secrow1{
padding:7%
}
#aboutSec3 .sliderNavs{
display:none
}
#aboutSec3 #motifSlider .slide>.d-table.d-xs-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
#aboutSec3 #motifSlider .slideContent{
padding-left:20px;
padding-right:20px;
text-align:center
}
#aboutSec3 #motifSlider .slideContent br{
display:none
}
#aboutSec3 .slick-dots{
padding:15px 0;
text-align:center
}
#aboutSec3 .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#aboutSec3 .slick-dots li button{
width:10px;
height:10px;
background:rgba(255,255,255,.29);
border-radius:50%;
margin:auto 10px;
font-size:0
}
#aboutSec3 .slick-dots li.slick-active button{
background:#fff
}
#aboutSec4{
padding-top:70px;
padding-bottom:70px
}
#aboutSec4 .secHeader{
margin:auto
}
#aboutSec4 .sliderNavs{
display:none
}
#aboutSec4 #founderSlider .slide{
padding-top:230px
}
#aboutSec4 #founderSlider .founderImage{
margin-top:-200px
}
#aboutSec4 #founderSlider .founderDesignation{
padding:5px
}
#aboutSec4 #founderSlider .founderDescription{
text-align:center;
width:100%;
padding:20px 40px
}
#aboutSec4 #founderSlider .founderSocialIcons{
padding-top:30px;
padding:27px 0;
width:auto;
position:absolute;
left:auto;
right:10px;
top:0
}
#aboutSec4 #founderSlider .founderHobbies{
display:inline-block;
width:auto;
padding-bottom:30px
}
#aboutSec4 #founderSlider .sliderNavs{
display:none
}
#aboutSec4 #founderSlider .slick-dots{
padding:15px 0;
text-align:center
}
#aboutSec4 #founderSlider .slick-dots li{
display:inline-block;
vertical-align:top;
font-size:0
}
#aboutSec4 #founderSlider .slick-dots li button{
width:10px;
height:10px;
background:rgba(255,255,255,.29);
border-radius:50%;
margin:auto 10px;
font-size:0
}
#aboutSec4 #founderSlider .slick-dots li.slick-active button{
background:#fff
}
#aboutSec5{
padding:0
}
#aboutSec5::after{
display:none
}
#aboutSec5 .secrow1{
display:block;
padding:0
}
#aboutSec5 .v-stretch{
width:auto;
padding:50px;
display:block;
margin:10%;
min-height:auto
}
#aboutSec5 .v-stretch .btn{
margin-top:15%
}
#aboutSec6 .secHeader{
margin:auto
}
#aboutSec6 .socialIcons a{
margin:30px 30px auto
}
#aboutSec7 .container{
padding:50px 10px
}
}
@media only screen and (max-width: 767px){
#aboutSec1 .bannerContent br{
display:none
}
#aboutSec1 .sec-bg img{
width:200%;
left:50%;
transform:translateX(-50%)
}
#aboutSec2 .secrow1{
padding:20px
}
#aboutSec3 #motifSlider{
padding-top:25px
}
#aboutSec4{
padding:25px
}
#aboutSec4 .secHeader{
padding:25px 0 0
}
#aboutSec4 #founderSlider .slide{
padding-top:150px
}
#aboutSec4 #founderSlider .founderImage{
margin:auto;
margin-top:-150px;
max-width:200px
}
#aboutSec4 #founderSlider .founderDescription{
padding:0 10px 30px;
font-size:13px
}
#aboutSec4 #founderSlider .founderHobbies{
padding-bottom:10px
}
#aboutSec5 .v-stretch{
width:auto;
padding:25px;
margin:25px
}
#aboutSec6 .socialIcons a{
margin:20px 20px auto
}
#aboutSec6 .socialIcons i{
width:40px;
height:40px
}
#aboutSec7 .container{
padding:25px 10px
}
#aboutSec8 .faceGrid{
display:block;
float:none;
max-width:300px;
margin:auto
}
#aboutSec8 .faceTile{
overflow:hidden
}
#aboutSec8 .faceTile .faceBox{
width:104%;
height:104%;
left:-2%;
top:-2%
}
#aboutSec8 .faceTile:nth-of-type(7) .faceBox{
margin:0
}
}
#portfolioSec1 .secrow1{
padding:10vh 10px
}
#portfolioSec1 .sec-bg{
top:-40%;
opacity:.1;
width:75%
}
#portfolioSec2{
padding-left:20px;
padding-right:20px
}
#portfolioSec2 #portfolioFilters{
padding:0 0 20px
}
#portfolioSec2 #portfolioFilters li{
display:inline-block;
vertical-align:top;
padding:5px 13px;
position:relative
}
#portfolioSec2 #portfolioFilters li button{
letter-spacing:.3px;
cursor:pointer
}
#portfolioSec2 #portfolioFilters li button.mixitup-control-active{
color:#f33
}
#portfolioSec2 #portfolioFilters li::after{
content:"";
width:4px;
height:4px;
border-radius:50%;
right:auto;
background-color:#999
}
#portfolioSec2 #portfolioFilters li:first-child::after{
display:none
}
#portfolioSec2 #portfolioCards{
max-width:1080px
}
#portfolioSec2 #portfolioCards .portfolioCard{
vertical-align:top;
max-width:33%;
width:360px;
padding:20px 15px
}
#portfolioSec2 #portfolioCards .portfolioCard a.ansolute-bg{
z-index:2;
margin:20px 15px
}
#portfolioSec2 .secrow3{
margin-top:4%
}
#portfolioSec3 .secrow1{
padding:80px 10px
}
#portfolioSec3 .secrow1 .btn{
margin-top:20px
}
#portfolioSec3 .sec-bg{
left:-30%;
right:-30%;
top:-45%;
opacity:.35
}
@media only screen and (max-width: 991px){
#portfolioSec2 .secrow1{
height:36px;
overflow:hidden;
margin-bottom:15px
}
#portfolioSec2 .secrow1 #portfolioFilters{
text-align:left;
white-space:nowrap;
overflow-x:scroll
}
#portfolioSec2 #portfolioCards .portfolioCard{
max-width:49%;
width:360px;
padding:20px 15px
}
#portfolioSec2 #portfolioCards .portfolioCard a.ansolute-bg{
z-index:2;
margin:20px 15px
}
#portfolioSec2 .secrow3{
margin-top:4%
}
#portfolioSec3 .secrow1{
padding:70px 10px
}
}
#contactSec1{
min-height:100vh;
padding:50px 0 0
}
#contactSec1 .secrow1 .formSec{
padding:10% 0
}
#contactSec1 .secrow1 .formTitle{
padding:10px 0 7%
}
#contactSec1 .secrow1 .input-wrapper{
margin:5% 0
}
#contactSec1 .secrow1 .input-wrapper .form-control{
line-height:2;
font-family:"Flink";
padding:8px 15px 8px 0;
border:none;
border-bottom:1px solid #999;
display:block;
width:100%
}
#contactSec1 .secrow1 .input-wrapper .error{
display:none
}
#contactSec1 .secrow1 .btn{
margin-top:10%;
min-width:175px
}
#contactSec1 .secrow2{
padding:50px;
display:flex;
flex-direction:row;
justify-content:space-evenly
}
#contactSec1 .secrow2 .row2col2{
padding-right:60px
}
#contactSec1 .secrow2 .footHead{
padding:30px 0
}
#contactSec1 .secrow2 .footerSocialLinks a:hover{
color:#f33
}
#contactSec1 .secrow2 .sec-bg.pattern1{
width:70%;
top:auto;
bottom:65%;
right:auto;
left:-17%
}
#contactSec1 .secrow2 .sec-bg.pattern2{
width:75%;
top:15%;
bottom:auto;
right:auto;
left:80%
}
#contactSec1 ::-webkit-input-placeholder{
color:#19181b
}
#contactSec1 :-ms-input-placeholder{
color:#19181b
}
#contactSec1 ::placeholder{
color:#19181b
}
@media only screen and (max-width: 991px){
#contactSec1{
height:auto
}
#contactSec1 .secrow2{
padding:7%;
display:block
}
#contactSec1 .secrow2 .row2col1{
display:inline-block;
width:100%
}
#contactSec1 .secrow2 .row2col1 .footHead{
padding-top:0
}
#contactSec1 .secrow2 .row2col1 .row{
float:left;
width:50%
}
#contactSec1 .secrow2 .row2col2{
padding-right:0
}
#contactSec1 .secrow2 .row2col3 li{
font-weight:400
}
#contactSec1 .secrow2 .footHead{
padding:25px 0 5px
}
#contactSec1 .secrow2 .secText{
padding:0 0 10px
}
/*Srikanth*/
.fs-27 {
font-size: 22px;
line-height: 26px;
}
.sec2block-cont.pos-rel {
margin: 0 10px 10px 10px;
margin-top: -50px;
padding: 20px;
}
.fs-75 {
font-size: 66px;
letter-spacing: -2px;
line-height: 1;
}
.fs-70 {
font-size: 70px;
letter-spacing: -2px;
line-height: 1;
}
.sec2Inner-block .pre-block {
padding: 50px;
}
.sec3Icon-block {
margin: 0 10px;
}
.sec4Icon-block {
padding: 15px;
margin: 0 7.5px;
}
.sec3Icon-h {
min-height: 130px;
}
.wsslider2-cont {
padding: 20px;
}
}
@media only screen and (max-width: 767px){
#contactSec1{
height:auto
}
#contactSec1 .secrow1 .formSec{
padding:15px
}
#contactSec1 .secrow1 .formTitle{
padding:0
}
#contactSec1 .secrow2{
padding:25px
}
#contactSec1 .secrow2 .footHead{
padding:25px 0 5px
}
#contactSec1 .secrow2 .secText{
padding:0 0 10px
}
/*Srikanth*/
.banner-bg .absolute-bg {
position: relative;
}
.banner-bg .container {
position: absolute;
transform: translateY(-50%);
top: 50%;
}
.banner-bg {
padding: 0;
}
#photographySec1 .sec-bg img {
width: 200%;
left: 50%;
transform: translateX(-15%);
}
.sec-pad-top {
padding-top: 20px;
}
.fs-124 {
font-size: 48px;
letter-spacing: -4.96px;
line-height: 1;
}
.ph-headLine {
margin-bottom: -10px;
}
.fs-109 {
font-size: 42px;
letter-spacing: -3.45px;
line-height: 1;
}
.m-text-center {
text-align: center;
}
section {
min-height: auto;
}
section.no-pad-right {
padding-right: 25px;
}
.fs-220 {
font-size: 84px;
letter-spacing: -6.4px;
line-height: 1;
}
.fs-77 {
font-size: 40px;
letter-spacing: -2.19px;
line-height: 1.1;
}
.pgSliders .slick-list {
margin: 0 -10px;
}
.pgSliders .slick-slide {
margin: 0 10px;
}
.shoot-slider2 {
padding-top: 0;
}
.pgSliders {
margin: 15px 0 15px 0;
}
.shoot-slider1 {
margin-left: 0;
}
.shoot-slider2 {
margin-right: 0;
}
.h-fold {
height: auto;
}
.banner-bg {
height: 90vh!important;
}
div.foldCarousel {
padding-top: 25px;
}
.fs-75 {
font-size: 42px;
letter-spacing: -2px;
line-height: 1;
}
.fs-42 {
font-size: 26px;
line-height: 34px;
}
.fs-24 {
font-size: 20px;
line-height: 24px;
}
.accordion-content {
display: none;
padding-bottom: 15px;
}
.accordionFaq .accordion-content.default {
display: block;
padding-right: 40px;
}
div#accordion {
margin-right: 0;
}
div.accordionFaq {
padding-left: 0;
padding-top: 0;
}
.accordionFaq .faq-cont {
padding: 20px 0;
}
.accordion-toggle {
padding: 20px 0;
}
.fs-45 {
font-size: 30px;
line-height: 42px;
}
.sec2block-cont.pos-rel {
margin: 0 10px 10px 10px;
margin-top: -50px;
padding: 15px;
}
.sliderNavs.sliderNavsBottom {
left: 0;
top: auto;
bottom: 0;
right: 0;
position: relative;
}
.wsslider2-cont {
padding: 20px;
}
.sec2Inner-block {
position: relative;
left: auto;
right: 0;
z-index: 55;
bottom: 0;
top: 0;
display: block;
align-items: center;
}
.sec2Inner-block .pre-block {
padding: 20px;
}
section#workshopInSec2 {
padding: 20px 20px!important;
}
.sec2Inner-head {
font-size: 24px;
line-height: 30px;
}
.sec3IconPre {
margin-top: 20px;
}
.sec3Icon-h {
min-height: 0;
margin-bottom: 25px;
}
.sec3Icon-block {
margin: 0 0 25px 0;
}
.secMargin-LR {
margin: 0 20px;
}
.xs-ml-0 {
margin: 0;
}
.sec4Icon-block {
padding: 15px;
margin: 0;
}
section#workshopInSec5,
section#workshopInSec3 {
padding: 20px!important;
}
.bannerBlock-space {
padding-left: 0;
}
#workshopSec1 .bannerBlock-space {
margin-top: 25px;
}
section#workshopSec1 {
margin: 64px 0 40px 0;
}
.bkData-inner {
padding-top: 0;
padding-left: 0;
margin-bottom: 2rem;
margin-top: 2rem;
}
.sidenav {
width: 100%;
height: 0;
bottom: 0;
z-index: 55555;
}
.book-data {
width: 100%;
top: auto!important;
bottom: 0;
z-index: 555555;
}
.bk-2 {
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}
.bk-1 {
font-size: 13px;
}
.book-item {
width: 100%;
float: none;
text-align: center;
}
.brRight:after {
content: none;
}
.wsSliderScore {
display: none;
}
#wslider1 .slick-slide .innerSlide {
padding: 15px;
margin: 0;
}
div#wslider1 {
margin-top: 20px;
}
.cardslider__cards {
position: relative;
left: 0;
}
.cardslider {
width: 100%;
position: relative;
overflow: hidden;
height: 410px;
margin-top: 20px;
}
.sec-pad {
padding: 25px 0;
}
.wrap-bk.show-widget {
right: 0px;
-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.wrap-bk {
font-weight: 400;
position: fixed;
right: -300px;
bottom: auto;
width: 300px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
z-index: 999;
will-change: transform;
}
.show_btn {
transform: none;
transform-origin: left top 0;
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
height: auto;
width: 100%;
text-align: center;
background-color: #ffffff;
z-index: 555;
animation: none;
padding: 8px 0;
border-top: 1px solid #f2f2f2;
}
.cd-panel__close {
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 60px;
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
bottom: auto;
}
.cd-panel__close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-panel__close::before, .cd-panel__close::after {
content: '';
position: absolute;
top: 22px;
left: 20px;
height: 3px;
width: 20px;
background-color: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-panel__close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
body .no-pad-left {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px){
.foldCarousel .slick-list {
padding-right: 15%!important;
}
.foldCarousel .slick-track {
max-width: 100%!important;
transform: translate3d(0, 0, 0)!important;
perspective: 100px;
}
.foldCarousel .slick-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
width: 100%!important;
transform: translate3d(0, 0, 0);
transition: transform 0.7s ease-in-out, opacity 0.7s;
}
.foldCarousel .slick-current {
opacity: 1;
position: relative;
display: block;
z-index: 2;
}
.foldCarousel .slick-snext {
opacity: 1;
transform: translate3d(33.33%, 0, -33.33px);
z-index: 1;
}
.foldCarousel .slick-snext2 {
opacity: 1;
transform: translate3d(66.66%, 0, -66.66px);
z-index: 0;
}
.foldCarousel .slick-sprev {
opacity: 1;
transform: translate3d(33.33%, 0, -33.33px);
}
.foldCarousel .slick-sprev2 {
opacity: 1;
transform: translate3d(66.66%, 0, -66.66px);
}
}
.bg-lightgray{
background: #F7F7F7;
}
.btn.btn-white-black{
background:#ffffff;
color: #141A1A;
}
.btn.btn-white-black:focus,.btn.btn-white-black:active,.btn.btn-white-black:hover{
color:#ffffff;
background:#141A1A;
}
.btn.btn-white-black:focus::before,.btn.btn-white-black:active::before,.btn.btn-white-black:hover::before{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 20%, #ffffff 20%, transparent 30%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
.btn.btn-white-black:focus::after,.btn.btn-white-black:active::after,.btn.btn-white-black:hover::after{
background-image:radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, transparent 10%, #ffffff 15%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%),radial-gradient(circle, #ffffff 20%, transparent 20%)
}
#casestudies .sliderNavs.casenav{
height: 40px;
left: 0;
right: 0;
z-index: 2 !important;
margin: auto;
width: 100px;
}
#casestudies .sliderNavs>div{
background: transparent;
}
#casestudies .sliderNavs svg{
stroke: #ffffff;
}
#homeSec5 .fc_black.sliderNavs .testimonialSliderScore div:last-child::after{
background-color: #333;
}
#homeSec5 .secrow1 .fc_black.sliderNavs>div svg{
stroke: #333;
}
.bannerBlock-space.content_cus_padding {
padding-left: 93px;
}
a.btn:hover {
text-decoration: none !important;
}
#homeSec7 ul.footerSocialLinks, #homeSec7 ul.footerSocialLinks li {
margin: 0;
}
header.transparent a.d-block {
/* color: #fff; */
}