/*
Theme Name: VV-Child
Description: <strong>Child Theme for Enfold</strong>
Author: Omer Levi
Author URI: http://www.omerlevi.com
Template: enfold
Version: 0.1.0
*/

/* -- fonts -- */
@font-face {
  font-family: 'AccordWb';
  font-weight: 700;
  src: url('/wp-content/themes/vv-child/fonts/AccordBold.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 500;
  src: url('/wp-content/themes/vv-child/fonts/AccordMedium.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 400;
  src: url('/wp-content/themes/vv-child/fonts/AccordReg.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 300;
  src: url('/wp-content/themes/vv-child/fonts/AccordLight.otf');
}
/* -- font smoothing -- */
*,
*:before,
*:after {
  -webkit-font-smoothing: antialiased;
}
/* -- font definitions -- */
html,
body,
input,
button,
select,
label,
textarea {
  font-family: 'AccordWb', 'Open Sans', sans-serif !important;
}

/* set base font size to 16px */
body{
    font-size: 16px;
    font-weight: 200;
}
p {
  font-family: 'Open Sans', sans-serif;
  line-height:1.3em;
}

/* override boldness of headers 1-6 */
/* h2, h3, h4, h5, h6{
    font-weight: 300;
} */
h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li{
	font-family: 'AccordWb', 'Open Sans', sans-serif !important;
}
/* -- header syles -- */
/*
h1{
    font-size: 70px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .004em;
    font-family: 'CorporateABQ-Regular';
    background: -webkit-linear-gradient(#25ABDF, #1c69b2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative;
}
h2{
    font-size: 46px;
    line-height: 1.10746;
    font-weight: 400;
    letter-spacing: .004em;
    margin-bottom: 18px;
    font-family: 'CorporateABQ-Regular';
    background: -webkit-linear-gradient(#25ABDF, #1c69b2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative;
}
h3{
  font-size:21px;
  color: #000;
  font-weight: 700;
  margin: 20px 0;
}

h4{
  font-size: 30px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: .015em;
  margin-bottom: 20px;
}
h5{
  font-size: 17px;
  font-weight: 500;
}
h6{
  font-weight: 200;
  font-size:14px;
}

h2:before, h1:before{
  content:'';
  display: block;
  position:absolute;
  height:4px;
  width:60px;
  left:50%;
  margin-left:-30px;
  top: -20px;
  background: #25ABDF;
}
*/
/* special headings */
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h1,
.modern-quote .av-special-heading-tag {
  text-transform: none;
  /*color: #1c69b2 !important;
  background: -webkit-linear-gradient(#25ABDF, #1c69b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  margin-top: 30px;
}

.template-page .entry-content-wrapper h1,
.modern-quote .av-special-heading-tag {
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.1;
  max-width: 600px;
  margin: 0 auto .6em;
  text-align: left;
}


.template-page .entry-content-wrapper h1 + .av-subheading.av_custom_color,
.modern-quote .av-special-heading-tag + .av-subheading.av_custom_color,
.template-page .entry-content-wrapper h1 + .av-subheading.av_custom_color p,
.modern-quote .av-special-heading-tag + .av-subheading.av_custom_color p {
  color: #2C426B;
  font-size: 1rem !important;
  font-weight: 700 !important;
  max-width: 600px;
  margin: 0 auto;
  opacity: 1 !important;
  text-align: left;
}

#title.main_color {
  background-color: transparent !important;
  padding: 3em 0;
  position: relative;
  z-index: 0;
}

#title.main_color::before,
#title.main_color::after {
  content: '';
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#title.main_color::before {
  background: #00A8E2;
  z-index: -2;
}

#title.main_color::after {
  background: #008FCB;
  opacity: 1;
  -webkit-mask: url(images/geo-pattern-ol.svg) top center/380% 380% repeat;
  mask: url(images/geo-pattern-ol.svg) top center/380% 380% repeat;
  z-index: -1;
}

/*
.avia_textblock, .avia_textblock p{
  font-size: 19px;
  line-height: 1.45455;
  font-weight: 200;
  letter-spacing: .016em;
  color:#333;
}
*/
/************************/
.responsive .container{
  max-width: 1045px;
}

.html_header_top.html_header_sticky #main, #title .container .av-content-full.units{
  padding-top:0;
}

/* nav */
.av_minimal_header #header_main{
  border-bottom: 1px solid #eee;
  transition: border-color .5s;
}
#top #header .av-main-nav > li > a{
  font-family: 'AccordWb', 'Open Sans', sans-serif !important;
  font-weight: 300;
  font-size: 16px;
}
.av_minimal_header #header_main .container{
  height: 55px;
  line-height: 55px;
}
.av_minimal_header .main_menu ul:first-child > li a{
  height: auto;
  line-height: normal;
  padding-top:22px;
}
#top #header .av-main-nav > li.wpml-ls-item > a:hover .avia-menu-text{
  background:#fff;
}
#top #header .av-main-nav > li.wpml-ls-item > a .avia-menu-text{
  padding: 8px 25px 8px 15px;
  border: 1px solid #000;
  position:relative;
}
#top #header .av-main-nav > li.wpml-ls-item > a .avia-menu-text:after{
  content: " \25bc";
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 8px;
}
#top #header.av_minimal_header .main_menu ul:first-child > li > ul{
  margin-left: 13px;
  width:100%;
  margin-top:8px;
}
#top #header.av_minimal_header .main_menu ul:first-child > li > ul a{
  border: 1px solid #000;
}





