.ftb{ font-weight:bold;}
.italic{ font-style:italic;}
.alr{ text-align:right;}
.textd{text-decoration:underline;}
.textl{text-decoration:line-through;}
.note_style{border-radius: 5px;padding: 20px;margin-top: 50px !important;font-size: 16px;line-height: 1.75;font-style: italic;position: relative;border: 1px solid #eee; overflow:inherit !important;}
.note_style:before {content: "Note";background: #78da6d url(https://www.ioforth.com/img/note_icon.png) 12px 3px no-repeat;width: 50px;height: 26px;padding-left: 36px;border-radius: 5px 5px 0 0;position: absolute;top: -26px;left: 20px;color: #fff;}
.green_border{ margin:20px 0; padding:10px 20px 10px 70px; min-height: 64px; border: 1px dashed #5ac2a9; background: url(https://www.ioforth.com/img/tips_icon.png) 10px center no-repeat;}
.green_border p{ line-height: 1.5; word-wrap: break-word; margin-bottom: 0 !important;}
.step_style{padding: 5px 10px;margin-right: 10px;display: inline-block;background-color: #e8e8e8; border: none;}

.alignright{ float: right; margin:0 0 0 10px;}
.alignleft{ float: left; margin: 0 10px 0 0;}
.aligncenter { margin: 0 auto; display: block; text-align: center;}

.guides-banner {
  background: linear-gradient(180deg, #F7F7F8 0%, #F4F5F8 100%);
}

.guides-container {
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
}

.guides-banner::after {
  content: "";
  height: 72px;
  width: 100%;
  display: block;
  background: #fff url("https://www.pdfgear.com/img/guides-bg-de.png") no-repeat top center;
  position: fixed;
  top: 0;
  opacity: 0;
  transition: all .3s ease;
  z-index: 1;
}

.guides-banner .guides-container {
    position: relative;
}

.guides-banner.active::after {
  opacity: 1;
}

.guides-banner.active .guides-intro {
  position: fixed;
  top: 22px; 
  height: auto;
  z-index: 2;
}
.guides-banner.active .guides-intro p strong {
  color: #000;
  line-height: 1;
  transition: all .3s ease;
  font-size: 24px;
}

.guides-banner.active .guides-search {
  position: fixed;
  width: 200px;
  z-index: 999;
}

.guides-banner.active .guides-search p {
  height: 36px;
  border-radius: 30px;
}

.guides-banner.active .guides-search p input {
  width: 100px;
}

.guides-intro {
    /* width: 520px; */ max-width: 920px; text-align: center; margin: auto; padding: 40px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: initial;
    top: 220px;
    transition: all .2s ease;
}

.guides-intro p strong {
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
}

.guides-intro p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%; color: #000;
}


.guides-tabs {
  background: #F4F5F8;
  /* display: none; */
}

.guides-tabs ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.guides-tabs li {
  width: 200px;
  height: 42px;
  line-height: 42px; border-radius: 12px 12px 0 0;
  text-align: center;
  flex-shrink: 0;
}

.guides-tabs li.active {
  background: #fff; position: relative;
}
.guides-tabs li.active::before{
  content: ""; position: absolute; width: 12px; height: 12px; bottom: 0; left: -12px; background: url(https://www.pdfgear.com/img/guide-intersect.svg) center no-repeat; transform: scaleX(-1);
}
.guides-tabs li.active::after{
  content: ""; position: absolute; width: 12px; height: 12px; bottom: 0; right: -12px; background: url(https://www.pdfgear.com/img/guide-intersect.svg) center no-repeat;
}

.guides-tabs li.active a{
  color: #1E76E3;
}

.guides-tabs li a {
  display: flex;
  line-height: 42px;
  font-size: 16px;
  color: #000;
  align-items: center;
  justify-content: center;
}

.guides-tabs li a::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-inline-end: 5px;
  background-position: center; background-repeat: no-repeat; background-size: cover;
}

.guides-tabs li.mac a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-os.svg);
}

.guides-tabs li.ios a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-ios.svg);
}

.guides-tabs li.win a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-win.svg);
}

