#bannerbox-index img {
  width: 100%; }

@media (max-width: 599px) {
  #bannerbox-index .flexslider .slides {
    overflow: hidden;
    margin: 0 0 1em 0; } }
#bannerbox-index .flexslider .slides li > div {
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

#bannerbox-index .flexslider .slides li > div img {
  width: 100%; }

#bannerbox-index .flexslider .slides li > div > div {
  position: absolute;
  overflow: hidden; }

#bannerbox-index .flexslider .slides li > div > div a {
  display: block !important;
  width: 100%;
  height: 100%;
  cursor: pointer; }

@media (max-width: 599px) {
  #bannerbox-index .flexslider .slides #sld_img1 {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Engineering_Software_s.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_DEPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/DEPRO-s.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CWPRO_6 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CWPRO_New_Release-s.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_CEMLab {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMLab-s.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_TMPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/TMPRO-450-s.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Cementing_Book {
    background-image: url("https://www.pvisoftware.com/images/Slider/New_Cementing_Book-s.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Drilling_Problems {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Problems_White_Paper-s.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MudManager_201 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MudManager_201_Released-s.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CEMPRO_570 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMPRO_570_Released-s.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MUDPRO_403 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MUDPRO+_403_Released-s.png"); }
	
 }
@media (min-width: 599px) and (max-width: 799px) {
  #bannerbox-index .flexslider .slides #sld_img1 {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Engineering_Software_m.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_DEPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/DEPRO-m.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CWPRO_6 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CWPRO_New_Release-m.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_CEMLab {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMLab-m.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_TMPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/TMPRO-450-m.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Cementing_Book {
    background-image: url("https://www.pvisoftware.com/images/Slider/New_Cementing_Book-m.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Drilling_Problems {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Problems_White_Paper-m.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MudManager_201 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MudManager_201_Released-m.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CEMPRO_570 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMPRO_570_Released-m.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MUDPRO_403 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MUDPRO+_403_Released-m.png"); }
	
 }