/* lede */
#lede img{
  max-width: 550px;
  width:100%;
}
#lede h3.av-special-heading-tag {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

/* title */
#title h1{
  margin-top: 120px;
}

/* technology */
#technology .technology-text{
  margin-top: 70px;
}
#technology .iphone img{
  max-width: 375px;
  width:100%;
}
#technology h2:before{
  left:0;
  margin-left:0;
}

/* locations */
#locations .container{
  max-width: 800px;
}
#locations .avia-image-container-inner{
  margin:50px 20px 0;
}
#locations .avia-image-container-inner img{
  max-width: 150px;
}
#locations h4{
  display: inline-block;
  padding:10px 15px;
  color:#1C69B2 !important;
}
#locations .av-special-heading{
  margin-top:20px;
}

/* careers */
#careers .job-postings{
  color:#fff !important;
}
#careers .job-postings h4{
  margin-top: 50px;
  color: #9cdff3 !important;
}
#careers ul{
  margin:0;
}
#careers ul li{
  list-style-type: none;
  margin-left:0;
}
#careers .current-openings{
  text-align: center;
  position:relative;
  z-index: 100;
}
#careers .current-openings h3{
  display: inline-block;
  padding:10px 15px;
  background: #fff;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size:16px;
  letter-spacing: 1px;
  color: #1c69b2;
}
#careers .job-postings, #careers .av_textblock_section + .flex_column_table{
  margin-top: -20px !important;
}
#careers .avia_textblock{
  color:#fff;
}
#careers .careers-text .avia_textblock{
  max-width: 600px;
  margin:0 auto;
}
#careers .careers-text .avia_textblock p{
  color:#000;
}


/* press */
.press-ft img{
  max-width: 173px;
}
.press-calcalist img{
  max-width: 153px;
}
.press-calcalist .avia-image-container-inner{
  padding-top: 30px;
}
.press-techcrunch img{
  max-width: 164px;
}
.press-verge img{
  max-width: 119px;
}
#press .avia_textblock p{
  font-size:30px;
  line-height: 36px;
  color: #9B9B9B;

}

.main-text .avia_textblock{
  max-width: 600px;
  margin:0 auto;
}
.main-text .avia_textblock h4{
  margin-top: 80px;
  color:#1C69B2;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/****** override special amp styles ****/
.special_amp{font-family: inherit;}

@media only screen and (max-width: 989px) and (min-width: 768px){
  #top #header.av_minimal_header .main_menu ul:first-child > li > ul{
    margin-left: 10px;

  }
}