.guides-tabs li.active.mac a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-os-active.svg);
}

.guides-tabs li.active.ios a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-ios-active.svg);
}

.guides-tabs li.active.win a::before {
  background-image: url(https://www.pdfgear.com/img/guide-platform-win-active.svg);
}

.guides-main {
    position: relative;
    /* top: -60px; */
}

.guides-main .guides-container {
  display: flex;
  padding: 40px 0 100px;
  height: auto; max-width: 1100px;
}

.guides-main .guides-sidebar {
  flex-shrink: 0;
  width: 260px;
  box-sizing: border-box;
}

.guides-main .guides-sidebar-cont{
  position: sticky; top: 60px; height: calc(100vh - 60px);
}

.guides-main .guides-sidebar h2{
  padding-left: 10px; font-size: 20px; font-weight: 700; color: #000; line-height: 40px; margin-bottom: 20px;
}
html[lang=de-DE] .guides-main .guides-sidebar h2, html[lang=es-ES] .guides-main .guides-sidebar h2, html[lang=pt-PT] .guides-main .guides-sidebar h2{
  font-size: 18px;
}
html[lang=fr-FR] .guides-main .guides-sidebar h2, html[lang=it-IT] .guides-main .guides-sidebar h2{
  font-size: 16px;
}

.guides-main .guides-sidebar li{
  margin-top: 8px;
}
.guides-main .guides-sidebar li h3 {
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  color: #000; border-radius: 4px;
}

.guides-main .guides-sidebar li h3::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  background: url("https://www.pdfgear.com/img/guides-tab-arrow.svg") no-repeat left center;
  transition: all .3s ease;
  transform: rotateZ(0);
}

.guides-main .guides-sidebar li.active h3::before {
  transform: rotateZ(180deg);
}
.guides-main .guides-sidebar .small-font h3{
  font-size: 16px;
}
.guides-main .guides-sidebar h3 {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  
}

.guides-main .guides-sidebar li .guides-sidebar-links {
  display: none;
}

/* .guides-main .guides-sidebar li.active .guides-sidebar-links {
  display: block;
} */
.guides-main .small-font .guides-sidebar-links a{
  font-size: 14px;
}
.guides-main .guides-sidebar-links a {
  color: #333;
  font-size: 16px;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  padding-left: 24px;
  transition: all .3s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; position: relative;
}

.guides-main .guides-sidebar-links a::before{
  content: ""; position: absolute; width: 6px; height: 6px; left: 10px; top: 50%; background: #1E76E3; border-radius: 50%; transform: translateY(-50%);
}

@media screen and (min-width: 1061px) {
  .guides-main .guides-sidebar-links a.active, .guides-main .guides-sidebar li.active h3, .guides-main .guides-sidebar-links a:hover, .guides-main .guides-sidebar li h3:hover, .guides-main .guides-sidebar p a:hover{
    background: #F5F5F5;
  }
}

/* .guides-main .guides-sidebar-links a.active::before, .guides-main .guides-sidebar-links a:hover::before {
  background: #1E76E3;
} */

.guides-main .guides-sidebar ul{
  margin-bottom: 20px; border-right: 1px solid #d3d3d3; height: calc(100vh - 280px); overflow-y: auto;
}

.guides-main .guides-sidebar ul::-webkit-scrollbar {
  width: 4px; height: 4px;
}
.guides-main .guides-sidebar ul::-webkit-scrollbar-thumb{
  background: #a8a8a8; border-radius: 3px;
}

.guides-main .guides-sidebar p{
  margin-top: 16px;
}
.guides-main .guides-sidebar p a{
  font-size: 18px; font-weight: 700; color: #000; margin-top: 2px; display: inline-block; line-height: 40px; padding: 0 10px; border-radius: 4px;
}
.guides-main .guides-sidebar-btn{
  margin-top: 24px;
}
.guides-main .pdfgear-links{
  display: block;
}
.guides-main .guides-sidebar-btn .pdfgear-platforms{
  display: none;
}
.guides-main .guides-sidebar-btn .pdfgear-desktop-btn{
  display: block; width: 224px; padding: 0;
}