@media (min-width: 799px) {
  #bannerbox-index .flexslider .slides #sld_img1 {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Engineering_Software.jpg"); }

	 #bannerbox-index .flexslider .slides #sld_img_DEPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/DEPRO.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CWPRO_6 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CWPRO_New_Release.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_CEMLab {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMLab.jpg"); }
	
	#bannerbox-index .flexslider .slides #sld_img_TMPRO {
    background-image: url("https://www.pvisoftware.com/images/Slider/TMPRO-450.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Cementing_Book {
    background-image: url("https://www.pvisoftware.com/images/Slider/New_Cementing_Book.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_Drilling_Problems {
    background-image: url("https://www.pvisoftware.com/images/Slider/Drilling_Problems_White_Paper.jpg"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MudManager_201 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MudManager_201_Released.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_CEMPRO_570 {
    background-image: url("https://www.pvisoftware.com/images/Slider/CEMPRO_570_Released.png"); }
	
  #bannerbox-index .flexslider .slides #sld_img_MUDPRO_403 {
    background-image: url("https://www.pvisoftware.com/images/Slider/MUDPRO+_403_Released.png"); }
	
 }
.hori_box_r {
  float: none;
  clear: both;
  overflow: hidden;
  padding: 0 3px 0 0; }
  .hori_box_r .hori_left {
    width: 88%;
    float: left; }
  .hori_box_r .hori_right {
    width: 10%;
    float: right; }
  .hori_box_r img {
    margin: 2px 5px 2px 2px;
    display: block; }

.hr_seperater {
  margin: 1em 0 1em 0;
  color: #b2b2b2;
  background-color: #b2b2b2;
  border-top: 1px solid #b2b2b2;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.fullImg {
  width: 100%;
  display: block;
  float: none;
  clear: both; }

strong {
  font-weight: bold; }

.btn_wrap {
  margin: 0.5em 0 1em 0; }
  .btn_wrap a {
    padding: 0.1em 0.5em 0.1em 0.5em; }

.clearboth {
  float: none;
  clear: both; }

hr.clearboth {
  padding: 0;
  margin: 0;
  display: block;
  height: 1px;
  background-color: #f2f2f2;
  border: 0; }

.clearboth_tall {
  float: none;
  clear: both;
  margin: 0.6em 0 0.5em 0;
  position: relative; }

hr.clearboth_tall {
  border: 0;
  height: 1px;
  background: #cccccc;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #cccccc), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #cccccc, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #cccccc, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #cccccc, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #cccccc, rgba(0, 0, 0, 0)); }

.pvi_list, .pvi_t_list {
  position: relative; }
  .pvi_list li, .pvi_t_list li {
    overflow: hidden;
    display: block; }
  .pvi_list li:before, .pvi_t_list li:before {
    float: left;
    vertical-align: text-bottom; }

.pvi_list {
  margin: 0;
  padding: 0; }
  .pvi_list li {
    padding: 0.1em 0 0.1em 1.2em; }
  .pvi_list li:before {
    padding-top: 0.2em;
    padding-right: 0em;
    margin-left: -1.5em; }

.pvi_t_list {
  margin: 0.5em 0 0.5em 0em;
  padding: 0; }
  .pvi_t_list li {
    padding: 0em 0 0em 1.5em; }
  .pvi_t_list li:before {
    padding-top: 0.75em;
    padding-right: 0.5em;
    margin-left: -2em; }

.pdf_list li {
  float: none;
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding: 0.5em 0 0.5em 0; }
  .pdf_list li > small {
    padding: 0 2em 0 1em;
    overflow: hidden;
    display: block;
    float: right; }
    .pdf_list li > small a {
      color: #158dbf; }

.video_list > li {
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #eee;
  float: none;
  clear: both;
  overflow: hidden; }

.grey_title {
  color: #666666 !important;
  font-weight: normal !important;
  display: block;
  padding: 1.0em 0 0 0em; }

@media (min-width: 599px) {
  .desk_show {
    display: inline-block;
    *display: inline; } }
@media (max-width: 599px) {
  .desk_show {
    display: none; } }

@media (min-width: 599px) {
  .mobile_show {
    display: none; } }
@media (max-width: 599px) {
  .mobile_show {
    display: inline-block;
    *display: inline; } }

.cuteboxwrap {
  padding: 1em 0 1em 0;
  float: none;
  clear: both; }
  .cuteboxwrap > a {
    display: block;
    width: 26em;
    float: left;
    padding: 0 0 0 0em; }

.home_hr {
  margin: 0 0 0 0;
  z-index: 3;
  color: white;
  background-color: white;
  border-bottom: 1px solid #b2b2b2;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white; }

.page_flip {
  width: 100%;
  display: block;
  float: none;
  clear: both;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0; }
  .page_flip > a {
    font-weight: bold; }
  .page_flip .pre_page {
    float: left; }
  .page_flip .next_page {
    float: right; }

.connect_pvi_box {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0em; }
  .connect_pvi_box > h3 {
    color: #666666; }
  .connect_pvi_box ul {
    padding: 0.5em 0 1em 0em !important;
    margin: 0 !important;
    float: none;
    clear: both;
    background-color: #f3f9fc;
    overflow: hidden; }
    @media (min-width: 799px) {
      .connect_pvi_box ul {
        width: 60%; } }
    @media (max-width: 799px) {
      .connect_pvi_box ul {
        width: 90%; } }
    .connect_pvi_box ul li {
      padding: 0.5em 0 0 0; }
    .connect_pvi_box ul .media_pic > a {
      margin: 0 2% 0 0;
      width: 3em;
      display: block;
      overflow: hidden;
      float: left; }
      .connect_pvi_box ul .media_pic > a img {
        display: block;
        width: 100%; }

.breadcrumb {
  display: block;
  width: 100%;
  float: none;
  clear: both;
  padding: 0em 0 0.5em 2%;
  font-size: small; }
  .breadcrumb span.active {
    color: #7f7f7f; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

@font-face {
  font-family: 'icomoon';
  src: url("../stylesheets/fonts/icomoon.eot?-4u2dir");
  src: url("../stylesheets/fonts/icomoon.eot?#iefix-4u2dir") format("embedded-opentype"), url("../stylesheets/fonts/icomoon.woff?-4u2dir") format("woff"), url("../stylesheets/fonts/icomoon.ttf?-4u2dir") format("truetype"), url("../stylesheets/fonts/icomoon.svg?-4u2dir#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides div a {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  background: white;
  border: 0px solid #fff;
  position: relative; }
  @media (min-width: 599px) {
    .flexslider {
      margin: 0 0 0px; } }
  @media (max-width: 599px) {
    .flexslider {
      margin: 0 0 0.5em 0; } }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  position: absolute;
  top: 42%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  moz-transition: all .3s ease;
  transition: all .3s ease; }
  @media (min-width: 599px) {
    .flex-direction-nav a {
      width: 2em;
      height: 2em;
      margin: -20px 0 0; } }
  @media (max-width: 599px) {
    .flex-direction-nav a {
      display: none; } }

.flex-direction-nav a:before {
  display: inline-block;
  font-weight: bolder;
  color: white; }
  @media (min-width: 599px) {
    .flex-direction-nav a:before {
      font-size: 20px;
      font-size: 2rem; } }
  @media (max-width: 599px) {
    .flex-direction-nav a:before {
      font-size: 20px;
      font-size: 2rem; } }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: visible;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-size: 20px;
  display: inline-block; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-control-thumbs {
  bottom: -3em !important;
  z-index: 20; }

.flex-control-thumbs:hover {
  cursor: pointer; }

.flex-control-nav {
  width: 98%;
  position: absolute;
  overflow: visible; }
  @media (min-width: 599px) {
    .flex-control-nav {
      bottom: 2.5em;
      text-align: right; } }
  @media (max-width: 599px) {
    .flex-control-nav {
      bottom: -0.2em;
      text-align: center; } }

.flex-control-nav li {
  display: inline-block;
  zoom: 1;
  *display: inline; }
  @media (min-width: 599px) {
    .flex-control-nav li {
      margin: 0 6px; } }
  @media (max-width: 599px) {
    .flex-control-nav li {
      margin: 0.2em 3%; } }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #023249;
  background: rgba(2, 50, 73, 0.6);
  cursor: pointer;
  text-indent: 9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #023249;
  border: 1px solid rgba(2, 50, 73, 0.6); }

.flex-control-paging li a:hover {
  background: #fff;
  background: rgba(0, 101, 150, 0.2); }

.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