/* mobile */
@media only screen and (max-width: 767px){
  h1{
    font-size: 50px;
  }
  h2{
    font-size: 36px;
  }
  h3{
    font-size:18px;
  }
  h4{
    font-size:24px;
  }

  .responsive #top .logo{
    height: 45px !important;
  }
  .responsive .logo img{
    max-height: 45px;
  }
  .av-hamburger-box{
    width:18px;
  }
  .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after{
    height:2px;
  }
  .av-hamburger-inner::before{
    top:-6px;
  }
  .av-hamburger-inner::after {
    bottom: -6px;
  }
  .responsive #top #wrap_all .main_menu, .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{
    height:45px !important;

  }
  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{
    line-height: 45px;
  }
  #top #header.av_minimal_header .main_menu ul:first-child > li > ul a{
    border:none;
  }
  #top #header.av_minimal_header .main_menu ul:first-child > li > ul{
    margin-left:0;
    margin-top:0;
  }

  .avia_textblock, .avia_textblock p{
    font-size:16px;
  }
  .content{
    padding-top:20px;
  }
  .responsive #top #wrap_all .flex_column{
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
  #careers .job-postings h4{
    margin-top:0;
  }
  #careers .flex_column_table .flex_column:first-child h4{
    margin-top: 20px;
  }
  #careers ul li{
    font-size:15px;
  }
  #locations .avia-image-container-inner{
    margin-top: 20px;
  }
  #press .avia_textblock p{
    font-size: 21px;
    line-height: 27px;
    margin-top: 10px;
  }
  .press-calcalist .avia-image-container-inner{
  padding-top: 0px;
}

}

/* ---------- -------------------------------------*/
/* NEW STYLES -------------------------------------*/
/* ---------- -------------------------------------*/
/* ---------- -------------------------------------*/
footer#socket{
  background: #20B6E9;
  color:#fff;
}
footer#socket.socket_color a{
  color:#fff;
}
.html_header_top.html_header_sticky #main{
  padding-top:0;
}
#top #main  #vv-cover .template-page{
  padding-top:0;
}

#top #wrap_all .header_color.av_header_transparency .logo{
	display:none;
}

.vv-learn-more .avia-button{
	font-size: 18px;
    text-transform: uppercase;
    background-color: #20B7E9;
    padding: 10px 15px;
    border-color: transparent !important;
}
.vv-section h3{
	font-size: 34px;
	font-weight:400;
}
.vv-section .container{
	max-width: 1245px;
}

.avia-section {
  float: none !important;
}

/* vv-cover -------------------------------------------------*/

#vv-cover .container{
	max-width:100%;
	padding:0;
}
#vv-cover .template-page{
	padding-bottom:0;
}
#vv-cover .vv-cover-text{
	position:absolute;
	left: 9%;
    top: 9%;
	text-align:center;
}
#vv-cover .vv-cover-text img{
	max-width:450px;
  width:90%;
}
#vv-cover .vv-cover-text h3{
	font-size:40px;
	margin-top:20px;
}
#vv-cover .vv-cover-text h4{
	font-size:26px;
	text-transform: uppercase;
}
#vv-cover .vv-cover-text h4 span{
	color: #1FB7E9;
	margin: 0 10px;
  text-decoration: underline;
}

.html_header_transparency #top #vv-cover .container{
  padding-top:0;
}

/* vv-steps-slider -------------------------------------------------*/

.vv-steps-slider .avia-content-slider-inner{
	width: 60%;
}
.vv-steps-slider .avia-smallarrow-slider-heading {
	width:40% !important;
	display: block !important;
  position:absolute;
  top:98px;
  left: 65%;
}

.vv-steps-slider .avia-smallarrow-slider-heading> div{
  display: block !important;
}
.vv-steps-slider .slide-entry-title{
	display:none;
}

.vv-steps-slider .avia-smallarrow-slider-heading .new-special-heading h3{
  font-size: 36px;
}

.vv-steps-slider .avia-slideshow-dots a{
	width:100%;
	height:auto;
    background: none !important;
    border: none !important;
    text-align: left;
	text-indent:0 !important;
	font-size:22px;
}