.guides-main .guides-sidebar-links br{
  display: none;
}
.guides-main .guides-sidebar-menu{
  display: none; position: fixed; left: 0; bottom: 10%; width: 64px; height: 64px; background: #fff; border-radius: 0 12px 12px 0; box-shadow: 4px 4px 20.7px 0px #00000033; cursor: pointer; z-index: 39;
}
.guides-main .guides-sidebar-menu::before{
  content: ""; display: block; width: 40px; height: 40px; background: url(https://www.pdfgear.com/img/icon-aside-menu.svg) center no-repeat; background-size: cover; margin: 12px;
}

.wp-caption{width: auto !important;}

.guides-main .guides-content {
  padding: 0 0 0 108px;
  flex: 1;
}

.guides-main .guides-content ul {
  padding-left: 30px; margin-top: 20px; margin-bottom: 10px;
}

.guides-main .guides-content li {
  list-style-type: disc; font-size: 16px; line-height: 250%;
}

.guides-main .guides-content li a {
  font-size: inherit; color: #1E76E3;
}

.guides-main .guides-content h1, 
.guides-main .guides-content h2,
.guides-main .guides-content h3 {
  line-height: 160%;
  color: #333;
  font-weight: 700;
}

.guides-main .guides-content h1 {
  font-size: 28px;
  margin-bottom: 36px;
}

.guides-main .guides-content h2 {
  font-size: 16px;
  margin: 36px 0 12px;
}

.guides-main .guides-content h3 {
  font-size: 16px;
  margin-bottom: 16px;
}

.guides-main .guides-content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  color: #000;
}
.guides-main .guides-content .wp-caption-text{
  font-size: 12px; color: #333; margin: 12px 0; line-height: 1.2;
}

.guides-main .guides-content p a {
  font-size: 16px; color: #1E76E3;
}

.guides-main .guides-content p strong {
  font-weight: 600;
  line-height: 160%;
}

.guides-main .guides-content img {
  max-width: 100%;
  height: auto; vertical-align: middle;
}

.guides-main .guides-content li { 
  font-size: 16px; 
}
.guides-main .guides-content em { 
  font-size: 16px; 
  font-style: italic;
}

.guides-main .guides-content .guides-menu{
  padding: 24px; border: 1px dashed #69829C; border-radius: 12px; margin-bottom: 20px;
}
.guides-main .guides-content .guides-menu h2{
  margin: auto; font-size: 20px; line-height: 1.5;
}
.guides-main .guides-content .guides-menu li{
  list-style: none; position: relative; line-height: 24px; margin-top: 16px;
}
.guides-main .guides-content .guides-menu li b{
  margin-right: 8px; color: #1E76E3;
}
.guides-main .guides-content .guides-menu li a{
  font-size: 16px; color: #000;
}
.guides-main .guides-content .guides-menu li a:hover{
  color: #1E76E3; border-bottom: 1px solid #1E76E3;
}

.guides-main .guides-links{
  display: none;
}
.guides-main .guides-links ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 0 !important;
}

.guides-main .guides-links li {
  width: 24%;
  height: 82px;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 11px;
  box-sizing: border-box;
  transition: all .3s ease;
  list-style-type: none !important;
}

.guides-main .guides-links li a {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  color: #151515;
  height: 100%;
  font-size: 16px;
  box-sizing: border-box;
  padding-left: 20px;
}

.guides-main .guides-links li img {
  margin-right: 10px;
}

