/* FLEXBOX */
.ph .flex
{
  display: flex;
  margin: 0;
}
.ph .stretch
{
  align-items: stretch;
  padding: 0;
}
.ph .well
{
  height: 100%;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* HELPERS */
.ph .display_inline_block
{
  display: inline-block;
}
.ph .position_relative
{
  position: relative;
}
.ph .float-left
{
  float: left;
}
.ph .float-right
{
  float: right;
}
.ph .vertical-align-top
{
  vertical-align: top;
}
.ph .vertical-align-middle
{
  vertical-align: middle;
}


.ph .top-minus-1
{
  top: -1px;
}
.ph .top-minus-2
{
  top: -2px;
}


.ph .margin-top-bottom-16
{
  margin-top: 16px;
  margin-bottom: 16px;
}


.ph .margin-top-0
{
  margin-top: 0;
}
.ph .margin-top-100
{
  margin-top: 100px;
}
.ph .margin-top-120
{
  margin-top: 100px;
}

.ph .margin-bottom-16
{
  margin-bottom: 16px;
}
.ph .margin-bottom-34
{
  margin-bottom: 34px;
}
.ph .margin-bottom-80
{
  margin-bottom: 80px;
}
.ph .margin-bottom-100
{
  margin-bottom: 100px;
}
.ph .margin-bottom-120
{
  margin-bottom: 120px;
}
.ph .margin-bottom-140
{
  margin-bottom: 140px;
}


.ph .margin-top-minus-15
{
  margin-top: -15px;
}
.ph .margin-top-minus-15
{
  margin-top: -15px;
}
.ph .margin-top-minus-40
{
  margin-top: -40px;
}
.ph .margin-top-minus-60
{
  margin-top: -60px;
}
.margin-right-16
{
  margin-right: 16px;
}
.margin-left-right-6
{
  margin-left: 6px;
  margin-right: 6px;
}
.margin-left-right-15
{
  margin-left: 15px;
  margin-right: 15px;
}



/* FIXES */
.carousel-indicators li
{
    background: #dedede;
    border: solid #f6f6f6 4px;
}
.carousel-indicators li.active
{
    background: #dedede;
    border: solid #f6f6f6 3px;
}

/* GLOBAL */
.ph blockquote
{
  margin-bottom: 0;
  font-size: 34px;
  line-height: 38px;
  font-weight: 800;
  font-style: italic;
  border: none;
}


/* CUSTOM */
.ph .font-underline
{
  position: relative;
  border-bottom: solid 2px !important;
  margin-bottom: -2px;
  color: inherit;
  font-weight: inherit;
}
.ph .font-white .font-underline
{
  border-color: #fff !important;
}
.ph h1 .font-underline
{
  border-width: 3px !important;
}
.ph li .font-underline
{
  border-width: 1px !important;
}

.ph .vertical-center
{
  position: absolute !important;
  width: 100%;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  -moz-transform: translate(-50%,-50%) !important;
}



.ph .background_orange_triangles
{
  background: url(../images/global_2019/background_orange_triangles.jpg) center center no-repeat;
  background-size: cover;
}
.ph .background_purple_triangles
{
  background: url(../images/global_2019/background_purple_triangles.jpg) center center no-repeat;
  background-size: cover;
}
.ph .background_midgrey_triangles
{
  background: url(../images/global_2019/background_midgrey_triangles.jpg) center center no-repeat;
  background-size: cover;
}
.ph .background_darkgrey_triangles
{
  background: url(../images/global_2019/background_darkgrey_triangles.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: none;
}
.ph .background_blue_rectangles
{
  background: url(../images/global_2019/background_blue_rectangles.jpg) center center no-repeat;
  background-size: cover;
}
.ph .background_turquoise_circles
{
  background: url(../images/global_2019/background_turquoise_circles.jpg) center center no-repeat;
  background-size: cover;
}




.ph .home_header_banner
{
  background: url(../images/home_header_banner/home_header_banner_background.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.ph .home_header_banner .home_header_banner_right_container
{
  position: relative;
  padding: 20px 0 !important;
}
.ph .home_header_banner .home_header_banner_right,
.ph .home_header_banner .home_business_revolution_right
{
  width: 145%;
  padding-top: 145% !important;
  border-radius: 50% !important;
  background: url(../global/images/home_header_banner/home_header_banner_background_right.png) center center no-repeat;
  background-size: contain;
  margin-left: -45%;
  transform: translateX(-60px);
}
.ph .home_header_banner .home_business_revolution_right
{
  background: url(../global/images/home_header_banner/home_business_revolution_background.png) center center no-repeat;
}


.ph .background_enduser
{
  background: url(../global/images/home_header_banner/home_bu_background_enduser.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.ph .background_enterprise
{
  background: url(../global/images/home_header_banner/home_bu_background_enterprise.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.ph .background_developer
{
  background: url(../global/images/home_header_banner/home_bu_background_developer.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.ph ul.enduser
{
  color: #9f139f;
}
.ph ul.enterprise
{
  color: #3c56a6;
}
.ph ul.developer
{
  color: #00a69a;
}

.ph .header_icon_wrapper
{
  position: relative;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.ph .header_icon_wrapper:after
{
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}


.ph .header_icon
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  background: transparent center center no-repeat;
  background-size: contain;
}


.ph .header_icon.header_icon_do_more_with_documents
{
  background-image: url(../images/global_2019/header_icon_do_more_with_documents.png);
}
.ph .header_icon.header_icon_end_user_productivity
{
  background-image: url(../images/global_2019/header_icon_end_user_productivity.png);
}
.ph .header_icon.header_icon_paperless_office
{
  background-image: url(../images/global_2019/header_icon_paperless_office.png);
}
.ph .header_icon.header_icon_header_icon_designed_to_increase_end_user_productivity
{
  background-image: url(../images/global_2019/header_icon_designed_to_increase_end_user_productivity.png);
}
.ph .header_icon.header_icon_join_paperless_business_revolution
{
  background-image: url(../images/global_2019/header_icon_join_paperless_business_revolution.png);
}
.ph .header_icon.header_icon_about_foxit
{
  background-image: url(../images/global_2019/header_icon_about_foxit.png);
}

.ph .icon_medium
{
  margin: 0 auto;
  width: 114px;
  height: 114px;
  background: url('../images/css_sprite.png') no-repeat;
}
.ph .icon_medium.icon_medium_increase_productivity
{
  background-position: -456px -342px;
}
.ph .icon_medium.icon_medium_reduce_costs
{
  background-position: -570px -342px;
}
.ph .icon_medium.icon_medium_boost_satisfaction
{
  background-position: -456px -456px;
}
.ph .icon_medium.icon_medium_improve_security
{
  background-position: -570px -456px;
}
.ph .icon_medium.icon_medium_save_environment
{
  background-position: -456px -570px;
}

.ph .icon_large
{
  margin: 0 auto;
  width: 228px;
  height: 228px;
  background: url('../images/css_sprite.png') no-repeat;
}
.ph .icon_large.icon_large_save_environment
{
  background-position: -456px -570px;
}





/* VIDEO PLAYER */
.ph .video_player_container
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;

  border-top-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top: solid rgba(255,2555,255,0.14) 7px;
  border-left: solid rgba(255,2555,255,0.14) 6px;
  border-right: solid rgba(255,2555,255,0.14) 6px;
}
.ph .video_player_container .video_gallery_item_thumb,
.ph .video_player_container iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ph .video_player_container .video_gallery_item_thumb
{
  background-size: cover;
  background-position: center center;
}


/* VIDEO GALLERY */
.ph .video_gallery_container
{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom: solid rgba(255,2555,255,0.14) 7px;
  border-left: solid rgba(255,2555,255,0.14) 6px;
  border-right: solid rgba(255,2555,255,0.14) 6px;
}
.ph .video_gallery_container .video_gallery
{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width: 94%;
}
.ph .video_gallery_container > .video_gallery
{
  white-space: nowrap;
  font-size: 0;
}
.ph .video_gallery .video_gallery_item_container
{
  width: 27%;
  display: inline-block;
  background: #313131;
  margin: 0;
}
.ph .video_gallery .video_gallery_item_container:after
{
  content: "";
  display: table;
  clear: both;
}
.ph .video_gallery .video_gallery_item_container .video_gallery_item
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ph .video_gallery .video_gallery_item_container .video_gallery_item .video_gallery_item_thumb
{
  position: absolute;
  width: 102%;
  height: 102%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  transition: box-shadow .2s ease-out;
  -webkit-transition: box-shadow .2s ease-out;
  -moz-transition: box-shadow .2s ease-out;
}
.ph .video_gallery .video_gallery_item_container .video_gallery_item .video_gallery_item_thumb:hover
{
  z-index: 9999;
  box-shadow: 0px 0px 8px rgba(132,49,140,.5), 0px 0px 16px rgba(132,49,140,.5), 0px 0px 48px rgba(132,49,140,.5);
}




.ph .video_gallery_container .video_gallery_navigation
{
  position: absolute;
  top: 0;
  width: 4%;
  height: 100%;
  background: #fff;
  color: #82318d !important;
  cursor: pointer;
}
.ph .video_gallery_container .video_gallery_navigation.left
{
  left: 0;
}
.ph .video_gallery_container .video_gallery_navigation.right
{
  right: 0;
}
.ph .video_gallery_container .video_gallery_navigation .navigation_icon
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  font-size: 28px;
}


/* VIDEO GALLERY GRID */
.ph .video_gallery_grid
{
  padding: 0 60px;
  background: #721c6a url('../global/images/phantom-video-banner-2019/phantom-video-banner-2019.jpg') center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.ph .video_gallery_grid .video_gallery_grid_item
{
  position: relative;
  width: 100%;
}
.ph .video_gallery_grid .video_gallery_grid_item .video_gallery_grid_item_thumb
{
  width: 100%;
}




@media screen and (max-width: 768px){
  .ph h1
  {
    font-size: 58px;
  }
  .ph .home_header_banner
  {
    margin-left: -15px;
    margin-right: -15px;
  }
  .ph .flex
  {
    display: block;
  }
  .ph .home_header_banner_left_container
  {
    padding-bottom: 30%;
  }
  .ph .home_header_banner_left_container .vertical-center,
  .ph .carousel .vertical-center
  {
    position: static !important;
    width: 100%;
    padding: 40px 15px;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0,0) !important;
    -webkit-transform: translate(0,0) !important;
    -moz-transform: translate(0,0) !important;
  }
  .ph .home_header_banner .home_header_banner_right,
  .ph .home_header_banner .home_business_revolution_right
  {
    margin: -30% auto 0 auto;
    width: calc(100% - 60px);
    padding-top: 100% !important;
    transform: translateX(0);
  }
}