.vv-steps-slider .avia-slideshow-dots .vv-circle-num{
 border-radius: 50%;
    border: 2px solid #1FB7E9;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    color: #1FB7E9;
    font-weight: 500;
}
.vv-steps-slider .avia-slideshow-dots a.active .vv-circle-num{
  background-color: #1FB7E9;
  color:#fff;
}
/* CITIES -------------------------------------------------*/
.vv-cities .slide-entry-excerpt{
	background: #fff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}
.vv-cities .slide-entry-excerpt img{
	width: 128px;
	margin-bottom: 24px;
}
.vv-cities .slide-entry-excerpt h4{
	margin-bottom: 0px;
    font-size: 22px;
    font-weight: 500;
}
.vv-cities .slide-entry-excerpt p{
	    margin-top: 0;
}
.vv-cities .avia-slideshow-arrows a:before{
	background: none  !important;
	line-height: 55px  !important;
}
.vv-cities .avia-slideshow-arrows a{
	    width: 33px  !important;
    height: 55px  !important;
    line-height: 55px  !important;
    font-size: 55px  !important;
}
.vv-cities .avia-slideshow-arrows {
    position: absolute  !important;
    width: 110%  !important;
    top: 50%  !important;
    left: -5%  !important;
    height: 55px  !important;
}
.vv-cities-hover-london .avia-image-container-inner{
    background-image: url(https://www.viavan.com/wp-content/uploads/2018/11/london-icon-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vv-cities-hover-london .avia-image-container-inner img, .vv-cities-hover-amsterdam .avia-image-container-inner img, .vv-cities-hover-berlin .avia-image-container-inner img, .vv-cities-hover-milton .avia-image-container-inner img{
  opacity:0;
  transition: opacity 0.5s;
  -webkit-transition:opacity 0.5s;
}
.vv-slider-london:hover .vv-cities-hover-london .avia-image-container-inner img, .vv-slider-amsterdam:hover .vv-cities-hover-amsterdam .avia-image-container-inner img, .vv-slider-berlin:hover .vv-cities-hover-berlin .avia-image-container-inner img, .vv-slider-milton:hover .vv-cities-hover-milton .avia-image-container-inner img{
  opacity:1;
}

.vv-cities-hover-amsterdam .avia-image-container-inner{
    background-image: url(https://www.viavan.com/wp-content/uploads/2018/12/amsterdam-icon-nohover.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vv-cities-hover-berlin .avia-image-container-inner{
    background-image: url(https://www.viavan.com/wp-content/uploads/2018/11/berlin-icon-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vv-cities-hover-milton .avia-image-container-inner{
    background-image: url(https://www.viavan.com/wp-content/uploads/2019/03/milton-nohover.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#slider-section .slider-item.vv-slider-milton img{
   width: 226px;
}

#vv-mobility, #vv-friend-partner, #vv-tech{
	background-size: cover;
}
/* vv-tech -------------------------------------------------*/
#vv-mobility .vv-mobility-bkg{
  position: relative;
}
#vv-mobility .vv-mobility-steps{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#vv-mobility .vv-mobility-step{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition: opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    opacity: 0;
}
#vv-mobility .vv-mobility-step1{
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
#vv-mobility .vv-mobility-step2{
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}
#vv-mobility .vv-mobility-step3{
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}
#vv-mobility .vv-mobility-step4{
  transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
}
#vv-mobility .vv-mobility-step5{
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
}
#vv-mobility .vv-mobility-step6{
  transition-delay: 2.3s;
  -webkit-transition-delay: 2.3s;
}
#vv-mobility .avia_start_animation + .avia_code_block_0 .vv-mobility-step{
     opacity: 1;
}
/* vv-tech -------------------------------------------------*/
#vv-tech{
	overflow:hidden;
}
#vv-tech .vv-tech-text, #vv-tech .vv-tech-img, #vv-friend-partner .vv-friend-text, #vv-friend-partner .vv-friend-img{
	/*width: 38%*/
}
#vv-tech .vv-tech-text, #vv-tech .vv-friend-img{
	/*margin-left:18%;*/
}
#vv-friend-partner .vv-tech-text{
	margin-top:50px;
}
#vv-tech .vv-tech-text .flex_column .avia_textblock, #vv-friend-partner .vv-tech-text .flex_column .avia_textblock{
	max-width: 400px;
}
#vv-tech .template-page{
	padding-bottom:0;
}
#vv-tech .vv-tech-logo{
  width: 40%;
  float:left;
  clear:left;
  margin-right: 20px;
  margin-top: 20px;
}
#vv-tech .vv-learn-more{
  font-size:14px;
  padding: 8px 10px;
  margin-top:20px;
}
#vv-tech .vv-tech-img{
  position: relative;
}
#vv-tech .vv-tech-dots{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#vv-tech .vv-tech-dot{
    position: absolute;
    width: 25px;
    transition: opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    opacity: 0;
}
#vv-tech .vv-tech-dot1{
  top: 25%;
  left:60%;
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}
#vv-tech .vv-tech-dot2{
  top: 50%;
  left:70%;
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
}
#vv-tech .vv-tech-dot3{
  top: 78%;
  left:20%;
  transition-delay: 2.5s;
  -webkit-transition-delay: 2.5s;
}
#vv-tech .vv-tech-dot4{
  top: 20%;
  left:20%;
  transition-delay: 3s;
  -webkit-transition-delay: 3s;
}
#vv-tech .vv-tech-dot5{
      top: 84%;
    left: 33%;
  transition-delay: 3.5s;
  -webkit-transition-delay: 3.5s;
}
#vv-tech .vv-tech-dot6{
  top: 50%;
    left: 50%;
  transition-delay: 4;
  -webkit-transition-delay: 4s;
}
#vv-tech .vv-tech-dot7{
      top: 60%;
    left: 20%;
  transition-delay: 4.5s;
  -webkit-transition-delay: 4.5s;
}
#vv-tech .vv-tech-dot8{
      top: 70%;
    left: 40%;
  transition-delay: 5s;
  -webkit-transition-delay: 5s;
}
#vv-tech .vv-tech-dot9{
      top: 80%;
    left: 50%;
  transition-delay: 5.5s;
  -webkit-transition-delay: 5.5s;
}
#vv-tech .vv-tech-dot10{
      top: 66%;
    left: 25%;
  transition-delay: 6s;
  -webkit-transition-delay: 6s;
}
#vv-tech .vv-tech-dot11{
      top: 66%;
    left: 60%;
  transition-delay: 6.5s;
  -webkit-transition-delay: 6.5s;
}
#vv-tech .vv-tech-dot12{
      top: 20%;
    left: 74%;
  transition-delay: 7s;
  -webkit-transition-delay: 7s;
}
#vv-tech .vv-tech-dot13{
      top: 40%;
    left: 23%;
  transition-delay: 7.5s;
  -webkit-transition-delay: 7.5s;
}
#vv-tech .vv-tech-dot14{
      top: 57%;
    left: 40%;
  transition-delay: 8s;
  -webkit-transition-delay: 8s;
}
#vv-tech .vv-tech-dot15{
      top: 27%;
    left: 29%;
  transition-delay: 8.5s;
  -webkit-transition-delay: 8.5s;
}
#vv-tech .avia_start_animation + .avia_code_block_0 .vv-tech-dot{
     opacity: 1;
}