.guides-main .guides-links li:hover {
  background: linear-gradient(266.83deg, #FFF1F1 0%, #FFFEFC 93.58%);
  border: 1px solid #FF9898;
}

.guides-search {
  width: 348px;
  position: fixed;
  transition: all .3s ease;
  opacity: 0;  display: none;
}

.guides-search p {
  height: 49px;
  background: #fff;
  border: 1px solid #D7D7D7;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 10px 0 28px;
}

.guides-search p.active {
  border: 1px solid #000;
}

.guides-search p input {
  border: 0 none;
  background: none;
  flex: 1;
  font-size: 16px;
}

.guides-search p button {
  border: 0 none;
  background: none;
}
.guides-search p button img {
  width: 17px;
  height: 17px;
  cursor: pointer;
}

.guides-table table {
  border: #e5e5e5 1px solid;
  overflow: hidden;
  margin-bottom: 30px; max-width: 800px; width: 100%;
}

.guides-table table td {
  padding: 12px 15px;
  border-right: #e5e5e5 1px solid;
  border-bottom: #e5e5e5 1px solid;
  font-size: 14px;
  line-height: 160%;
  color: #000;
}

.guides-table table td:first-child {
  background-color: #F2F3F4;
}

.guides-table table tr:last-child td {
  border-bottom: none;
}

.guides-table table td:last-child {
  border-right: none;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  transition: all .3s ease;
}
.overlay.active {
  opacity: 1;
  z-index: 9999;
}
.google-search {
  width: 68vw;
  height: 80vh;
  position: fixed;
  top: 10vh;
  left: 16vw;
  opacity: 0;
  z-index: -1;
  transition: all .3s ease;
  background-color: #fff;
  border-radius: 10px;
  padding: 6px 6px 6px 0;
  box-sizing: border-box;
}
.google-search.active {
  opacity: 1;
  z-index: 10000;
}

.google-search-close {
  position: absolute;
  right: -40px;
  top: -40px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url("https://www.pdfgear.com/img/crop-pdf/close.svg") no-repeat;
  background-size: 30px 30px;
}

.play-video{
  position: relative; cursor: pointer; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center;
}
.guides-main .guides-content .play-video img{
  border-radius: 16px; filter: brightness(85%);
}
.play-video::after{
  content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 71px; height: 50px; background: url("https://www.pdfgear.com/img/play-button.png") center no-repeat; background-size: contain; transition: .2s;
}
.play-video:hover:after{
  transform: scale(1.1);
}

.slideshow_video{z-index: 111;}
.slideshow_video_bg{background: rgba(0,0,0,0.8);}
.slideshow_video_iframe{background: none; width: 90%; height: 90%; max-height: unset; padding: 0; }
.slideshow_video_body{border: none; padding: 0; height: 100%; }
.slideshow_close_top{right: 20px; top: 20px; color: #ddd; font-size: 30px; width: 40px; line-height: 34px; height: 40px; text-align: center; border-radius: 50%; background: #000; z-index: 12;}
.slideshow_close_top:hover{color: #ddd;}

@media screen and (max-width: 1200px) {
  .guides-main .guides-links li{ 
    width: 49%; 
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1060px) {
  .guides-intro p{
    max-width: 670px; margin: auto; font-size: 16px;
  }
  .guides-intro p strong{
    font-size: 28px;
  }
  .guides-banner .guides-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
  }
  .guides-banner .guides-intro {
    height: auto;
    width: 100%;
    text-align: center; padding: 60px 0;
  }
  .guides-banner .guides-search {
    position: initial !important;
  }
  .guides-main .guides-sidebar{
     position: fixed; z-index: 111; transform: translateX(-100%); left: 0; top: 0; width: 100%; height: 100%; transition: transform .3s ease-in-out;
  }
  .guides-main .guides-sidebar.guides-sidebar-showmo{
    transform: translateX(0); background: #00000066; transition: background-color .3s ease-in-out;
  }
  .guides-main .guides-sidebar-cont{
    background: #fff; max-width: 440px; position: static; height: 100%; transform: translateX(-100%); transition: .3s ease-in-out; box-sizing: border-box; padding: 30px 0 30px 30px;
  }
  .guides-main .guides-sidebar.guides-sidebar-showmo .guides-sidebar-cont{
    transform: none;
  }
  .guides-main .guides-sidebar-btn .pdfgear-desktop-btn{
    width: 227px; height: 40px; line-height: 40px; font-size: 16px;
  }
  .guides-main .guides-sidebar-menu{
    display: block;
  }
  .guides-main .guides-sidebar ul{
    height: auto; max-height: calc(100vh - 246px);
  }
  .guides-main .guides-sidebar li{
    margin-top: auto;
  }
  .guides-main .guides-sidebar h2{
    line-height: 44px;
  }
  .guides-main .guides-sidebar h3{
    height: 44px; line-height: 44px;
  }
  .guides-main .guides-sidebar li h3::before{
    right: 34px;
  }
  .guides-main .guides-sidebar-links a{
    margin-top: auto; height: 44px; line-height: 44px;
  }
  .guides-main .guides-sidebar p a{
    line-height: 42px;
  }
  .guides-main .guides-container{padding-top: 60px;}
  .guides-main .guides-content{
    padding: 0;
  }
  .guides-main .guides-content h1{
    font-size: 24px; margin-bottom: 20px;
  }
  .guides-main .guides-content .guides-menu{
    padding: 20px; margin-bottom: 24px;
  }
  .guides-main .guides-content .guides-menu h2{
    font-size: 18px;
  }
  .guides-main .guides-content .guides-menu li{
    margin-top: 20px  ;
  }
  .guides-main .guides-content h2{
    margin-top: 24px;
  }
  .guides-main .guides-content p{
    margin-bottom: 12px; font-size: 14px;
  }

  .guides-tabs ul{
    justify-content: space-evenly;
  }
  .guides-tabs li{
    width: 160px; height: 46px; line-height: 46px;
  }
  .guides-tabs li a{
    font-size: 16px; line-height: 46px;
  }
  .wp-caption{
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  
}

.wp-caption-text {
  text-align: center;
}

@media screen and (max-width: 568px) {
  .guides-banner .guides-intro{
    padding-bottom: 40px;
  }
  .guides-main .guides-container{
    padding-top: 48px;
  }
  .guides-tabs li{
    width: auto; padding: 0 20px; height: 44px; line-height: 44px;
  }
  .guides-tabs li.active a{
    width: auto; height: 44px;
  }
  .guides-tabs li a{
    /*width: 20px;*/ font-size: 14px; overflow: hidden; display: inline-block; white-space: nowrap;
  }
  .guides-tabs li a::before{
    display: inline-block; vertical-align: sub;
  }
  .guides-main .guides-content h1{
    font-size: 20px; margin-bottom: 24px;
  }
  .guides-main .guides-sidebar-cont{
    max-width: 292px; padding: 0 0 0 6px;
  }
  .guides-main .guides-sidebar h2{
    font-size: 18px; line-height: 40px; margin-bottom: 14.5px;
  }
  .guides-main .guides-sidebar ul{
    max-height: calc(100vh - 210px);
  }
  .guides-main .guides-sidebar li h3{
    font-size: 16px;
  }
  .guides-main .guides-sidebar li h3::before{
    right: 28px;
  }
  .guides-main .guides-sidebar-links a{
    font-size: 14px; padding-left: 20px;
  }
  .guides-main .guides-sidebar p{
    margin-top: auto;
  }  
  .guides-main .guides-sidebar-btn .pdfgear-desktop-btn{
    width: 208px;
  }
}
@media screen and (max-width: 376px) {
  .guides-main .guides-sidebar-menu{
    width: 44px; height: 44px;
  }
  .guides-main .guides-sidebar-menu::before{
    margin: 8px; width: 28px; height: 28px;
  }
  .guides-tabs li{padding: 0 10px;}
  .guides-tabs li a{font-size: 12px;}
  .guides-tabs li a::before{width: 16px; height: 16px;}
}
@media screen and (max-width: 350px) {
  .guides-main .guides-sidebar-cont{
    max-width: 260px;
  }
}