/* slider section -------------------------------------------------*/
#slider-section .container{
  max-width: 1500px;
}
#slider-section h4{
  text-align: center;
}
#slider-section .slider-item{
  clear:none !important;
  background: #fff;
  border-radius: 25px !important;
  padding: 20px;
  text-align: center;
  margin: 10px !important;
  cursor:pointer;
}
#slider-section .slider-item h4{
  margin-bottom: 0;
}
#slider-section .slider-item p{
  margin: 0;
}
#slider-section .slider-item img{
  width: 128px;
}
#slider-section .template-page .entry-content-wrapper{
  position: relative;
}
#slider-section .slider-item .vv-slider-item-view{
	border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 20px;
}
#slider-section .slider-item .vv-slider-item-view p{
	color: #1FB7E9;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
}
/* vv-steps -------------------------------------------------*/
#vv-steps .template-page{
  padding-top:0;
}
#vv-steps .container{
  max-width: 1145px;
}
#vv-steps .avia-content-slider-inner .slide-entry-excerpt, #vv-steps .avia-content-slider-inner .slide-entry-wrap{
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transition: opacity 0.5s, transform 0.5s;
  }
#vv-steps .avia-content-slider-inner .slide-entry-wrap:first-child .slide-entry-excerpt{
  transform: translate3d(0, 15px, 0);
  -webkit-transform: translate3d(0, 15px, 0);
   opacity: 0;
}
#vv-steps .avia-content-slider-inner .slide-entry-wrap:nth-child(2) .slide-entry-excerpt{
  transform: translate3d(15px, 0px, 0);
  -webkit-transform: translate3d(15px, 0px, 0);
   opacity: 0;
}

#vv-steps .avia-content-slider-inner .slide-entry-wrap:nth-child(3) .slide-entry-excerpt p:first-child{
  transform: translate3d(-50px, 0px, 0);
  -webkit-transform: translate3d(-50px, 0px, 0);
  position:relative;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s;
   -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s;
}

#vv-steps .avia-content-slider-inner .slide-entry-wrap:nth-child(3) .slide-entry-excerpt p{
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  position:absolute;
  top:0;
  display: block;
  left:0;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
   -webkit-transition: transform 0.3s, opacity 0.3s;
}

#vv-steps .avia-content-slider-inner .slide-entry-wrap:nth-child(4) .slide-entry-excerpt p:first-child{
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  position:relative;
  transition: transform 0.3s 0.25s, opacity 0.3s 0.25s;
   -webkit-transition: transform 0.3s 0.25s, opacity 0.3s 0.25s;
}

#vv-steps .avia-content-slider-inner .slide-entry-wrap:nth-child(4) .slide-entry-excerpt p{
  transform: translate3d(0, -25px, 0);
  -webkit-transform: translate3d(0, -25px, 0);
  position:absolute;
  top:0;
  display: block;
  left:0;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
   -webkit-transition: transform 0.3s, opacity 0.3s;
}

#vv-steps .avia-content-slider-inner .active-slide{
	opacity:1 !important;
}

#vv-steps .avia-content-slider-inner .active-slide.slide-entry-wrap:first-child .slide-entry-excerpt, #vv-steps .avia-content-slider-inner .active-slide.slide-entry-wrap:nth-child(2) .slide-entry-excerpt, #vv-steps .avia-content-slider-inner .active-slide.slide-entry-wrap:nth-child(3) .slide-entry-excerpt p, #vv-steps .avia-content-slider-inner .active-slide.slide-entry-wrap:nth-child(4) .slide-entry-excerpt p{
opacity:1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}

#vv-steps .avia-content-slider-inner:before{
  content: '';
  display: block;
  width:350px;
  height:350px;
  border-radius: 50%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  background: #E9F6FD;

}
/* CAREERS -------------------------------------------------*/
.vv-careers-header .container{
  max-width: 1150px;
  padding: 80px 2em 0;
}


.vv-careers-header h2{
  font-weight: 400;
  font-size: 48px;
  line-height: 66px;
  color:#0b4564 !important;
  background: none;
  -webkit-text-fill-color: #0b4564 !important;
  font-family: 'AccordWb', 'Open Sans', sans-serif !important;
  margin-top:60px;
}
.vv-careers-header h2:before{
  display: none;
}
.vv-careers-header p{
  font-size:24px;
  line-height: 30px;
}
.vv-careers-info h3{
  font-size: 24px;
  text-transform: uppercase;
  color:#20B7E9;
}
.vv-careers-info p{
  max-width: 720px;
  margin: 0 auto 1em;
}

/* careers form */
#vv-careers-filter {
	display:flex;
	justify-content: space-between;
  margin-bottom: 33px !important;
}

#vv-careers-filter .vv-careers-search-container{
	width: 300px;
    position: relative;
    margin-right: 50px;
}
#vv-careers-search{
	margin: 0 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-size: 15px !important;
	border-color: #ebebeb !important;
	width: calc(100% - 25px) !important;
}

input#vv-careers-search::placeholder,
.vv-careers-search-clear {
  color: #666;
}

input#vv-careers-search:focus::placeholder,
input#vv-careers-search:focus::-webkit-input-placeholder,
input#vv-careers-search:focus:-moz-placeholder,
input#vv-careers-search:focus:-ms-input-placeholder,
input#vv-careers-search:focus-within::placeholder,
input#vv-careers-search:focus-within::-webkit-input-placeholder,
input#vv-careers-search:focus-within:-moz-placeholder,
input#vv-careers-search:focus-within:-ms-input-placeholder {
   color: transparent !important;
}

.vv-careers-search-container:hover .vv-careers-search-clear{
	display: block;
}
.vv-careers-search-clear{
    position: absolute;
    right: 38px;
    top: 50%;
    font-family: 'AccordWb', 'Open Sans', sans-serif;
    display: none;
    cursor: pointer;
    transform: translateY(-50%);
}

.vv-careers-search-button{
	background-color: #ebebeb;
    margin: 0;
    padding: 0.5em 0.75em;
	width: 30px;
    border: none;
    border-radius: 0 8px 8px 0;
    outline: none;
    cursor: pointer;
    margin-left: -0.1em;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
	background-image: url('https://www.viavan.com/wp-content/uploads/2019/03/search-icon.svg');
	background-repeat:no-repeat;
	background-position: center center;
	display:inline-block;
}

.vv-careers-select{
	display:flex;
}
.vv-careers-select-item{
	position: relative;
    margin-right: 20px;
}
.vv-careers-select-label{
	position:absolute;
	top: -25px;
}

#vv-careers-location, #vv-careers-team{
	margin: 0 !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    font-size: 15px !important;
	border-color: #C4C4C4;
}
.vv-careers-listing-labels{
  margin-top:60px;
}
.vv-careers-listing-labels h3{
  font-size:24px;
  font-weight: 400;
  text-transform: uppercase;
}
.vv-careers-listing-item h3{
  font-size:24px;
  font-weight: 200;
  text-transform:none;
  margin: 36px 0;
}

.vv-careers-listing-item {
  border-bottom: 1px solid #B3E3F4 !important;
  height: auto;
}

.vv-careers-listing-item:hover {
  cursor: pointer;
}

.vv-careers-listing-item .vv-careers-listing-main > div{
	float: left;
    position: relative;
	    margin-left: 6%;
    width: 29.333333333333332%;
}
.vv-careers-listing-item .vv-careers-listing-main > div:first-child{
	margin-left:0;
}
.vv-careers-listing-detail{
  height: 0;
  min-height: 0;
  overflow: hidden;
  will-change: height;
  display: flex;
  margin-top: 0px !important;
  padding: 0;
	clear:left;
}
/* .vv-careers-listing-item.opened + .vv-careers-listing-item {
  margin-top: -40px;
}

.vv-careers-listing-detail.is-opened,
.vv-careers-listing-detail.opened,
.vv-careers-listing-detail.opening {
  padding: 40px 0 0;
} */
.vv-careers-listing-item-arrow{
  cursor:pointer;
  width: 20px;
  height: 39px;
  background-image: url('https://www.viavan.com/wp-content/uploads/2018/12/arrow.png');
  background-repeat: no-repeat;
  background-size:contain;
  position: absolute;
  top:32px;
  right: 0;
  transform-origin: center;
  -webkit-transform-origin: center;
  transition:  transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.opened .vv-careers-listing-item-arrow{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.vv-careers-listing-detail{
	clear:left;
}
.vv-careers-listing-detail .av_textblock_section, .vv-careers-listing-description{
  width: 66%;
}

.vv-careers-listing-detail p{
  margin-top:0;
  padding-bottom: 50px;
  font-size: 19px;
    line-height: 1.45455;
    font-weight: 200;
    letter-spacing: .016em;
    color: #333;
}

.vv-careers-listing-detail .avia-button-wrap, .vv-careers-listing-learn{
    margin-left: 6%;
    text-align: right;
    width: 29.333333333333332%;
}
.vv-careers-listing-detail .avia-button, .vv-careers-listing-button{
  background: #20B7E9;
  border-radius: 5px;
  border-color:transparent !important;
  font-size:18px;
  color:#fff !important;
  padding: 9px 10px 7px;
  min-width: 80px;
  display: inline-block;
}
.vv-careers-listing-button:hover{
	background: #000;
	text-decoration:none;
}

.vv-careers-header-img{
  position:relative;
}
.vv-careers-header-img:after{
  content: '';
  height:100%;
  width: 100vw;
  position: absolute;
  left:100%;
  background: #97D9F5;
  visibility: visible;
  top:0;
}
/* simple template */
.vv-template-header h2{
  font-weight: 400;
  font-size: 60px;
  line-height: 66px;
  color:#0b4564 !important;
  background: none;
  -webkit-text-fill-color: #0b4564 !important;
  font-family: 'AccordWb', 'Open Sans', sans-serif !important;
  margin-top:60px !important;
}
.vv-template-header h2:before{
  display: none;
}
.vv-template-text h6{
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color:#0b4564;
}
.vv-template-text h5{
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color:#20b7e9;
}
.vv-template-text h5 b{
  color:#20b7e9;
}
.vv-template-text p{
  font-weight: 200;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color:#515151;
}

/* Custom Cookie Consent Banner Styling */

.bannerContainer {
  font-family: 'Open Sans', Arial, sans-serif !important;
  background: rgba(44, 66, 107,.9);
  box-sizing:border-box;
  color:#ffffff;
  padding: 30px 25px 0px;
  margin-top: 10px;
  position: fixed;
  bottom: 0em;
  width: 100%;
  z-index: 9999;

}

.bannerWrapper {
  max-width: 1150px;
  margin: auto;
}

.bannerText {
  max-width: 720px;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
}

.banner {
  padding: 20px 25px 30px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.optIn, .optOut {
   padding: .75em 1.25em;
  margin-right: .5em;
  background: #1FB7E9;
  line-height: 1.12;
  color: white;
  cursor: pointer;
  border-radius: 50px;
}

.optOut {
	background: #868d9c;
}

.policyLink {
  color: #ffffff;
}

/* Cookie Policy Page */
.page-id-1980 ol, p {
    font-family: 'Open Sans';
    color: #536580;
	font-size: 1.125rem;

}

.page-id-1980 .container a {
	color: #009AD9;
}

.page-id-1980 h1 {
	color: #2C426B !important;
	padding-top: 50px !important;
}

.page-id-1980 .container {
    max-width: 600px;
}

.page-id-1980 p {
	font-size: 1.125rem;
}

@media only screen and (max-width: 767px){
  .responsive #top #wrap_all #header{
    background: transparent;
    position: absolute;
  }
  #vv-cover{
    height:100vh;
  }
  .html_header_transparency #top #vv-cover .container{
    max-width: 100%;
    width:100%;
    height:100%;
  }
  #top #main #vv-cover .template-page{
    height:100%;
  }
  #top #main #vv-cover .template-page .post-entry, #top #main #vv-cover .template-page .post-entry .entry-content-wrapper, #top #main #vv-cover .template-page .post-entry .entry-content-wrapper .avia-image-container, #top #main #vv-cover .template-page .post-entry .entry-content-wrapper .avia-image-container .avia-image-container-inner{
    height:100%;
  }
  #top #main #vv-cover .template-page .post-entry .entry-content-wrapper .avia-image-container .avia-image-container-inner img{
    display: none;
  }
  #top #main #vv-cover .template-page .post-entry .entry-content-wrapper .avia-image-container .avia-image-container-inner{
    background-image: url( https://www.viavan.com/wp-content/uploads/2019/03/cover-mobile-new.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
    width:100%;
  }
  #vv-cover .vv-cover-text{
    left:0;
    top:12%;
    text-align:center;
  }
  #vv-cover .vv-cover-text h3{
    font-size:28px;
  }
  .vv-steps-slider .avia-content-slider-inner{
    width:100%;
  }
  .vv-steps-slider .avia-smallarrow-slider-heading{
    width:100% !important;
    position: relative;
    top:0;
    left:0;
  }
  #top .avia-content-slider-element-container .avia-slideshow-dots{
    height:auto;
  }
  .vv-steps-slider .avia-smallarrow-slider-heading .new-special-heading h3{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
  }
  .responsive #top .avia-slideshow-controls a{
    display: block;
  }
  #vv-steps .avia-content-slider-inner:before{

    width:250px;
    height:250px;

  }



  .vv-careers-header h2, .vv-template-header h2{
    font-size: 50px;
    line-height: 56px;
    text-align:center;
  }
  .vv-careers-header p {
    font-size: 21px;
    line-height: 28px;
    text-align: center;
  }
  .vv-careers-listing-labels {
    margin-top: 20px;
  }
	.vv-careers-listing-detail .avia-button, .vv-careers-listing-button{
		font-size: 14px;
	}
	#vv-careers-filter, .vv-careers-select{
		display:block;
	}
	.vv-careers-select{
		margin-top:10px;
	}
	.vv-careers-select-label{
		position:relative;
		top:0;
	}
  .vv-careers-listing-labels .av_one_third, .vv-careers-listing-item  .av_one_third{
    width: 33% !important;
  }
  .vv-careers-listing-labels h3, .vv-careers-listing-item h3{
    font-size: 13px;
  }
  .vv-careers-listing-detail p{
    font-size:14px;
  }
  .vv-careers-listing-detail .avia-button{
    margin-left: 0px;
    font-size: 13px;
  }
  .vv-careers-listing-item-arrow{
    width: 15px;
    top:30px;
  }

  #slider-section, #vv-mobility, #vv-tech{
    background-image:none !important;
  }
}

/* remove border from shortcode language selector */
.wpml-ls-legacy-list-horizontal{border:0px solid transparent !important;}


/* SLICK -------------------------------------------------*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    /*overflow: hidden;*/

    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;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    /*top: 50%;*/

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
/*    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-prev, .slick-next{
    position: absolute;
    top: 4%;
    width: 30px;
    height: 90.7%;
    z-index: 10000;
    cursor:pointer;
}
.slick-prev svg, .slick-next svg{
  display: inline-block;
  position: absolute;
  top:calc(50% - 16px);
  left:calc(50% - 3px);
  -webkit-transform:scale(2);
  -webkit-transform-origin: center center;
  transform:scale(2);
 transform-origin: center center;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled{
  display: none !important;
}

.slick-next{
  left:auto;
}




/* -- menu button -- */
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li.av-menu-button-colored > a .avia-menu-text {
 color: #fff;
}