body {
	font-weight: inherit!important;
	font-family: Arial, Helvetica, sans-serif!important;
}

#n2-ss-133-align, #n2-ss-121-align, #n2-ss-125-align, #n2-ss-127-align, #n2-ss-129-align, #n2-ss-123-align, #n2-ss-131-align, #n2-ss-249-align, #n2-ss-204-align {
display:none;
}

#n2-ss-197-align, #n2-ss-120-align, #n2-ss-124-align, #n2-ss-126-align, #n2-ss-132-align, #n2-ss-128-align, #n2-ss-122-align, #n2-ss-130-align, #n2-ss-247-align, #n2-ss-200-align     {
display:block;
}

@media only screen and (max-width :700px)   
{
#n2-ss-197-align, #n2-ss-120-align, #n2-ss-124-align, #n2-ss-126-align, #n2-ss-132-align, #n2-ss-128-align, #n2-ss-122-align, #n2-ss-130-align, #n2-ss-247-align, #n2-ss-200-align  {
display:none;
}

#n2-ss-133-align, #n2-ss-121-align, #n2-ss-125-align, #n2-ss-127-align, #n2-ss-129-align, #n2-ss-123-align, #n2-ss-131-align, #n2-ss-249-align, #n2-ss-204-align {
display:block;
}

}

/* Advanced Search Button Css */
.btn.btn-secondary.ads { background-color: #0072bc;}
#finder-search .fa-search::before       { display: none !important;}
#finder-search .fa-search-plus::before  { display: none !important;}
#finder-search .fa-search.icon-white    { display: none !important;}
#finder-search .btn, .button.subbutton, #sp_qc_submit { padding: 5px 35px !important; font-size: 16px !important; color: #fff !important; margin: 0 0 0 5px;}
#finder-search input[type="text"]{height: 42px !important;}
.finder #search-form { margin-top: 10px !important;}
.fas.fa-angle-double-left::before { content: "<<"!important;}
.fas.fa-angle-left::before        { content: "<"!important;}
.fas.fa-angle-double-right::before { content: ">>"!important;}
.fas.fa-angle-right::before        { content: ">"!important;}

@media only screen and (max-width :512px)   
{
#finder-search .btn, .button.subbutton, #sp_qc_submit { padding: 7px 10px !important; font-size: 13px !important; color: #fff !important;}
}

/* Advanced Search Button Css */

.chzn-container .chzn-results li { white-space: nowrap !important}
.mod-languages {
  background-image: url("//mopria.org/images/globe.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  padding: 0;
  margin: 60px 0 0 -12px; 
}

.btnSearchMLT {
  font-family: IcoMoon;
  background-color: black;
  border: 1px solid #000000;
  color: white;
  float: left;
  height: 34px;
  margin: 0 0px 0 0px;
  position: relative;
  top: 0px;
  width: 34px;
}


img.sp-default-logo {
    margin-top: 0px;
}

.nextend-thumbnail-inner div {
opacity:1!important;
}


.breadcrumb > li:nth-child(3) {
    pointer-events: none;
}

.breadcrumb > li:nth-child(3) a {
	color: #777 !important;
}



div#sp-breadcrumb {
    padding: 0px!important;
}

ol, ul {
    padding: 0 0 0 20px;
    font-size: 18px;
    line-height: 30px;
}

div#sp-sliderhuawei {
    padding: 0px;
	z-index:0;
}

  .space {
    height:100px;
  }

div#orgtext-t-full {
    width: 90%;
    margin: 0 auto;
}

#orgtext-t-full p {
color: #484848;
    font-family: Arial;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.windowstm {
padding: 0px 10px 0px 35px;
font-size: 11px;
}

.form-control {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
@font-face {
  font-family: 'IcoMoon';
  src: url('../fonts/IcoMoon.eot');
  src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none;
}
.visually-hidden.finder {
  display: none;
}
[class^="icon-"], [class*=" icon-"] {
  display: block;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  line-height: 14px;
  background-image: none;
}
.input-group {
  position: inherit;
  display: flex;
  border-collapse: separate;
}
dd > span[class^="icon-"] + time,
dd > span[class*=" icon-"] + time {
  margin-left: -0.25em;
}
dl.article-info dd.hits span[class^="icon-"],
dl.article-info dd.hits span[class*=" icon-"] {
  margin-right: 0;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal;
}
.icon-joomla:before {
  content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
  content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
  content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
  content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
  content: "\e008";
}
.icon-arrow-first:before {
  content: "\e003";
}
.icon-arrow-last:before {
  content: "\e004";
}
.icon-arrow-up-2:before {
  content: "\e009";
}
.icon-arrow-right-2:before {
  content: "\e00a";
}
.icon-arrow-down-2:before {
  content: "\e00b";
}
.icon-arrow-left-2:before {
  content: "\e00c";
}
.icon-arrow-up-3:before {
  content: "\e00f";
}
.icon-arrow-right-3:before {
  content: "\e010";
}
.icon-arrow-down-3:before {
  content: "\e011";
}
.icon-arrow-left-3:before {
  content: "\e012";
}
.icon-menu-2:before {
  content: "\e00e";
}
.icon-arrow-up-4:before {
  content: "\e201";
}
.icon-arrow-right-4:before {
  content: "\e202";
}
.icon-arrow-down-4:before {
  content: "\e203";
}
.icon-arrow-left-4:before {
  content: "\e204";
}
.icon-share:before,
.icon-redo:before {
  content: "\27";
}
.icon-undo:before {
  content: "\28";
}
.icon-forward-2:before {
  content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
  content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
  content: "\6c";
}
.icon-undo-2:before {
  content: "\e207";
}
.icon-move:before {
  content: "\7a";
}
.icon-expand:before {
  content: "\66";
}
.icon-contract:before {
  content: "\67";
}
.icon-expand-2:before {
  content: "\68";
}
.icon-contract-2:before {
  content: "\69";
}
.icon-play:before {
  content: "\e208";
}
.icon-pause:before {
  content: "\e209";
}
.icon-stop:before {
  content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
  content: "\7c";
}
.icon-next:before,
.icon-forward:before {
  content: "\7b";
}
.icon-first:before {
  content: "\7d";
}
.icon-last:before {
  content: "\e000";
}
.icon-play-circle:before {
  content: "\e00d";
}
.icon-pause-circle:before {
  content: "\e211";
}
.icon-stop-circle:before {
  content: "\e212";
}
.icon-backward-circle:before {
  content: "\e213";
}
.icon-forward-circle:before {
  content: "\e214";
}
.icon-loop:before {
  content: "\e001";
}
.icon-shuffle:before {
  content: "\e002";
}
.icon-search:before {
  content: "\53";
}
.icon-zoom-in:before {
  content: "\64";
}
.icon-zoom-out:before {
  content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b";
}
.icon-pencil-2:before {
  content: "\2c";
}
.icon-brush:before {
  content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
  content: "\5d";
}
.icon-ban-circle:before,
.icon-minus-sign:before,
.icon-minus-2:before {
  content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
  content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
  content: "\47";
}
.icon-new:before,
.icon-plus:before {
  content: "\2a";
}
.icon-plus-circle:before {
  content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
  content: "\4b";
}
.icon-minus-circle:before {
  content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
  content: "\4a";
}
.icon-cancel-circle:before {
  content: "\e217";
}
.icon-checkmark-2:before {
  content: "\e218";
}
.icon-checkmark-circle:before {
  content: "\e219";
}
.icon-info:before {
  content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
  content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
  content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
  content: "\e222";
}
.icon-notification:before {
  content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
  content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
  content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
  content: "\e225";
}
.icon-checkbox-unchecked:before {
  content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
  content: "\3e";
}
.icon-checkbox-partial:before {
  content: "\3f";
}
.icon-square:before {
  content: "\e226";
}
.icon-radio-unchecked:before {
  content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
  content: "\e228";
}
.icon-circle:before {
  content: "\e229";
}
.icon-signup:before {
  content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
  content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59";
}
.icon-menu:before {
  content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
  content: "\31";
}
.icon-list-2:before {
  content: "\e231";
}
.icon-menu-3:before {
  content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
  content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
  content: "\2e";
}
.icon-folder-plus:before {
  content: "\e234";
}
.icon-folder-minus:before {
  content: "\e235";
}
.icon-folder-3:before {
  content: "\e236";
}
.icon-folder-plus-2:before {
  content: "\e237";
}
.icon-folder-remove:before {
  content: "\e238";
}
.icon-file:before {
  content: "\e016";
}
.icon-file-2:before {
  content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
  content: "\29";
}
.icon-file-remove:before,
.icon-file-minus:before {
  content: "\e017";
}
.icon-file-check:before {
  content: "\e240";
}
.icon-file-remove:before {
  content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
  content: "\e018";
}
.icon-stack:before {
  content: "\e242";
}
.icon-tree:before {
  content: "\e243";
}
.icon-tree-2:before {
  content: "\e244";
}
.icon-paragraph-left:before {
  content: "\e246";
}
.icon-paragraph-center:before {
  content: "\e247";
}
.icon-paragraph-right:before {
  content: "\e248";
}
.icon-paragraph-justify:before {
  content: "\e249";
}
.icon-screen:before {
  content: "\e01c";
}
.icon-tablet:before {
  content: "\e01d";
}
.icon-mobile:before {
  content: "\e01e";
}
.icon-box-add:before {
  content: "\51";
}
.icon-box-remove:before {
  content: "\52";
}
.icon-download:before {
  content: "\e021";
}
.icon-upload:before {
  content: "\e022";
}
.icon-home:before {
  content: "\21";
}
.icon-home-2:before {
  content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
  content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
  content: "\e251";
}
.icon-link:before {
  content: "\e252";
}
.icon-picture:before,
.icon-image:before {
  content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
  content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
  content: "\e014";
}
.icon-camera:before {
  content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
  content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56";
}
.icon-music:before {
  content: "\57";
}
.icon-user:before {
  content: "\22";
}
.icon-users:before {
  content: "\e01f";
}
.icon-vcard:before {
  content: "\6d";
}
.icon-address:before {
  content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
  content: "\26";
}
.icon-enter:before {
  content: "\e257";
}
.icon-exit:before {
  content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
  content: "\24";
}
.icon-comments-2:before {
  content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
  content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
  content: "\e259";
}
.icon-phone:before {
  content: "\e260";
}
.icon-phone-2:before {
  content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
  content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
  content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
  content: "\50";
}
.icon-briefcase:before {
  content: "\e020";
}
.icon-tag:before {
  content: "\e262";
}
.icon-tag-2:before {
  content: "\e263";
}
.icon-tags:before {
  content: "\e264";
}
.icon-tags-2:before {
  content: "\e265";
}
.icon-options:before,
.icon-cog:before {
  content: "\38";
}
.icon-cogs:before {
  content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
  content: "\36";
}
.icon-wrench:before {
  content: "\3a";
}
.icon-equalizer:before {
  content: "\39";
}
.icon-dashboard:before {
  content: "\78";
}
.icon-switch:before {
  content: "\e266";
}
.icon-filter:before {
  content: "\54";
}
.icon-purge:before,
.icon-trash:before {
  content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23";
}
.icon-unlock:before {
  content: "\e267";
}
.icon-key:before {
  content: "\5f";
}
.icon-support:before {
  content: "\46";
}
.icon-database:before {
  content: "\62";
}
.icon-scissors:before {
  content: "\e268";
}
.icon-health:before {
  content: "\6a";
}
.icon-wand:before {
  content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
  content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
  content: "\e269";
}
.icon-clock:before {
  content: "\6e";
}
.icon-compass:before {
  content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
  content: "\e01b";
}
.icon-book:before {
  content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
  content: "\79";
}
.icon-print:before,
.icon-printer:before {
  content: "\e013";
}
.icon-feed:before {
  content: "\71";
}
.icon-calendar:before {
  content: "\43";
}
.icon-calendar-2:before {
  content: "\44";
}
.icon-calendar-3:before {
  content: "\e273";
}
.icon-pie:before {
  content: "\77";
}
.icon-bars:before {
  content: "\76";
}
.icon-chart:before {
  content: "\75";
}
.icon-power-cord:before {
  content: "\32";
}
.icon-cube:before {
  content: "\33";
}
.icon-puzzle:before {
  content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
  content: "\72";
}
.icon-lamp:before {
  content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
  content: "\73";
}
.icon-location:before {
  content: "\63";
}
.icon-shield:before {
  content: "\e274";
}
.icon-flag:before {
  content: "\35";
}
.icon-flag-3:before {
  content: "\e275";
}
.icon-bookmark:before {
  content: "\e023";
}
.icon-bookmark-2:before {
  content: "\e276";
}
.icon-heart:before {
  content: "\e277";
}
.icon-heart-2:before {
  content: "\e278";
}
.icon-thumbs-up:before {
  content: "\5b";
}
.icon-thumbs-down:before {
  content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
  content: "\40";
}
.icon-star-2:before {
  content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
  content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
  content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
  content: "\e280";
}
.icon-smiley-sad:before {
  content: "\e281";
}
.icon-smiley-sad-2:before {
  content: "\e282";
}
.icon-smiley-neutral:before {
  content: "\e283";
}
.icon-smiley-neutral-2:before {
  content: "\e284";
}
.icon-cart:before {
  content: "\e019";
}
.icon-basket:before {
  content: "\e01a";
}
.icon-credit:before {
  content: "\e286";
}
.icon-credit-2:before {
  content: "\e287";
}
.icon-expired:before {
  content: "\4b";
}



.mop-link-container > img { top: 30px !important;}




.sp-megamenu-wrapper {
    width: 100%;
    border: 0px solid #ff0000; 
    background: #3d3d3c;
    display: none;
}

.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 9;
  float: left;
}
.sp-megamenu-parent >li {
  display: inline-block;
  position: relative;
  padding: 0;
}
.sp-megamenu-parent >li.menu-justify {
  position: static;
}
.sp-megamenu-parent >li >a {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  margin: 0px 0;
  font-size: 13px;
  /*text-transform: uppercase;
  letter-spacing: 1px;*/
  color: #fff;

}

.sp-megamenu-parent >li >a:hover {
	background: #0072bc;
}

.sp-megamenu-parent >li.sp-has-child>a:after {
  font-family: "FontAwesome";
  content: " \f107"!important;
  /*display: inline-table;*/
  padding: 0 0 0 7px;
  position: relative;
}

.sp-megamenu >li.sp-menu-item>a:after {
	
}


.sp-megamenu-parent .sp-module {
  padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
  margin: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
  /*box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  padding: 10px;*/
  border:2px solid #ddd;
  border-top: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
  font-family: "FontAwesome";
  content: " \f105";
  float: right;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: 0;
  left: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
  display: block;
  padding: 10px;
  color: #333;
  cursor: pointer;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title {
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li.sp-menu-item a:hover {
  color: #333;
  background: #ececec!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
  color: #333;
}
.sp-megamenu-parent .sp-dropdown-mega >.row {
  margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega >.row:first-child {
  margin-top: 0;
}
.sp-megamenu-parent .sp-has-child:hover >.sp-dropdown {
  display: block;
}
.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuFadeIn 400ms;
  animation: spMenuFadeIn 400ms;
}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuZoom 400ms;
  animation: spMenuZoom 400ms;
}
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuFadeInUp 400ms;
  animation: spMenuFadeInUp 400ms;
}
#offcanvas-toggler {
  float: right;
  line-height: 90px;
}
#offcanvas-toggler >i {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 18px;
  background: transparent;
  margin: 5px 0 27px 0;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
#offcanvas-toggler >i:hover {
  color: #fff;
}
.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  color: #000;
  border: 2px solid #eee;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
}
.close-offcanvas:hover {
  background: #000;
  color: #fff;
}
.offcanvas-menu {
  width: 280px;
  height: 100%;
  background: #fff;
  color: #999;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 9999;
  overflow-y: scroll;
}
.offcanvas-menu .offcanvas-inner {
  padding: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  margin-top: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  border-bottom: 1px dotted #e8e8e8;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 4px 20px;
  white-space:nowrap;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
  background: #f5f5f5;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li >a:before {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
  margin-top: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
  margin: 0 -20px;
}
.offcanvas-menu .offcanvas-inner .search {
  margin-top: 25px;
}
.offcanvas-menu .offcanvas-inner .search input {
  width: 100%;
  border-radius: 0;
  border: 1px solid #eee;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.ltr .offcanvas-menu {
  -webkit-transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
  transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
}
.ltr .body-innerwrapper:after {
  right: 0;
}
.ltr .offcanvas-menu {
  right: -280px;
}
.ltr.offcanvas .offcanvas-menu {
  right: 0;
}
.body-innerwrapper:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  background: rgba(0,0,0,0.8);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  z-index: 999;
}
.offcanvas {
  width: 100%;
  height: 100%;
  position: relative;
}
.offcanvas .body-innerwrapper:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.offcanvas .offcanvas-menu {
  opacity: 1;
}
.menu .nav-child.small {
  font-size: inherit;
}
@-webkit-keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spMenuZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes spMenuZoom {
  0% {
    opacity: 0;
    transform: scale(.8);
    -webkit-transform: scale(.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
a {
  -webkit-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
body {
  line-height: 24px;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
label {
  font-weight: normal;
}
legend {
  padding-bottom: 10px;
}
img {
  /*display: block;*/
  max-width: 100%;
  height: auto;
}
.btn,
.sppb-btn {
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
}
.offline-inner {
  margin-top: 100px;
}
select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  max-width: 100%;
}
select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
select::-moz-placeholder, textarea::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=color]::-moz-placeholder, .uneditable-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder {
  color: #999;
}
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder {
  color: #999;
}
select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type=text][disabled], input[type=text][readonly], fieldset[disabled] input[type=text], input[type=password][disabled], input[type=password][readonly], fieldset[disabled] input[type=password], input[type=datetime][disabled], input[type=datetime][readonly], fieldset[disabled] input[type=datetime], input[type=datetime-local][disabled], input[type=datetime-local][readonly], fieldset[disabled] input[type=datetime-local], input[type=date][disabled], input[type=date][readonly], fieldset[disabled] input[type=date], input[type=month][disabled], input[type=month][readonly], fieldset[disabled] input[type=month], input[type=time][disabled], input[type=time][readonly], fieldset[disabled] input[type=time], input[type=week][disabled], input[type=week][readonly], fieldset[disabled] input[type=week], input[type=number][disabled], input[type=number][readonly], fieldset[disabled] input[type=number], input[type=email][disabled], input[type=email][readonly], fieldset[disabled] input[type=email], input[type=url][disabled], input[type=url][readonly], fieldset[disabled] input[type=url], input[type=search][disabled], input[type=search][readonly], fieldset[disabled] input[type=search], input[type=tel][disabled], input[type=tel][readonly], fieldset[disabled] input[type=tel], input[type=color][disabled], input[type=color][readonly], fieldset[disabled] input[type=color], .uneditable-input[disabled], .uneditable-input[readonly], fieldset[disabled] .uneditable-input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textareaselect, textareatextarea, textareainput[type=text], textareainput[type=password], textareainput[type=datetime], textareainput[type=datetime-local], textareainput[type=date], textareainput[type=month], textareainput[type=time], textareainput[type=week], textareainput[type=number], textareainput[type=email], textareainput[type=url], textareainput[type=search], textareainput[type=tel], textareainput[type=color], textarea.uneditable-input {
  height: auto;
}
.group-control select, .group-control textarea, .group-control input[type=text], .group-control input[type=password], .group-control input[type=datetime], .group-control input[type=datetime-local], .group-control input[type=date], .group-control input[type=month], .group-control input[type=time], .group-control input[type=week], .group-control input[type=number], .group-control input[type=email], .group-control input[type=url], .group-control input[type=search], .group-control input[type=tel], .group-control input[type=color], .group-control .uneditable-input {
  width: 100%;
}
#sp-top-bar {
  padding: 8px 0;
  background-color: #efefef!important;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 20px;
}
ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
}
ul.social-icons >li {
  display: inline-block;
  margin: 5px 7px;
}
ul.social-icons >li a {
  color: #999999;
}
.sp-module-content .mod-languages {
	margin-bottom:7px;
/*	border: 1px solid #d1d1d1; */
	border-radius: 4px;
}
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  padding: 0px 0px 0px 13px; /*0;*/
  width: 100%; /* Added 2016-10-26 by Malta */
}
.sp-module-content .mod-languages ul.lang-inline li {
  border: none;
  display: block; /*inline-block;*/
  margin: 7px 5px 7px -10px; /*0 5px 0 0;*/
}
.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 0 !important;
  font-size: 15px; /* Added 2016-10-26 by Malta */
}
.sp-module-content .mod-languages ul.lang-inline li >a:before {
  display: none;
}
.mod-languages .btn .caret {
    float: right;
    position: relative;
    top: 8px;
}
.sp-module-content .mod-languages ul.lang-inline li > a {
    padding-left: 10px !important;
}
.sp-module-content .mod-languages ul.lang-inline li:hover {
    background-color: #d1d1d1;
    border-radius: 7px;
    margin-bottom: 7px;
    margin-top: 7px;
}
.sp-contact-info {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0 10px;
  font-size: 90%;
}
.sp-contact-info li i {
  margin: 0 3px;
}
#sp-header {
  height: 105px;
  position: relative;
  z-index: 1;
}
#sp-header .logo {
  display: inline-block;
  height: 90px;
  display: table;
}
#sp-header .logo h1 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}
#sp-header .logo p {
  margin: 5px 0 0;
}
#sp-header .sp-retina-logo {
  display: none;
}
.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}

.nav li a {
    pointer-events: auto;
    cursor: pointer;
}




/* menu adjustment for "Print for Enterprise" */
/* Eng */
.nav li.item-490 a    { pointer-events: inherit; cursor: pointer!important; white-space: nowrap;}
.item-490 a::after    { display: none;}


.nav li.item-494 a    { pointer-events: inherit; cursor: pointer!important; }
.item-494 a::after    { display: none; }



/* jap */
.nav li.item-499 a    { pointer-events: inherit; cursor: pointer!important;}
.item-499 a::after    { display: none;}


/* Ger */
.nav li.item-493 a    { pointer-events: inherit; cursor: pointer!important;}
.item-493 a::after    { display: none;}


/* Spanish */
.nav li.item-496 a    { pointer-events: inherit; cursor: pointer!important;}
.item-496 a::after    { display: none;}


/* Chinese Simplified */
.nav li.item-500 a    { pointer-events: inherit; cursor: pointer!important;}
.item-500 a::after    { display: none;}


/* Chinese Traditional */
.nav li.item-501 a    { pointer-events: inherit; cursor: pointer!important;}
.item-501 a::after    { display: none;}

/* menu adjustment for "Print for Enterprise" */

/*.m_eng .nav li.item-170 a, .m_cn .nav li.item-260 a, .m_jap .nav li.item-267 a,
.m_sp .nav li.item-271 a, .m_ko .nav li.item-300 a, .m_tw .nav li.item-329 a,
.m_ger .nav li.item-361 a {
    pointer-events: inherit;
    cursor: pointer;
}*/

.nav li.item-170 a, .nav li.item-260 a, .nav li.item-267 a,
.nav li.item-271 a, .nav li.item-300 a, .nav li.item-329 a,
.nav li.item-361 a {
    pointer-events: inherit;
    cursor: pointer;
}

.sp-module.m_eng .nav li.item-170 a:after,
.sp-module.m_jap .nav li.item-267 a:after,
.sp-module.m_cn .nav li.item-260 a:after,
.sp-module.m_ko .nav li.item-300 a:after,
.sp-module.m_ger .nav li.item-361 a:after,
.sp-module.m_sp .nav li.item-271 a:after,
.sp-module.m_tw .nav li.item-329 a:after {
    content: inherit;
    display: none;
}


.nav li li a {
    pointer-events:inherit; 
    cursor: pointer;
}
.sp-column ._menu .menu > li > a::after {
	content: " \f107"!important;
	color: #fff!important;
}
.sp-social-share.clearfix {
	display: none;
}

#EmailSignUp {
	width: 70%;
	margin: 0 auto;
}

.btn.dropdown-toggle {
    font-size: inherit;
}

.item-624 ::after {
    display: none;
}
.item-604 a::after {
    display: none;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: -3px;
  right: 5px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.search form#searchForm {
    padding: 20px;
}

div#sp-slider {
    padding: 0;
  	z-index: 0;
}


/* GREENBOX CSS Started */
#green-box                           { padding: 15px; margin: 25px 0 0 0;}
#green-logosec                       { width: 150px; float: left; padding-top: 10px;}
#green-consec                        { width: 930px; float: left;}
#green-consec p                      { font-size: 18px; color: #333; margin: 0;}
#green-consec p a                    { color: #333; text-decoration: none;}
#green-consec p a:hover              { color: #000 !important; text-decoration: none;}
.mob-title                           { display: none;}
.desk-title                          { display: block;}
/* GREENBOX CSS Started */



/* huwai CSS Started */
#box-top                             { width:100%; margin:0; padding:0;}
#box-top-img                         { width:100%; margin:30px 0 0; padding:0; text-align:center;}
#box-top-txt                         { font-family: Arial,Helvetica; font-size:25px; font-weight: bold; line-height: normal; margin:45px 0 0; padding: 0; text-align: center; }
#box-top-txt a                       {font-size:25px;}

#box-top-txt-prt-anrd                { font-family: Arial,Helvetica; font-size:25px; font-weight: bold; line-height: normal!important; margin:25px 0 0; padding: 0; text-align: center; }


.clr                                 { clear: both; line-height: 0;}
#blk-titletopbox                     { background-color: #514f50; padding: 10px 0; text-align:center; }
#blk-boxtitletop                     { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 36px; padding: 0 0 0 15px; font-weight: bold;}

#huwai_main-wrapper{ margin: 0 auto; max-width: 100%; border: 2px solid #1d1d1d;}
#huwai_title_wrapper {height: auto; width: 100%; background-color: #1d1d1d; padding: 8px 0;}
#huwai_title {height: auto; width: 43%; margin-right: auto; margin-left: auto; color: #FF0000; font-size: 36px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 40px;}
.huwai-titlebox{display:block; float:right; width:70%; height: auto; margin-top: 9%;}
.huwai-imgbox{display:block; float:left; width:22%;}
#huwai-contentbox {height: auto;  margin: 0 auto; width: 95%;}
#huwai-contentbox-strip {height: auto; width: 100%; padding-bottom:3%; padding-top:6%;}
#huwai-lft-img {float: left; height: auto; width: 50%; text-align: center;}
#huwai-rght-text {float: right; height: auto; width:38%; margin:0 27px 0 0;}
.topmar          { margin:115px 38px 0 0 !important;}
#huwai-rght-img {float: right; height: auto; width: 50%;}
#huwai-lft-text {float: left; height: auto; width:39%; margin:0 0 0 50px; padding-top:8%;}
#huwai_main-wrapper h3 {font-family: Arial, Helvetica, sans-serif; font-size:30px; color: #484848; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
#huwai_main-wrapper p {color: #484848; font-size:22px; line-height:30px; margin-top: 8px; margin-bottom: 8px;}
#huwai_main-wrapper a {color: #EB0435; font-size: 22px; text-decoration: none;}
.huwai-divider{ width:100%; height:auto; display:block;}

/*huwai How to print started */
#blk-bor-box                         { margin:0 auto; padding:80px 60px; border:3px solid #000000;}
#img-right                           { width:45%; float:right; margin:0; padding:0;}
#img-right img                       { width:100%; margin:0; padding:0;}
#text-left                           { width:40%; float:left; margin:70px 0 0; padding:0;}
#blk-bor-box #text-left h1           { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#blk-bor-box #text-left p            { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}

#img-left                           { width:45%; float:left; margin:0; padding:0;}
#img-left img                       { width:100%; margin:0; padding:0;}
#text-right                         { width:45%; float:right; margin:0; padding:0;}
#blk-bor-box #text-right h1         { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#blk-bor-box #text-right p          { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}

#dividerbox                          { margin:0; padding:0; text-align:center;}
#dividerbox img                      { width:100%; height:auto; margin:85px 0; padding:0;}


#screenshotbox                       { margin:0; padding:0; text-align:center;}
#screenshotbox h2                    { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal; text-align:center;}
#screenshotbox p                     { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px; text-align:center;}
#screenshotbox p a                   { font-size:22px;}
#screenshotbox #screenbox            { width: 30.3%; display: inline-block; margin: 50px 14px; padding: 0;}
#screenshotbox #screenbox img        { width:100%; margin:0; padding:0;}
#screenshotbox #screenbox h3         { font-family:Arial,Helvetica; font-size:24px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:25px 0 15px; padding:0; line-height:normal; text-align:center;}
#sp-bottom { padding:0 !important; }



#screenshotbox #screenbox-sec2        { width:23.8%; display: inline-block; margin:50px 4px; padding: 0; vertical-align: top;}
#screenshotbox #screenbox-sec2 img    { width:100%; margin:0; padding:0;}
#screenshotbox #screenbox-sec2 h3     { font-family:Arial,Helvetica; font-size:22px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:25px 0 15px; padding:0; line-height:normal; text-align:center;}

/*App Uninstall */
#text-left-new                       { width:48%; float:left; margin:70px 0 0; padding:0;}
#blk-bor-box #text-left-new h1       { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#blk-bor-box #text-left-new p        { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}
#blk-bor-box #text-left-new p a        { font-size:22px;}
#img-right-new                       { width:45%; text-align:center; float:right; margin:0; padding:0;}
#img-right img                       { width:100%; margin:0; padding:0;}

#dividerbox-nospace                  { margin:0 0 70px; padding:0; text-align:center; line-height:0;}
#dividerbox-nospace img              { width:100%; height:auto; margin:0; padding:0;}

#screenshotbox h1                    { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}

#close-arrow                          { margin:0 0 50px; padding:0; text-align:center;}
/*App Uninstall */

/*FAQ box */
#blk-bor-nospace                      { border:3px solid #000; }
.accordion-heading-new                { padding:20px 10px 20px 35px; }
/*.faq-arrow                            { float: right; margin:5px 0 0; }*/
.faq-arrow                            { float: right; margin:5px 0 0; display: none; } /* Modified by Malta [2019-10-01] */
.accordion-inner-new                  { padding:0 35px 10px;}
.accordion-heading-new a              { color:#000000 !important; font-family:arial; font-size:22px !important; padding: 0 35px 0 0;}
#blk-bor-nospace hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
	margin:0;
}
#org-bor-nospace hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
	margin:0;
}
hr {
    box-sizing: content-box;
    height: 0;
}
.accordion-toggle.collapsed {
    background-image: url("//mopria.org/images/faq-arrow-open.png");
    background-position: right 9px;
    background-repeat: no-repeat;
}
.accordion-toggle{
    background-image: url("//mopria.org/images/faq-arrow-close.png");
    background-position: right 9px;
    background-repeat: no-repeat;
}
.no-img a { background-image:none!important; }
/*FAQ box */

/*huwai How to print Ended */


/*Amazon How to print started */

/* scroll to top arrow */
 #backtotop { bottom: 20px; left: auto; position: fixed; right: 20px; text-align: center; top: auto; z-index: 999999; cursor: pointer; }
 #backtop { bottom: 20px; left: auto; position: fixed; right: 20px; text-align: center; top: auto; z-index: 999999; cursor: pointer; } 
 #backtop.mcOut { opacity:0; }
 /* scroll to top arrow */


#org-bor-box                         { border: 3px solid #f35e32; margin: 0 auto; padding: 40px 17px;}

#org-txt-left-top                    { width:47%; float:left; margin:85px 0 0 50px; padding:0;}
#org-txt-left-top h1                 { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#org-txt-left-top p                 { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}
#orgtext-right-top1                  { width:45%; float:right; margin:0; padding:0;}
#orgtext-right-top1 img              { width:100%; margin:0; padding:0;}


#orgimg-left-mop-logo                { width:44%; float:left; margin:0 0 0 24px; text-align: center; padding:0;}
#orgimg-left-mop-logo img            { width:70%; margin:0; padding:0;}
#orgimg-right-mop-logo-txt           { width:47%; float:right; margin:65px 0 0 55px; padding:0;}
#orgimg-right-mop-logo-txt h1        { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#orgimg-right-mop-logo-txt p         { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}


#org-titletopbox                     { background-color:#f35e32; padding: 10px 0; text-align:center; }
#org-titletopbox                     { color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:36px; font-weight:bold; padding:15px;}
#org-bor-nospace                     { border:3px solid #f35e32; }

#orgtext-t-left                      { float: left; margin:40px 0 0 50px; padding: 0; width: 37%;}
#orgtext-t-left h1                   { color: #484848; font-family: Arial,Helvetica; font-size: 30px; font-style: normal; font-weight: bold; line-height: normal; margin: 0 0 10px; padding: 0; text-decoration: none; }
#orgtext-t-left p                    { color: #484848; font-family: Arial; font-size: 22px; font-style: normal; font-weight: normal; line-height: 30px; margin: 0; padding: 0; text-decoration: none;}
#orgimg-t-right                      { float: right; margin: 0; padding: 0; width: 45%; }
#orgimg-t-right img                  { margin: 0; padding: 0; width: 100%;}

#orgimg-left                         { width:45%; float:left; margin:0; padding:0;}
#orgimg-left img                     { width:100%; margin:0; padding:0;}
#orgtext-right-top                       { width:40%; float:right; margin:70px 60px 0 0; padding:0;}
#org-bor-box #orgtext-right-top h1       { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#org-bor-box #orgtext-right-top p        { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}

#org-txt-left                        { width:45%; float:left; margin:0 0 0 55px; padding:0;}
#org-txt-left h1                     { font-family:Arial,Helvetica; font-size:30px; color:#484848; font-style:normal; font-weight:bold; text-decoration:none; margin:0 0 10px; padding:0; line-height:normal;}
#org-txt-left p                      { font-family:Arial; font-size:22px; color:#484848; font-style:normal; font-weight:normal; text-decoration:none; margin:0; padding:0; line-height:30px;}
#orgtext-right                       { width:40%; float:right; margin:0; padding:0;}
#orgtext-right img                   { width:100%; margin:0; padding:0;}

/*Amazon How to print started */

.alert-link                          { color: #ffffff !important; text-decoration: underline !important;}
.alert-link:hover                    { text-decoration: none;}

/* ZTE CSS Start */

#blk-boxtitletop-zte { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 36px; padding: 0 0 0 15px; font-weight: bold; }

#zte-lft-text {
    float: none;
    height: auto;
    width: auto;
    margin: 0 auto 60px auto;
    text-align: center;
}
#huwai-rght-img-zte { display:block;}
#huwai-rght-img-zte img { text-align:center; }
#huwai-rght-img-zte-sm { display: none;}
	


#dividerbox-zte img { width:100%; height:auto; padding:0;}

/* ZTE CSS End*/




/* scan-on-android CSS start */
.logo-img {
    margin: 20px 0 0 0px;
}
.logo-img-new {
    margin: 30px 0 0 30px !important; width: auto !important;
}

.toptxt                      { font-size: 24px !important; line-height:33px;}
.toptxt-small                { font-size: 20px !important;}
.toptxt-small-new            { font-size: 16px !important;}

#key-feature-sec    { margin: 0; padding: 0;}
#key-feature-sec h2 { font-family: Arial,Helvetica; font-size: 25px; color: #484848; font-style: normal; font-weight: bold; text-decoration: none; margin: 0 0 40px; padding: 0; line-height: normal; }
#key-feature-sec h3 { font-family: Arial,Helvetica; font-size: 22px; color: #484848; font-style: normal; font-weight: bold; text-decoration: none; margin: 0; padding: 0; line-height: normal; }
#key-feature-sec p  { font-family: Arial; font-size: 22px; color: #484848; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 30px; }
#key-feature-sec p a{ font-size: 22px;}


#key-feature-imgsec { margin: 0 0 50px 0; padding: 0;}
#key-feature-imgsec #imgbox { width: 20%; text-align: center; float: left;  margin: 0; padding: 0;}
#key-feature-imgsec #conbox { width: 75%; float: right; margin: 0; padding: 0;}

/* scan-on-android CSS end */


/* Home-redesign CSS Started */
#box-top-new                         { width:100%; margin:0; padding:0;}
#box-top-new-img                     { width:100%; margin:30px 0 0; padding:0; text-align:center;}
#box-top-new-txt                     { font-family: Arial,Helvetica; font-size:25px; font-weight: bold; line-height: 0; margin:0 0 15px 0; padding: 0; text-align: center; line-height: 33px; }
#box-top-new-txt a                   {font-size:25px;}
#box-top-new p                       { font-size: 12pt; color: #252525; text-align: center;}
#box-top-new p a                     { font-size: 12pt;}
.homedsk-banner                      { display: block;}
.homemob-banner                      { display: none;}
/* Home-redesign CSS Started */


/* Home-redesign CSS ONLY JAP Language Started */
.itemid-470 #box-top-new-txt         { font-size: 21px;}



/* Print From Windows 10 Page CSS */


#box-top-txt-windows-gr              { font-family: Arial,Helvetica; font-size:25px; font-weight: bold; line-height: 0; margin:45px 0 0; padding: 0; text-align: center; white-space: nowrap;}


#grey-titletopbox                    { background-color: #504f4f; padding: 10px 0; text-align:center; }
#grey-boxtitletop                    { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 36px; padding: 0 0 0 15px; font-weight: bold;}

#img-m                                {  display: none; }

#grey-left                            { width: 45%; float: left;  margin:0; padding: 0;}
#grey-left p                          { font-family: Arial; font-size: 22px; color: #484848; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 30px;}
#grey-left p a                        { font-size: 22px;}

#grey-right                           { width: 53%; float: right; text-align: right; margin: 0; padding: 0;}
#grey-right p                         { font-family: Arial; font-size: 22px; color: #484848; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 30px;}

#grey-bor-box                         { margin: 0 auto; background-color: #e0e0e0; padding: 50px 0px 50px 30px; border: 3px solid #504f4f;}

#grey-dividerbox                      { margin: 0; padding: 0; text-align: center; }
#grey-dividerbox img                  { width: 100%; height: auto; margin: 50px 0; padding: 0;}

#box-sec                              { margin: 0; padding: 0;}
#box-sec h1                           { font-size: 23px; color: #484848; line-height: normal; font-weight: bold; margin: 0 0 15px 0; padding: 0;}
#box-sec p                            { font-size: 22px; color: #484848; line-height: 30px; margin: 0; padding: 0;}
#box-sec p a                          { font-size: 22px;}
#box1                                 { width: 30%; float: left; margin: 0; padding: 0;}
#box2                                 { width: 30%; float: left; margin: 0 35px; padding: 0;}
#box3                                 { width: 30%; float: left; margin: 0; padding: 0;}

#white-bor-box                        { margin: 0 auto; background-color: #fff; padding: 50px 30px; border: 3px solid #504f4f;}
#white-bor-box h1                     { font-size: 28px; color: #484848; line-height: normal; font-weight: bold; margin: 0 0 15px 0; padding: 0;}
#white-bor-box p                      { font-size: 22px; color: #484848; line-height: 30px; margin: 0; padding: 0;}
#white-bor-box p a                    { font-size: 22px;}
#white-bor-box #left                  { width: 45%; float: left;  margin:100px 0 0 0; padding: 0;}
#white-bor-box #right                 { width: 45%; float: right;  margin:0; padding: 0;}

.accordion-inner-new ul li a::before  {content: "" !important; margin-right: 0 !important; line-height: 30px !important;}
/* Print From Windows 10 Page CSS */

.toptxt-new {
    color: #333 !important;
    font-size: 17px !important;
}




/*mopria-mobile-printing New box css started */
#newbox-design                      { margin: 0 auto; padding: 20px 60px; border: 3px solid #000000;}   
#newbox-designtext-left             { width: 70%; float: left; margin: 60px 0 0; padding: 0; text-align: center;}
#newbox-designtext-left p           { font-family: Arial; font-size: 22px; color: #484848; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 30px; }
#newbox-designtext-left p a         { font-size: 22px;}
#newbox-designtext-img-right        { width: 30%; float: right; text-align: center; margin: 0; padding: 0;}
.designtext-img                     { margin: 0px 0 0 0px !important; width: auto !important;}
/*mopria-mobile-printing New box css started */




#button-box{text-align: center;margin: 75px 0;}



/* Huawei Device Two Boxes CSS */
.topboxes .col-md-6     { width: 39% !important; padding: 0 !important;}
/* Huawei Device Two Boxes CSS */



/* French Menu arrow icon hide  CSS */
.fr-fr .item-706 a::after {
  display: none !important;
}
.fr-fr .item-709 a::after {
  display: none !important;
}
.sec-left { 
  width: 32%; 
  float: left;
  margin: 0;
  padding: 0;
}
.sec-left img {
    width: 100%;
}
.sec-right {
  width: 60%; 
  float: left;
  margin: 75px 0 0 10px;
}
/* French Menu arrow icon hide  CSS */


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {
    /*display: none;*/
  }
  #sp-header .sp-retina-logo {
    display: block;
  }
}
#sp-title {
  min-height: 0;
}
.sp-page-title {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.sp-page-title h2,
.sp-page-title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.sp-page-title h2 {
  font-size: 24px;
  line-height: 1;
}
.sp-page-title h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
}
.sp-page-title .breadcrumb {
  background: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb >.active {
  color: rgba(255,255,255,0.8);
}
.sp-page-title .breadcrumb >span,
.sp-page-title .breadcrumb >li,
.sp-page-title .breadcrumb >li+li:before,
.sp-page-title .breadcrumb >li>a {
  color: #fff;
}
.body-innerwrapper {
  /*overflow-x: hidden;*/
  -webkit-transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
  transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
}
.layout-boxed .body-innerwrapper {
  max-width: 1170px;
  margin: 0 auto;
  /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
}
#sp-main-body {
  padding: 100px 0;
}
.com-sppagebuilder #sp-main-body {
  padding: 0;
}
.sppb-addon-cta .sppb-cta-subtitle {
  margin-bottom: 0;
  line-height: 26px !important;
}
.sppb-addon-cta .sppb-btn-lg {
  margin-top: 30px;
}
.sppb-addon-image-content {
  position: relative;
}
.sppb-addon-image-content .sppb-image-holder {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
}
.sppb-addon-image-content.aligment-left .sppb-image-holder {
  left: 0;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder {
  padding: 120px 0 120px 50px;
}
.sppb-addon-image-content.aligment-right .sppb-image-holder {
  right: 0;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder {
  padding: 120px 50px 120px 0;
}



#flotingbutton{width:53px; height:175px; position: fixed; top: 80%; left: 100%; margin-top: -100px; margin-left: -40px; z-index: 9999;}

@media only screen and (max-width :768px)   
{
.mod-languages { margin: 7px 0 0 -12px;}
.mod-languages { padding: 0 0 0 24px;}
}



@media only screen and (max-width :1200px)   
{
#screenshotbox #screenbox           { width:29%; display: table-cell;}
}
@media (max-width: 1024px) {
	.sp-megamenu-parent {
	  display: block!important;
	}
	
	#screenshotbox #screenbox            { margin:50px 0;}
	
.sidebor { margin: 0 15px !important;}

	
	
/* GREENBOX CSS Started */
#green-consec                        { width: 75%; float: left;}
/* GREENBOX CSS Started */
	

	
.sec-right    { width: 60%; float: left; margin: 50px 0 0 10px;}
.sec-right br { display: none;}
	
}




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

@media only screen and (max-width : 1000px)   
{
#text-left                          { float: none; margin:0 0 50px; padding: 0; text-align: center; width: auto;}
#img-right                          { float: none; margin: 0 auto; padding: 0; width: 50%;}
#dividerbox img                     { margin: 50px 0;}	
.blk-bor-box-zte { background-color:#fff !important; }
#screenshotbox #screenbox-sec2      { width:22.7%;}
#huwai-lft-text                     { float: none; height: auto; margin: 0 0 15px; padding: 0 15px; text-align: center; width: auto;}
#huwai-rght-img                     { float: none;  height: auto; margin: 0 auto; text-align: center; width: 90%;}
#huwai-rght-text                    { float: none; height: auto;  margin: 0 0 30px; text-align: center; width: auto;}
#huwai-lft-img                      { float: none; height: auto; text-align: center; width: 98%; }
.topmar                             { margin: 0;}
#huwai-lft-img                      { width:auto;}
	
#text-right                         { width: auto; float: none; margin: 0; padding:0; text-align: center;}
#img-left                           { width: 50%; float: none; margin: 0 auto; padding: 0;}


/*Amazon How to print started */
#org-txt-left-top                   { float: none; margin: 0 0 20px;  padding: 0; text-align: center; width: auto;}
#orgtext-right-top1                 { float: none; margin: 0; padding: 0; text-align: center; width: auto;}

#orgimg-right-mop-logo-txt          { float: none; margin: 0 0 20px;  padding: 0; text-align: center; width: auto;}
#orgimg-left-mop-logo               { float: none;  margin: 30px 0 0; padding: 0; text-align: center; width: auto; }

#orgtext-t-left                     { float: none; margin: 0 0 20px; padding: 0; text-align: center; width: auto; }
#orgimg-t-right                     { float: none;  margin: 30px 0 0; padding: 0; text-align: center; width: auto; }

#orgtext-right-top                  { float: none; margin: 0 0 20px; padding: 0; text-align: center; width: auto; }
#orgimg-left                        { float: none;  margin: 0; padding: 0; text-align: center; width: auto; }

#org-txt-left                       { float: none; margin: 0 0 20px; padding: 0; text-align: center; width: auto; }
#orgtext-right                      { float: none; margin: 30px 0 0; padding: 0; text-align: center; width: auto; }
/*Amazon How to print END */

/* Print From Windows 10 Page CSS */
#grey-bor-box                       { padding: 50px 25px;}
#grey-left                          { width: auto; float: none; text-align: center;}
#grey-right                         { display: none;}
	
#img-m                              {  display: block; }
	
#grey-dividerbox img                { margin: 35px 0; }
	
#box1                               { width: auto; float: none ;}
#box2                               { width: auto; float: none; margin: 15px 0; }
#box3                               { width: auto; float: none; }
	
#white-bor-box #left                { width: auto; float: none; margin: 0 0 30px 0; text-align: center;}
#white-bor-box #right               { width: auto; float: none; text-align: center;}
	
/* Print From Windows 10 Page CSS */
	
	
	
	
/*mopria-mobile-printing New box css started */	
#newbox-designtext-left             { width: auto; float: none; margin: 20px 0 0; padding: 0; text-align: center;}
#newbox-designtext-img-right        { width: auto; float: none; text-align: center; margin: 25px 0 0 0; padding: 0;}
/*mopria-mobile-printing New box css started */	
	
}


@media (max-width: 991px) {
	.sp-megamenu-parent {
	  display: block!important;
	  /*float: right;*/
	}
	
.mop-logo-content br                   { display: none; }	
	
	
}

@media (max-width: 768px) {

/* huwai CSS Started */
#huwai_title {width: 54%;}

/* */

#blk-bor-box                        { padding: 50px 25px;}
#blk-bor-box #text-left h1          { font-size: 25px; margin: 0 0 5px;}
#blk-bor-box #text-left p           { font-size: 18px; line-height: 25px;}
#text-left                          { margin:0 0 35px;}

#screenshotbox #screenbox           { margin:8px 0; }

#screenshotbox h2                   { font-size:25px; margin: 0 0 5px;}
#screenshotbox p                    { font-size:18px; line-height: 25px;}
#screenshotbox p br                 { display:none;}

#screenshotbox #screenbox h3        { font-size:16px;}
#screenshotbox #screenbox-sec2 h3   { font-size:16px;}

#screenshotbox #screenbox-sec2      { margin:8px 0; }

#text-left-new                       { float:none; margin:0 0 25px; padding:0;  width: auto !important;}
#img-right-new                       { float:none; margin:0; padding:0; text-align:center; width:auto !important;}

/* huwai CSS Ended */

#sp-header-right                      { float: none;  margin: 10px 0; }

.sp-megamenu-wrapper {
	background: transparent;
	display: block;
}


.sppb-addon-image-content .sppb-image-holder {
  position: inherit;
  width: 100% !important;
  height: 300px;
}
.sp-megamenu-parent {
  display: none!important;
}


/*FAQ box */
.accordion-heading-new              { /*border-bottom: 1px solid #ccc;*/ padding: 15px 10px 15px 35px;}
.accordion-heading-new a            { font-size: 18px !important; }
.accordion-inner-new p              { font-size: 16px; line-height: 22px; text-align: justify;}
/*FAQ box */

	
	
#blk-bor-box #text-right h1         { font-size:25px; margin: 0 0 5px;}
#blk-bor-box #text-right p          { font-size:18px; line-height: 25px;}
	


/*Amazon How to print END */
#org-txt-left-top h1                { font-size: 25px; margin: 0 0 5px; }
#org-txt-left-top p                 { font-size: 18px; line-height: 25px;}

#orgimg-right-mop-logo-txt h1       { font-size: 25px; margin: 0 0 5px; }
#orgimg-right-mop-logo-txt p        { font-size: 18px; line-height: 25px;}

#orgtext-t-left h1                  { font-size: 25px; margin: 0 0 5px; }
#orgtext-t-left p                   { font-size: 18px; line-height: 25px;}
#orgtext-t-left p a                 { font-size: 18px !important;}

#org-bor-box #orgtext-right-top h1  { font-size: 25px; margin: 0 0 5px; }
#org-bor-box #orgtext-right-top p   { font-size: 18px; line-height: 25px;}

#org-txt-left h1                    { font-size: 25px; margin: 0 0 5px; }
#org-txt-left p                     { font-size: 18px; line-height: 25px;}


#org-bor-box                        { padding: 50px 25px;}
/*Amazon How to print END */

.ab{ display:block; }
	
	
/* scan on android css start here */
.logo-img {
    margin: 0px;
}
.logo-img-new {
    margin: 0px !important;
}
#key-feature-sec h2          { text-align: center; margin: 0 0 30px;} 
#key-feature-imgsec #imgbox  { width: auto; text-align: center; float: none; margin: 0 0 15px 0; }
#key-feature-imgsec #conbox  { width: auto; float: none; margin: 0; padding: 0; text-align: center;}
#key-feature-imgsec          { margin: 0 0 25px 0;}
#key-feature-sec p           { font-size: 18px; line-height: 25px;}
#key-feature-sec p a         { font-size: 18px;}
/* scan on android css end here */
	

	
/* Print From Windows 10 Page CSS */

#grey-boxtitletop            { font-size: 20px; padding: 0;}
	
#grey-left p                 { font-size: 18px; line-height: 25px;}
#grey-left p a               { font-size: 18px;}
#box-sec p                   { font-size: 18px; line-height: 25px;}
#box-sec p a                 { font-size: 18px;}
#box-sec h1                  { font-size: 21px;}
	
#white-bor-box p             { font-size: 18px; line-height: 25px;}
#white-bor-box p a           { font-size: 18px;}
#white-bor-box h1            { font-size: 21px;}
	
/* Print From Windows 10 Page CSS */
#button-box{text-align: center; margin: 0;}

	
/*mopria-mobile-printing New box css started */	
#newbox-designtext-left p           { font-size: 18px; line-height: 25px;}
#newbox-designtext-left p a         { font-size: 18px;}
/*mopria-mobile-printing New box css started */		
	
	
	
	
}

@media only screen and (max-width :600px)   
{
#screenshotbox #screenbox           { display: block; margin: 30px 0; text-align: center; width: auto; }
#screenshotbox #screenbox img       {  margin: 0; padding: 0; width: 98%; }

#screenshotbox #screenbox-sec2      { display: block; margin: 30px 0;  width: auto;}
#screenshotbox #screenbox-sec2 img  { margin: 0; padding: 0; width: 98%;}

	
/* GREENBOX CSS Started */
#green-logosec                      { display: none; /*width: auto; float: none; text-align: center; margin: 0 0 10px 0;*/}
.dsk-only                           { display: none;}
#green-consec                       { width: auto; float: none; text-align: center;}
#green-consec p br                  { display: none;}
.mob-title                          { display: block;}
.desk-title                         { display: none;}
/* GREENBOX CSS Started */
	
/*Amazon How to print Start */
#org-titletopbox                    { font-size:20px;}

/*Amazon How to print END */
}
/* iphone Landscape  [HORIZONTAL] CSS Start here */




/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :480px)   
{
#img-right                          { width: auto;}	
#blk-boxtitletop                    { font-size:20px; padding:0;}
#blk-titletopbox                     { background-color: #514f50; }
#blk-boxtitletop-zte                 { font-size:20px; padding:0; }
#blk-bor-box                         { background-color:#fff !important;  }
#huwai-rght-img-zte                  { display: none;}
#huwai-rght-img-zte-sm { display:block; width:80%; margin:0 auto;}

.titleimg                           { width:70%; }
#huwai_main-wrapper h3              { font-size:25px; text-align:center;}
#huwai_main-wrapper p               { font-size:18px; line-height:25px; text-align: center;}
#huwai_main-wrapper a               { font-size: 18px; text-decoration: none; }

#blk-bor-box #text-left-new h1      { font-size:20px; text-align:center;}
#blk-bor-box #text-left-new p       { font-size:18px; line-height:25px; text-align: center;}
#blk-bor-box #text-left-new p a     { font-size:18px;}
	
#screenshotbox h2                   { font-size:25px; margin: 0 0 5px; }
#screenshotbox p                    { font-size:18px; line-height:25px; text-align: center;}
#screenshotbox p a                  { font-size:18px;}
	
.accordion-heading-new              { padding: 15px 5px 15px 20px;}

#screenshotbox h1                   { font-size:22px; margin: 0 0 5px; }

#huwai-contentbox-strip             { padding-top:5px;}
#huwai-lft-text                     { padding-top:0;}

.ab{
display:none!important;
}
  
  .space {
    height:1px;
  }
.homedsk-banner                      { display: none;}
.homemob-banner                      { display: block;}
/*.homemob-mem-slider                  { height: 250px;}*/

	
#img-left                            { width: auto; float: none; margin: 0 auto; padding: 0;}
	
}




@media only screen and (max-width :767px)   
{
img.sp-default-logo {  width: 120px !important;}
.topboxes .col-sm-3 { padding: 0 !important;}

}

@media only screen and (max-width :480px)   
{
#blk-bor-nospace h2 { margin: 25px 0 0 20px !important;}
}


/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :380px)   
{
#dividerbox img                    { margin: 30px 0; }
.ab{
display:none!important;
}

}


.sp-module {
  /*margin-top: 50px;*/
}
.sp-module:first-child {
  margin-top: 0;
}
.sp-module .sp-module-title {
  margin: 0 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
}
.sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-module ul >li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.sp-module ul >li >a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.sp-module ul >li >a:hover {
  background: none;
}
.sp-module ul >li >a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}

.showplus-thumbnails ul >li >a:before {
	display: none;
}

.sp-module ul >li >a:after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: 8px;
}

.sp-module ul >li ul >li >a:after {
    font-family: FontAwesome;
    content: "";
    margin-left: 8px;
}

.item-604 ul >li >a:after {
    font-family: FontAwesome;
    content: "";
    margin-left: 8px;
}


.sp-module ul >li:last-child {
  border-bottom: none;
}
.sp-module .categories-module ul {
  margin: 0 10px;
}
.sp-module .latestnews >div {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}
.sp-module .latestnews >div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.sp-module .latestnews >div >a {
  display: block;
  font-weight: 400;
}
.sp-module .tagscloud {
  margin: -2px 0;
}
.sp-module .tagscloud .tag-name {
  display: inline-block;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
.sp-module .tagscloud .tag-name span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
}
.login img {
  display: inline-block;
  margin: 20px 0;
}
.login .checkbox input[type=checkbox] {
  margin-top: 6px;
}
.form-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search .btn-toolbar {
  margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
  margin: 0;
}
.search .btn-toolbar button {
  color: #fff;
}
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .phrases .ordering-box {
  margin-bottom: 15px;
}
.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .search-results dt.result-title {
  margin-top: 40px;
}
.search .search-results dt,
.search .search-results dd {
  margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 60%;
  border-radius: 4px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}
.article-info {
  margin: 0 -8px 5px;
  line-height: 12px;
}
.article-info >dd {
  display: inline-block;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  margin: 0 8px;
}
.article-info >dd >i {
  display: inline-block;
  margin-right: 3px;
}
article.item {
  margin-bottom: 20px;
}
.tags {
  margin-top: 20px;
}
.tags >span {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.content_rating,
.content_rating + form {
  display: none;
}
.voting-symbol {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 14px;
  display: inline-block;
}
.voting-symbol span.star {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.voting-symbol span.star.active:before {
  content: "\f005";
}
.voting-symbol span.star:before {
  content: "\f006";
  padding-right: 5px;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  content: "\f005";
  cursor: pointer;
}
.post_rating {
  margin-bottom: 20px;
}
.post_rating .ajax-loader,
.post_rating .voting-result {
  display: none;
}
.post-format {
  position: absolute;
  top: 0;
  left: -68px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background-color:#fff;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
  margin-bottom: 30px;
}

.entry-status,
.entry-quote {
  margin-bottom: 50px;
}
.entry-header {
  position: relative;
  margin-bottom: 0px;
}
.entry-header.has-post-format {
  /*margin-left: 68px;*/
}
.entry-header h2 {
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1;
}
.entry-header h2 a {
  color: #000;
}
.entry-link {
  padding: 100px 50px;
  position: relative;
  z-index: 1;
}
.entry-link a h4 {
  margin: 0;
  font-size: 36px;
  color: #fff;
}
.entry-link a h4:hover {
  color: rgba(255,255,255,0.85);
}
.entry-link:before {
  position: absolute;
  left: -60px;
  font-size: 300px;
  content: "\f0c1";
  font-family: FontAwesome;
  transform: rotate(90deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
  z-index: -1;
}
.entry-quote {
  position: relative;
  padding: 80px 50px;
  color: rgba(255,255,255,0.9);
}
.entry-quote:before {
  position: absolute;
  left: -40px;
  font-size: 300px;
  content: "\f10e";
  font-family: FontAwesome;
  transform: rotate(15deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
}
.entry-quote blockquote small {
  color: #FFF;
  font-weight: 600;
  font-size: 20px;
}
.entry-quote blockquote {
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: none;
}
.carousel-left,
.carousel-right {
  position: absolute;
  top: 50%;
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.carousel-left:hover,
.carousel-right:hover {
  color: #fff;
}
.carousel-left:focus,
.carousel-right:focus {
  color: #fff;
}
.carousel-left {
  left: 10px;
}
.carousel-right {
  right: 10px;
}
.newsfeed-category .category {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-category .category li {
  padding: 5px 0;
}
.newsfeed-category #filter-search {
  margin: 10px 0;
}
.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
  padding: 2px 0;
}
.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
  margin: 5px 0;
}
#sp-bottom .sp-module .sp-module-title {
  text-transform: none;
  font-weight: 400;
  font-size: 24px;
}
#sp-footer {
  color: #000;
  padding: 20px 0;
}
#sp-footer2 {
  text-align: right;
}
#sp-footer a {
  color: #000000;
}
#sp-footer a:hover {
  color: #D00;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}
.sp-comingsoon {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.sp-comingsoon body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  color: #fff;
}
.sp-comingsoon .sp-comingsoon-title {
  margin-top: 130px;
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: 700;
}
.sp-comingsoon .sp-comingsoon-content {
  font-size: 28px;
  font-weight: 300;
}
.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds {
  display: inline-block;
  margin: 80px 15px;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number {
  width: 115px;
  height: 120px;
  line-height: 120px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
}
.sp-comingsoon .days .string,
.sp-comingsoon .minutes .string,
.sp-comingsoon .seconds .string,
.sp-comingsoon .hours .string {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.sp-comingsoon .social-icons li {
  display: inline-block;
  margin: 0 15px;
}
.sp-comingsoon .social-icons li a {
  color: rgba(255,255,255,0.7);
  font-size: 24px;
  -webkit-transition: color 400ms;
  transition: color 400ms;
}
.sp-comingsoon .social-icons li a:hover {
  color: #fff;
}
.error-page {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page .error-page-inner {
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.error-page .error-page-inner >div {
  display: table-cell;
  vertical-align: middle;
}
.error-page .fa-exclamation-triangle {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 10px;
}
.error-page .error-code {
  font-weight: bold;
  font-size: 96px;
  line-height: 1;
  margin: 0 0 10px 0;
  padding: 0;
}
.error-page .error-message {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}
.sp-social-share ul {
  display: block;
  padding: 0;
  margin: 20px -5px 0;
}
.sp-social-share ul li {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}
.dl-horizontal dt {
  margin: 8px 0;
  text-align: left;
}
.page-header {
  padding-bottom: 15px;
}
.page-header h1 {
	background: #727272;
	padding: 25px 25px;
	font-size: 32px;
    color: #fff;
    line-height: normal;
    font-weight: normal;
}

table.category {
  width: 100%;
}
table.category thead >tr,
table.category tbody >tr {
  border: 1px solid #f2f2f2;
}
table.category thead >tr th,
table.category thead >tr td,
table.category tbody >tr th,
table.category tbody >tr td {
  padding: 10px;
}
.contact-form .form-actions {
  background: none;
  border: none;
}
@media print {
  .visible-print {
    display: inherit !important;
  }

  .hidden-print {
    display: none !important;
  }
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  background: #303030;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}


#sp-component {
    position: inherit;
}

#sp-top2 a:link {
    color: #fff;
}

.container {
    /*padding-left: 0;
    padding-right: 0;*/
}

#sp-component {
    position: inherit;
    padding-left: 0;
    padding-right: 0; 
}

div[itemprop=articleBody] {
	border: 2px solid #ccc;
  padding: 0 25px;
}

div#sp-menu {
    padding: 0;
}

div#sp-footer1 {
    text-align: center;
    color: #000;
    font-weight: normal;
}
span.sp-copyright {
    border-top: 1px solid #333;
    padding: 15px 123px!important;
    max-width: 80%;
    display: inline-block;
}
span.sp-copyright a {
	font-size: 14px;
}

#sp-bottom1 {
    padding-bottom: 72px;
}

#sp-bottom .col-sm-6 {
	padding-left: 0;
    padding-right: 0;
}
#sp-what-s-new .col-sm-4 {
	padding-left: 0;
    padding-right: 0;
}

#sp-header-right {
    float: right;
    margin: 10px 0;
    right: 50px;
}

#sel1 {
    margin-bottom: -15px;
}

.mop-link-container{/*float: left; margin: 3px 10px 0px 40px; margin:10px 10px 0px 0px;*/ position: absolute; top: 0; left: -35px;}
.mop-link-container a{padding: 7px 0; margin: 2px 20px 0 0; display: inline-block; color: #333}
.mop-login-container{float: left; margin: 2px 20px 0 0}



#sp-section-7 { display: block !important;}




@media only screen and (max-width :640px)   
{
		.huwai-imgbox > img {height: auto; width: 100%;}
		.huwai-titlebox {margin-top: 6%; font-size: 29px;}
		.windowstm {
padding: 0px 0px 0px 9px;
font-size: 11px;
}
}

@media (max-width: 479px){
/* huwai CSS Started */
.huwai-titlebox {font-size: 31px; margin-top: 6%; width: 74%;}
	#huwai_title {width: 71%;}
	#huwai-lft-text {float: none; margin: 0 auto; width: 90%;  text-align: center; padding-top:0%;}
	#huwai-rght-img {float: none; margin: 0 auto; width: 90%;}
	#huwai-lft-img {float: none; margin:35px auto 0; width: 90%;}
	#huwai-rght-text {float: none; margin: 0 auto; width: 90%;  text-align: center; padding-top: 5%;}
	.topmar          { margin:0 !important;}
/* huwai CSS Ended */

   .navbar-inner{padding-left: 0}
   #login .loginGroup{border: 1px solid #ccc}
   .mop-global-action-container{float: right;}
   .mop-language-container{float: right; /*width:24%;*/ width:89px;}
   .mop-language-container .dropdown-menu{left: 0; right: auto}
   /*.mop-global-action-container .mop-link-container{float: left; margin-right:10px;}*/

   #EmailSignUp {
   	width: 100%;
   }
   

}

@media (max-width: 800px){
.mop-link-container{float: right; margin:10px 0px 0px 0px;}
}

@media (max-width: 720px){
	span.sp-copyright {
		padding: 15px 30px !important;
	}
}

@media (max-width: 540px){
	span.sp-copyright {
		padding: 15px 0px !important;
		max-width: 100%;
		margin: 0 -35px !important;
		font-size: 12px;
		display: inline-block;
	}
}
@media (max-width: 400px){
	span.sp-copyright {
		margin: 0 -0px!important;
		border: medium none;
	}
	#sp-footer2 .pull-center {
		border-top: 1px solid #333;
		padding-top: 10px;
	}
}



.mop-link-container {
    position: absolute;
    top: -27px;
    /*right: 10px;*/
}


/*  pop up    */
a.selected {
  background-color:#FFFFFF;
  color:white;
  z-index:100;
}
.close {
	text-align: right;
	position: absolute;
	top: 5px;
	left: 135px;
/*	font-weight: bold;
	font-size: 19px;*/
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  margin-left: -35px;
  position:absolute;
  text-align:left;
  width:140px;
  z-index:50;
  padding: 5px 25px 5px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 0px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
  font-weight: bold;
}
.pull-center {
    text-align: center;
}
.pull-center font.targetx {
    color: #000000!important;
}

.iFrameWrapper {
	position: relative;
	padding-bottom: 0%; /* 16:9 */
	/*padding-top: 25px;
	height: 0;*/
    margin: 0 -25px;
	min-height: 400px;
	 margin-left: -27px;
	 margin-right:-25px;
}
.iFrameWrapper.mem-app {
	margin: 0;
}
.iFrameWrapper iframe {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	*width: 100%;
	
	/*height: 100%;*/
}




/******** old site style  ********/

.boxes {
    display:table;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    }
    .box {
    display: table-cell;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 25%;
    padding-top: 16px;
    /*padding-bottom: 72px;*/
    }
    .box img {
    max-height: 160px;
    max-width: 160px;
    display: block;
    margin: auto;
    margin-bottom: 0px;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 19px;
    text-align: center;
    padding-right: 12px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    }
    .lm-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lm-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .lms-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 10px;
    }
    .lms-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .video-sliver {
    position: relative;
    display: inline-block;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: none;
    max-width: 100%;
    background-color: #1e1e1e;
    }
    .allr {
    text-align: left;
    margin-top: 5px;
    }
    .lm-content {
    width: 100%;
    display: table;
    padding: 15px 30px;
    /*    border-left: 1px solid #ccc; */
    }
    .lm-content-child {
    width: 50%;
    display: table-cell;
    padding: 15px 30px;
    /*    border-left: 1px solid #ccc; */
    }
    .lm-content- p {
    font-family: Arial, Helvetica;
    font-size: 24px;
    display: inline;
    }
    .section-lm {
    padding: 15px 0;
    }
    .mop-contentz {
    width: 50%;
    display: table-cell;
    padding: 30px 50px;
    /*   border-left: 1px solid #ccc; */
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-contentz .mc1 {
    display:inline-block;
    width:30%;
    }
    .mop-contentz .mc2 {
    display:inline-block;
    width:60%;
    }
    .mop-whatnew-contentz {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    /*    border-left: 17px solid #fff; */
    }
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .mop-section {
    border: 0px solid #ccc !important;
    line-height: normal;
    margin: 0 -25px;
    }
    .divider-line{
    position:relative;
    display: table-cell;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 2px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .action {
    padding-top: 27px;
    }
    .under-videos {
    padding-top: 0px;
    }
    .news-section {
    display: block;
    }
    
    h2 {
	    font-size: 20px;
	    color: #4295cd;
	    font-weight: 400;
	}
	p {
		font-size: 18px;
		color: #333;
	}
	
	.box a:link, .box a:hover, .box a:active, .box a:visited,
    .mop-contentz a:link, .mop-contentz a:hover, .mop-contentz a:active, .mop-contentz a:visited {
    	color: #fff;
    }
	
	

    
    @media (min-width: 320px) {
    .box {
    display: block;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 100%;
    padding-top: 0px;
    /*padding-bottom: 33px;*/
    }
    .box img {
    max-height: 128px;
    max-width: 128px;
    display: block;
    margin: auto;
    float: left;
    margin-bottom: 0px;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 15px;
    text-align: left;
    padding-top: 15px;
    padding-right: 12px;
    padding-bottom: 10px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    }
    .video-sliver {
    position: relative;
    display: none;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: block;
    max-width: 100%;
    background-color: #1e1e1e;
    }
    .video-sliver-mobile img {
    margin-left:auto;
    margin-right: auto;
    display:block;
    }
    .mop-contentz {
    width: 100%;
    display: block;
    padding: 10px;
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-left: 10px;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-contentz .mc1 {
    display:inline-block;
    width:30%;
    }
    .mop-contentz .mc2 {
    display:inline-block;
    width:60%;
    }
    .mop-whatnew-contentz {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    }
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .divider-line{
    position: relative;
    display: block;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 0px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .under-videos {
    padding-top: 34px;
    }
    .lm-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lm-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .lms-button {
    padding: 5px 6px;
    background: #0072bc;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lms-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .news-section {
    display: block;
    }
	
img.sp-default-logo {
    margin-top: 10px;
	margin-bottom:10px;
}
    }
    @media (min-width: 550px) {
    .box {
    display: block;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 100%;
    padding-top: 0px;
    /*padding-bottom: 33px;*/
    }
    .box img {
    max-height: 128px;
    max-width: 128px;
    display: block;
    margin: auto;
    float: left;
    margin-bottom: 0px;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 15px;
    text-align: left;
    padding-top: 15px;
    padding-right: 12px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    }
    .video-sliver {
    position: relative;
    display: none;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: block;
    max-width: 100%;
    background-color: #1e1e1e;
    }
    .video-sliver-mobile img {
    margin-left:auto;
    margin-right: auto;
    display:block;
    }
    .mop-contentz {
    width: 100%;
    display: block;
    padding: 40px 12px 0px 12px;
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-left: 0px;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-contentz .mc1 {
    display:inline-block;
    width:30%;
    }
    .mop-contentz .mc2 {
    display:inline-block;
    width:60%;
    }
    .mop-whatnew-contentz {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    }
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .divider-line{
    position:relative;
    display: block;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 0px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .under-videos {
    padding-top: 0px;
    }
    .lm-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lm-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .lms-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lms-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .news-section {
    display: block;
    }
    }
    @media (min-width: 768px) {
	
	
	
    #sp-header-right {
		right: 0px;
		float: right;
		height: 91px; /* Added my Malta 2016-11-04 */
	}
    .box {
    display: table-cell;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 25%;
    padding-top: 16px;
    /*padding-bottom: 72px;*/
    }
    .box img {
    max-height: 160px;
    max-width: 160px;
    display: block;
    margin: auto;
    float: none;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 14px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    }
    .video-sliver {
    position: relative;
    display: inline-block;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: none;
    max-width: 100%;
    }
    .mop-contentz {
    width: 50%;
    display: table-cell;
    padding: 30px 20px;
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-left:20px;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-contentz .mc1 {
    display:inline-block;
    width:30%;
    }
    .mop-contentz .mc2 {
    display:inline-block;
    width:60%;
    }
    .mop-whatnew-contentz {
    /*   width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px; */
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    }
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .divider-line{
    position:relative;
    display: table-cell;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 2px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .under-videos {
    padding-top: 0px;
    }
    .lm-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lm-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .lms-button {
    padding: 5px 7px;
    background: #0072bc;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lms-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .news-section {
    display: block;
    }
    }
    @media (min-width: 992px) {
    .box {
    display: table-cell;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 25%;
    padding-top: 16px;
    /*padding-bottom: 72px;*/
    }
    .box img {
    max-height: 160px;
    max-width: 160px;
    display: block;
    margin: auto;
    float: none;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 15px;
    text-align: center;
    padding-right: 0px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    }
    .video-sliver {
    position: relative;
    display: inline-block;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: none;
    max-width: 100%;
    }
    .mop-contentz {
    width: 50%;
    display: table-cell;
    padding: 30px 50px;
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-left: 0px;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-whatnew-contentz {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    }
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .divider-line{
    position:relative;
    display: table-cell;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 2px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .under-videos {
    padding-top: 0px;
    }
    .news-section {
    display: block;
    }
    .flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    }
    .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 40px;
    }
    .flex-direction-nav .flex-next {
    right: -50px;
    text-align: center;
    }
    }
    @media (min-width: 1200px) {
    .box {
    display: table-cell;
    text-align: center;
    vertical-align:middle;
    /*  line-height: 13em; */
    width: 25%;
    padding-top: 16px;
    /*padding-bottom: 72px;*/
    }
    .box a:link, .box a:hover, .box a:active, .box a:visited,
    .mop-contentz a:link, .mop-contentz a:hover, .mop-contentz a:active, .mop-contentz a:visited {
    	color: #fff;
    }
    .box img {
    max-height: 160px;
    max-width: 160px;
    display: block;
    margin: auto;
    float: none;
    }
    .box-2 {
    font-family: Arial, Helvetica;
    font-size: 19px;
    text-align: center;
    padding-right: 0px;
    overflow: hidden;
    }
    .box-1 {
    font-family: Arial, Helvetica;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    }
    .video-sliver {
    position: relative;
    display: inline-block;
    max-width: 100%;
    }
    .video-sliver-mobile {
    position: relative;
    display: none;
    max-width: 100%;
    }
    .mop-contentz {
    width: 50%;
    display: table-cell;
    padding: 30px 50px;
    }
    .mop-contentz p {
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    margin-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    }
    .mop-contentz img {
    margin-bottom: 40px;
    }
    .mop-whatnew-contentz {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    height: 250px;
    }
      
    body.ja-jp .mop-whatnew-contentz {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    height: 273px;
    }  

    body.es-es .mop-whatnew-contentz {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    height: 295px;
    }  
      
    body.ko-kr .mop-whatnew-contentz {
    height: 273px;
    } 
      
      
    .mop-whatnew-contentz .title {
    font-size: 30px;
    }
    .mop-whatnew-contentz .des-text {
    font-size: 14px;
    margin-top: 15px;
    }
    .mop-whatnew-contentz .action a {
    font-size: 18px;
    color: #0072bc;
    }
    .divider-line{
    position:relative;
    display: table-cell;
    }
    .divider-line:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 2px solid #cfc7c0;
    top: 20%;
    bottom: 30%;
    }
    .under-videos {
    padding-top: 0px;
    }
    .lm-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lm-button a, a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    }
    .lms-button {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    }
    .lms-button a, a:link, a:visited, a:active {
    color: #4295cd;
    text-decoration: none;
    outline: 0;
    }
    p a:hover {
		color: #D00D00!important;
	}
    .news-section {
    display: block;
    }
    }
    @media (min-width: 320px) {
    .flex-control-nav {
    display:none;
    }
    .flex-control-paging {
    display:none;
    }
    }
    @media (min-width: 800px) {
    .flex-control-nav {
    display:block;
    }
    .flex-control-paging {
    display:block;
    }
    }
    
    
    .mp-ms-wrapper{
    position:relative;
    width:100%;
    font-size:18px;
    height: auto;
    overflow: hidden;
    margin-top:50px;
    }
    .mp-ms-left, .mp-ms-right{
    position:relative;
    width:50%;
    float:left;
    padding: 0;
    }
    .mp-ms-left{
    /*border-right:solid 1px #ccc;*/
    }
    .mp-ms-content{
    padding: 0px 25px 30px 50px;
    text-align:left;
    }
    
@media (max-width: 992px) and (min-width: 768px) {
    
    div#sp-menu.col-sm-7 {
	    display: none;
	}
	
	
}


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


	div#sp-menu.col-sm-7 {
	    display: block;
	}
	#offcanvas-toggler {
		margin: 0 -180px 0 0;
	}
	
	div#sp-menu.col-sm-12 {
	    display: none;
	}
	 #sp-header-right {
		right: 40px;
		float: right;
		height: 91px; /* Added my Malta 2016-11-04 */
	}

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

    .mp-ms-left, .mp-ms-right{
    width:100%;
    border:none;
    }
    }


/***** styles for content *****/
.mop-section{border: 0px solid #ccc}
.mop-section header{background: #727272; padding: 15px 25px}
.mop-section header .mop-icon{float: left; width: 100px}
.mop-section header .mop-text{float: left; font-size: 32px; color: #fff; padding: 30px 0 0 45px; line-height: normal}
/* Added by Malta 2020-01-23 { */
h1.mop-text { float: left; font-size: 32px; color: #fff; padding: 10px 0 0 45px !important; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif !important; }
h1.sub-text-videos { float: left; font-size: 32px; color: #fff; padding: 0px !important; margin: 0px !important; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif !important; }
td.mop-text h1 { float: left; font-size: 32px; color: #fff; padding: 0px !important; margin: 0px !important; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif !important; }
/*.mop-section header h1.mop-text { float: left; font-size: 32px; color: #fff; padding: 0px 0px 0px 45px !important; margin: 0px !important; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif !important; }*/
/* Added by Malta 2020-01-23 } */
.mop-section header .mop-text.how-top-print-head{padding-top: 0}
.mop-section header .mop-text.how-top-print-head .sub-text{font-size: 26px}
.mop-section header .mop-text.how-top-print-head .s-sub-text{font-size: 18px}
.mop-section header.head-no-icon{padding: 30px 25px}
.mop-section header.head-no-icon .mop-text{padding: 0}
.mop-section .content{padding: 30px 25px; font-size: 18px; color: #333; line-height: normal}
.mop-section .content .mop-img-1{margin: 0 0 25px 0}
.mop-section .content .mop-img-2{margin-bottom: 25px}
.mop-section .content h4{font-size: 18px; color: #333}
.mop-section .content .mop-googleplay-icon{margin: 20px 0 25px}
.mop-section .content h2{font-size: 20px; color: #4295cd; font-weight: 600}
/*.mop-section .mop-caret{width: 11px; height: 14px; display: inline-block; background: url(mop_img/icon-caret.png) no-repeat center}*/
.mop-section .mop-caret{width: 11px; height: 14px; display: inline-block; background: url(/images/icon-caret.png) no-repeat center}
.mop-section .content .mop-collapse{}
.mop-section .content .mop-collapse .accordion-group{border: 0}
.mop-section .content .mop-collapse .accordion-toggle{padding: 0 0 10px; font-size: 20px; color: #4295cd; font-weight: 400}
.mop-section .content .mop-collapse .accordion-inner{border: 0; padding: 0; font-size: 18px}

.using-mop-section{}
.using-mop-section h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 40px 0 25px; font-family: Arial, sans-serif;}
.using-mop-section .using-mop-content{font-size: 18px; color: #333; line-height: normal}
.using-mop-section .using-section-1{}
.using-mop-section .using-section-1 .using-mop-item{display: table-cell; width: 50%; border-left: 1px solid #ccc; padding: 0 50px}
.using-mop-section .using-section-1 .using-mop-item:first-child{border: 0}
.using-mop-section .using-section-2{margin-top: 30px}
.using-mop-section .using-section-2 .using-mop-item{float: left; width: 50%; padding: 0 50px}
.using-mop-section .using-section-2 .using-mop-item .description{font-size: 30px; padding: 15px 20px 0; color: #3a96d9}
.using-mop-section .using-section-2 .using-mop-item .description .number{display: inline-block; width: 63px; height: 63px; line-height: 63px; text-align: center; font-size: 36px; background: #3a96d9; border-radius: 45px; color: #fff}
.using-mop-section .using-section-2 .using-mop-item .description.step-2{color: #eb2228}
.using-mop-section .using-section-2 .using-mop-item .description.step-2 .number{background: #eb2228}
.using-mop-section .using-section-2 .using-mop-item .description.step-3{color: #fa008b}
.using-mop-section .using-section-2 .using-mop-item .description.step-3 .number{background: #fa008b}
.using-mop-section .using-section-2 .using-mop-item .description.step-4{color: #00a650}
.using-mop-section .using-section-2 .using-mop-item .description.step-4 .number{background: #00a650}
.using-mop-section .using-section-2 .using-mop-item .description .text{display: inline-block; line-height: 30px; vertical-align: text-top; width: calc(100% - 63px); padding-left: 15px}
.using-mop-section .using-section-3{background: #f3f3f3}
.using-mop-section .using-section-3 .using-mop-item{display: table-cell; width: 50%; border-left: 2px solid #fff; padding: 50px; vertical-align: middle}
.using-mop-section .using-section-3 .using-mop-item:first-child{border: 0; text-align: center}
.using-mop-section .using-section-3 .using-mop-item h4{font-size: 24px; color: #333; font-weight: 400}

.mop-video-container{position: relative; display: inline-block; max-width: 100%}
.mop-video-container .fancybox-media{position: absolute; width: 86px; height: 86px; text-align: center; top: 50%; left: 50%; margin-top: -43px; margin-left: -43px; opacity: .7}
.mop-video-container .fancybox-media:hover{opacity: 1}
.simple-print-video .fancybox-media{margin-left: -13%}

.mop-section *{box-sizing: border-box; line-height: normal}
.mop-section .section-1{}
.mop-section .section-1 h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 40px 0 25px}
.mop-section .mop-content{width: 50%; display: table-cell; padding: 0 25px 30px 50px; border-left: 1px solid #ccc}
.mop-section .mop-ipad{border: 0}
.mop-section .mop-printer,
.mop-section .mop-picture{padding-bottom: 0}
.mop-section .home-banner-container{margin-top: 40px}
.mop-section .mop-content:first-child{border: 0}
.mop-section .mop-content .content-1{display: table}
.mop-section .mop-content .content-1 figure{display: table-cell; width: 114px}
.mop-section .mop-content .content-1 h3{vertical-align: middle; display: table-cell; font-size: 30px; font-weight: 400; color: #4295cd; padding-left: 18px}
.mop-section .mop-content .content-1 .m-wireless{color: #ed1c24}
.mop-section .mop-content .content-1 .m-printer{color: #e90c8b}
.mop-section .mop-content .content-1 .m-picture{color: #00a54e}
.mop-section .mop-content .content-2{font-size: 18px; margin-top: 10px; padding-right: 50px}

.mop-section .section-4{background: #f3f3f3}
.mop-section .section-4 h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 40px 0 25px}
.mop-section .section-4 h2 strong{color: inherit}
.mop-section .section-4 .mop-col{width: 33.33%; display: table-cell; border-left: 2px solid #fff}
.mop-section .section-4 .mop-col-1{padding-left: 20px; border: 0}
.mop-section .mop-step-content{padding: 0 30px 25px}
.mop-section .mop-step-content .title{font-size: 18px}
.mop-section .mop-step-content .des-text{font-size: 14px; margin-top: 10px}
.mop-section .mop-step-content .s-title{font-size: 14px; color: #0072bc; font-weight: 700}
.mop-section .mop-step-content .s-text{font-size: 14px; margin-top: 5px}

.mop-section .section-5{background: #fff; padding-bottom: 20px}
.mop-section .section-5 h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 40px 0 25px}
.mop-section .section-5 h2 strong{color: inherit}
.mop-section .section-5 .mop-col{width: 33.33%; display: table-cell; border-left: 1px solid #ccc}
.mop-section .section-5 .mop-col-1{padding-left: 20px; border: 0}
.mop-section .mop-col .s-des{padding: 0 30px 5px}
.mop-section .mop-col .s-des .s-title{font-size: 14px; font-style: italic; color: #0072bc; font-weight: 700}
.mop-section .mop-col .s-des .s-text{font-size: 14px; font-style: italic; margin-top: 5px}

.mop-section .section-6{background: #fff; padding-bottom: 0}
.mop-section .section-6 h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 20px 0 25px}
.mop-section .section-6 .mop-col{width: 33.33%; float: left}
.mop-section .mop-step-img{padding: 0 30px 25px 50px; margin-bottom: 30px}
.mop-section .mop-step-img figure{position: relative}
.mop-section .mop-step-img figure img{width: 100%}
.mop-section .mop-step-img figure .step-number{color: #fff; position: absolute; width: 58px; height: 58px; background: #ee018d; border-radius: 45px; text-align: center; line-height: 58px; font-size: 30px; bottom: -29px; left: 50%; margin-left: -29px}
.mop-section .mop-step-img .step-text{font-size: 18px; margin-top: 40px}

.mop-section .section-7{}
.mop-section .section-7 h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 20px 0 25px}
.mop-section .section-7 h2 .small-text{font-size: 18px}
.mop-section .section-7 .content{padding-left: 50px; padding-top: 0}
.mop-section .section-7 .content h3{color: #4295cd}
.mop-section .section-7 .content h4{font-size: 18px}

.mop-section ol li { margin-bottom: 21px; }

.di-mop-section h2{font-size: 36px; font-weight: 400; color: #4295cd; padding: 0 50px; margin: 40px 0 25px}
.di-mop-section h2 .link-content{font-weight: 400; font-size: 18px}
.di-mop-section .di-section-1{}
.di-mop-section .di-section-1 .di-content{font-size: 18px; width: 50%; float: left; padding: 0 25px 0 50px; border-left: 1px solid #ccc; vertical-align: top}
.di-mop-section .di-section-1 .di-content:first-child{border: 0}
.di-mop-section .di-section-1 .di-content .video-content{}
.di-mop-section .di-section-1 .di-content .link-content{margin-top: 25px}
.di-mop-section .di-section-1 .di-content .link-content a{font-weight: 400}
.di-mop-section .di-section-2{background: #f3f3f3}
.di-mop-section .di-section-2 .di-content{width: 33.33%; display: table-cell; border-left: 2px solid #fff; padding: 30px 50px; font-size: 18px}
.di-mop-section .di-section-2 .di-content:first-child{border: 0}
.di-mop-section .di-section-2 .di-content figure{text-align: center}
.di-mop-section .di-section-2 .di-content .s-text{color: #4295cd; font-style: italic; margin-top: 20px}
.di-mop-section .di-section-2 .di-content .s-author{color: #00011b; font-style: italic; margin-top: 20px}
.di-mop-section .di-section-3{padding-bottom: 40px}
.di-mop-section .di-section-3 figure{width: 324px; float: left; padding-left: 50px}
.di-mop-section .di-section-3 .di-content{width: calc(100% - 324px); float: left}
.di-mop-section .di-section-3 .di-content h2{margin-top: 20px}
.di-mop-section .di-section-3 .di-content .s-text{padding: 0 50px; font-size: 18px}
.di-mop-section .di-section-3 .di-content .link-action{padding-left: 50px}
.di-mop-section .di-section-3 .di-content .link-action .signup-link{background: #0072bc; padding: 5px 10px; color: #fff; font-size: 18px}

.action .link-button {background: #0072bc; padding: 5px 10px; color: #fff; font-size: 18px}

.mop-logo-content{}
.mop-logo-content a{padding: 10px; display: inline-block}
.mop-logo-content1 img {
    margin: 15px;
}

.mop-form-head-section{border-bottom: 0}
.mop-form-head-section .content{padding: 20px 10px 0}
.mop-form-head-section .content strong{color: #4597CF}
.mop-form-section{border-top: 0; padding: 0 10px 20px}
.mop-form-section *{box-sizing: border-box}
.mop-form-head-section .content .header-text,
.mop-form-section .C5LLC_control-group{margin: 0 auto; width: 550px}
.mop-form-section .C5LLC_control-group{margin-top: 10px}
.mop-form-section .C5LLC_control-group label{font-size: 14px; margin-bottom: 5px; display: block; width: 100% !important}
.mop-form-section .C5LLC_control-group input,
.mop-form-section .C5LLC_control-group select{width: 100% !important; background: #E1F3FD; border-radius: 4px; border: 1px solid #00B0EC}
.mop-form-section .C5LLC_control-group .required-label{font-weight: 700}
.mop-form-section .C5LLC_control-group .required-label .normal-text{font-weight: 400}

.mop-form-head-section .member-application-content{padding: 40px 95px 0}
.mop-form-head-section .member-application-content strong{color: #333}
.mop-form-head-section .member-application-content h2{font-size: 26px}
.mop-form-head-section .member-application-content .form-title-text{color: #4597CF; font-weight: 700}
.mop-form-2-section{padding: 20px 95px; border-top: 0}
.mop-form-2-section .C5LLC_control-group{width: 550px !important; min-height: auto !important}
.mop-form-2-section .C5LLC_control-group{margin-top: 10px}
.mop-form-2-section .C5LLC_control-group label{font-size: 14px; margin-bottom: 5px; display: block; width: 100% !important}
.mop-form-2-section .C5LLC_control-group input,
.mop-form-2-section .C5LLC_control-group select{width: 100% !important; background: #E1F3FD; border-radius: 4px; border: 1px solid #00B0EC}
.mop-form-2-section .C5LLC_control-group .required-label{font-weight: 700}
.mop-form-2-section .C5LLC_control-group .required-label .normal-text{font-weight: 400}
.mop-form-2-section .C5LLC_button-cell{text-align: left; padding-left: 0}

.mop-section .thank-content{color: #4597CF; font-size: 26px; padding: 40px 150px 0}
#dnn_ctr521_FormMaster_pnlThankYou table{width: 100%}

.custom-select{width: 100% !important}
.custom-select .btn{width: 100%; height: 36px; border-radius: 4px; border: 1px solid #00B0EC; background: #E1F3FD; outline: 0 !important}

.link-button-1{padding: 5px 15px; background: #00aff0; color: #fff !important; display: inline-block; text-align: center; width: 300px}
.link-button-1:hover{background: #00a0e1; color:#fff!important;}

/* ----------- Large ----------- */
@media (min-width: 1200px){
.mop-hidden-lg{display: none}
}
/* ----------- Medium ----------- */
@media (max-width: 1199px) and (min-width: 992px){
.mop-hidden-md{display: none}
}
/* ----------- Small ----------- */
@media (max-width: 991px){
.mop-hidden-sm{display: none}

.mop-section .section-6 .mop-col{width: 50%}

.mop-section .mop-content .content-1 figure{display: block}
.mop-section .mop-content .content-1 h3{display: block; padding-left: 0}

.using-mop-section .using-section-2 .using-mop-item .description{font-size: 20px}
}

@media (max-width: 991px) and (min-width: 768px){
.mop-section header .mop-icon{width: 100px}
.mop-section header .mop-text{font-size: 36px; padding: 30px 0 0 30px}
.mop-section header .mop-text.how-top-print-head .sub-text{font-size: 28px}
.mop-section header .mop-text.how-top-print-head .s-sub-text{font-size: 14px}

.using-mop-section .using-section-3 .using-mop-item{float: left}

}
/* ----------- Extra Small ----------- */
@media (max-width: 767px){

.mop-section header .mop-icon{width: 50px}
.mop-section header .mop-text{font-size: 28px; padding: 15px 0 0 10px}
.mop-section header .mop-text.how-top-print-head .sub-text{font-size: 18px}
.mop-section header .mop-text.how-top-print-head .s-sub-text{font-size: 14px}

.mop-section .section-1 h2{padding-left: 30px}
.mop-section .mop-content{display: block; width: 100%; border: 0; margin-bottom: 20px; padding-left: 30px}

.mop-section .section-4 .mop-col,
.mop-section .section-5 .mop-col{width: 100%; display: block; border: 0}

.mop-section .section-4 .mop-col-1,
.mop-section .section-5 .mop-col-1{padding-left: 0}

.mop-section .section-4 h2,
.mop-section .section-5 h2,
.mop-section .section-6 h2{padding-left: 30px}

.di-mop-section .di-section-1 .di-content{width: 100%; float: none; border: 0}
.di-mop-section .di-section-2 .di-content{width: 100%; display: block; border: 0}
.di-mop-section .di-section-3 figure,
.di-mop-section .di-section-3 .di-content{width: 100%; float: none}

.mop-form-head-section .content .header-text,
.mop-form-section .C5LLC_control-group{width: 100% !important}

.using-mop-section .using-section-1 .using-mop-item{display: block; width: 100%; border: 0; margin-bottom: 30px}
.using-mop-section .using-section-2 .using-mop-item{float: none; width: 100%; margin-bottom: 30px}
.using-mop-section .using-section-3 .using-mop-item{display: block; width: 100%; border: 0}
.using-mop-section h2,
.using-mop-section .using-section-1 .using-mop-item,
.using-mop-section .using-section-2 .using-mop-item,
.using-mop-section .using-section-3 .using-mop-item{padding-left: 10px; padding-right: 10px}

.mop-section .thank-content{padding: 40px 20px 0; font-size: 20px}

.mop-form-head-section .member-application-content{padding: 20px}
.mop-form-2-section{padding: 20px}
.mop-form-2-section .C5LLC_control-group{width: 100% !important}


#box-top                           { background-color:#ebebeb; border-bottom: 1px solid #bcbcbc; margin: 0; padding:0 20px; width: 100%;}
#box-top-img                       { float: left; margin:0; padding:5px 10px; text-align: left; width:70px;}
#box-top-img img                   { width: 100%; }
#box-top-txt                       { float:left; font-family:Arial,Helvetica; font-size:18px; font-weight:bold; line-height:0;  margin:30px 0 0; padding: 0; text-align: left; }
#box-top-txt br                    { display: none;}
#box-top-txt-prt-anrd              { float:left; font-family:Arial,Helvetica; font-size:18px; font-weight:bold; line-height:normal!important;  margin:12px 0 0; padding: 0; text-align: left; }
#box-top-txt a                     { font-size:12px !important;}
.toptxt                            { font-size:17px !important;}
.toptxt-small                      { font-size:17px !important;}
.toptxt-small-new                  { font-size:16px !important;}
.customp {
    display: none !important;
}
#box-top-txt > a                   { line-height:11px !important; }
	
	
	
#box-top-txt-windows-gr            { font-size: 16px!important; line-height: 56px; margin: 0px 0 0; text-align: left; white-space: nowrap;}
#box-top-txt-windows-gr a          { font-size: 16px!important;}
	
}

@media (max-width: 479px){
.mop-hidden-xs{display: none}

.mop-section .section-6 .mop-col{width: 100%}

.simple-print-video .fancybox-media{width: 50px; height: 50px; margin-top: -25px; margin-left: -25px}

.link-button-1{width: 100%}
}





.mp-ms-wrapper{
    position:relative;
    width:100%;
    font-size:18px;
    height: auto;
    overflow: hidden;
    margin-top:50px;
    }
    .mp-ms-wrapper h2{
    color:#4295CD;
    font-size:24px;
    }
    .mp-ms-left, .mp-ms-right{
    position:relative;
    width:50%;
    float:left;
    padding: 0;
    }
    .mp-ms-left{
    /*border-right:solid 1px #ccc;*/
    }
    #bor-left {
    border-left: 1px solid #ccc;
}


    .mp-ms-content{
    padding: 0px 25px 30px 50px;
    text-align:left;
    }
    .mp-ms-full {
    position:relative;
    width:100%;
    clear:both;
    }
    .alternate
    {
    border-right-color:#FFF;
    }
    .mp-ms-full-alternate {
    position:relative;
    width:100%;
    clear:both;
    background-color:#f3f3f3;
    height:auto;
    overflow:auto;
    padding-bottom:20px;
    padding-top:20px;
    margin-top:-20px;
    }
    @media screen and (max-width:768px) {
    .mp-ms-left, .mp-ms-right{
    width:100%;
    border:none;
    }
		
	#bor-left {
    border-left: none;}	
	
		
.sec-left  { width: auto; float: none; margin: 0; padding: 0;}
.sec-left img { width: auto;}
.sec-right { width: auto; float: none; margin: 0;}
		
    }
/****** styles for contents end ******/






/****** styles for How To Print ******/

.mop-section {
    border: 0px solid #ccc;
    }
    .accordion-group {
    margin-bottom: 2px;
    border: 0px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    .htp {
    background-color: #f7f7f7;
    margin-top:22px;
    }
    .htp h1{
    font-size:30px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .htp span{
    font-weight: bold;
    padding-bottom:3px;
    }
    .mop-section .mop-content {
    border-left: 0px solid #ccc !important;
    }
    .mop-section .mop-content {
    width: 50%;
    display: table-cell;
    padding: 0 0px 30px 50px;
    }
    .mop-section .mop-content .content-1 {
    display: table;
    float: left;
    }
    .mop-section .mop-content .content-2 {
    font-size: 18px;
    margin-top: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    overflow: hidden;
    /* float: left; */
    }
    .content-2 h3 {
    font-size: 24px !important;
    font-weight: bold;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 64px;
    height: 64px;
    padding: 8px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 40px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .steps {
    width:100%;
    text-align: center;
    display: inline;
    margin: 0 auto;
    position:relative;
    }
    .step-up {
    margin-top: 40px;
    margin-bottom: 33px;
    }
    .step-up-2 {
    margin-top: 27px;
    margin-bottom: 57px;
    }
    .step-up-2 p {
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .inside-steps {
    display: inline-block;
    font-size: 40px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 10px;
    }
    .syp {
    display: block;
    margin-top: 12px;
    }
    .mop-section .syp-content {
    width: 50%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    }
    .mop-section .syp-content .title {
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1073b8;
    padding-bottom: 22px;
    }
    .mop-section .syp-content .des-text {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #3d3d3c;
    }
    .mop-section .syp-content .des-text a {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #22afeb;
    }
    .mop-section .syp-content .note {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #3d3d3c;
    padding-top: 25px;
    }
    .cps {
    display: block;
    margin-top: 12px;
    }
    .mop-section .cps-content {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    /* border-left: 17px solid #fff;*/
    }
    .mop-section .cps-content .title {
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #1073b8;
    padding-bottom: 22px;
    }
    .mop-section .cps-content .des-text {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #3d3d3c;
    }
    .mop-section .cps-content .des-text a {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #22afeb;
    }
    .mop-section .cps-content .note {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #3d3d3c;
    padding-top: 25px;
    }
    .qs {
    background-color: #f7f7f7;
    margin-top:22px;
    }
    .qs .qs-group {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 55px;
    overflow: auto;
    }
    .qs h1{
    font-size:45px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:49px;
    }
    .qs span{
    font-weight: bold;
    padding-bottom:3px;
    }
    .qs-button {
    padding: 20px 25px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    width: 280px;
    font-weight: normal;
    white-space: nowrap;
    }
    .qs-button a, a:visited, a:active {
    color: #4295cd;
    text-decoration: none;
    outline: 0;
    }
    a:link {
		color: #4295cd;
		font-size: 18px;
	}
    .show-d {
    display: block;
    }
    .show-m {
    display: none;
    text-align: center;
    background-color: #262626;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 100px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    }
    .mop-section header .mop-textz {
    float: left;
    font-size: 32px;
    color: #fff;
    padding: 30px 0 0 45px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 26px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 18px;
    }
    .htp-1 {
    padding-top:60px;
    }
    .content-2 a {
    font-family: Arial, sans-serif;
    color: #22afeb;
    text-decoration: none;
    }
    @media (min-width: 320px) {
    .mop-section .mop-content {
    width: 100%;
    display: block;
    padding: 0 0px 30px 0px;
    }
    .mop-section .syp-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-left: 0px solid #fff;
    border-bottom: 1px solid #cccbcb;
    }
    .syp {
    display: block;
    margin-top: 0px;
    }
    .mop-section .cps-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-bottom: 1px solid #cccbcb;
    }
    .cps {
    display: block;
    margin-top: 0px;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 37px;
    height: 37px;
    padding: 5px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 24px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .inside-steps {
    display: block;
    font-size: 24px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 5px;
    padding-top: 16px;
    }
    .step-up p {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .show-d {
    display: none;
    }
    .show-m {
    display: block;
    }
    .qs h1 {
    font-size: 24px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top: 49px;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 70px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: right;
    width: 70%;
    }
    .mop-section header .mop-textz {
    float: right;
    font-size: 24px;
    color: #fff;
    padding: 30px 0 0 15px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 18px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 14px;
    }
    .htp-1 {
    padding-top:30px !important;
    }
    .htp h1{
    font-size:26px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .how-top-print-headz h1 {
    color:#FFF !important;
    font-weight: bold !important;
    font-size: 24px !important;
    }
    }
    @media (min-width: 550px) {
    .mop-section .mop-content {
    width: 100%;
    display: block;
    padding: 0 0px 30px 0px;
    }
    .mop-section .syp-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-left: 0px solid #fff;
    border-bottom: 1px solid #cccbcb;
    }
    .syp {
    display: block;
    margin-top: 0px;
    }
    .mop-section .cps-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-bottom: 1px solid #cccbcb;
    }
    .cps {
    display: block;
    margin-top: 0px;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 37px;
    height: 37px;
    padding: 5px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 24px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .inside-steps {
    display: block;
    font-size: 24px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 10px;
    padding-top: 16px;
    }
    .step-up p {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .show-d {
    display: block;
    }
    .show-m {
    display: none;
    text-align: center;
    background-color: #262626;
    }
    .qs h1 {
    font-size: 45px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top: 49px;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 100px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    }
    .mop-section header .mop-textz {
    float: left;
    font-size: 32px;
    color: #fff;
    padding: 30px 0 0 45px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 26px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 18px;
    }
    .htp-1 {
    padding-top:60px !important;
    }
    .htp h1{
    font-size:30px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .how-top-print-headz h1 {
    color:#FFF !important;
    font-weight: bold !important;
    font-size: 32px !important;
    }
    }
    @media (min-width: 768px) {
    .mop-section .mop-content {
    width: 100%;
    display: block;
    padding: 0 0px 30px 0px;
    }
    .mop-section .syp-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-left: 0px solid #fff;
    border-bottom: 1px solid #cccbcb;
    }
    .syp {
    display: block;
    margin-top: 0px;
    }
    .mop-section .cps-content {
    width: 100%;
    display: block;
    background: #f3f3f3;
    padding: 30px;
    border-bottom: 1px solid #cccbcb;
    }
    .cps {
    display: block;
    margin-top: 0px;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 37px;
    height: 37px;
    padding: 5px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 24px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .inside-steps {
    display: block;
    font-size: 24px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 10px;
    padding-top: 16px;
    }
    .step-up p {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .show-d {
    display: block;
    }
    .show-m {
    display: none;
    text-align: center;
    background-color: #262626;
    }
    .qs h1 {
    font-size: 45px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top: 49px;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 100px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    }
    .mop-section header .mop-textz {
    float: left;
    font-size: 32px;
    color: #fff;
    padding: 30px 0 0 45px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 26px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 18px;
    }
    .htp-1 {
    padding-top:60px !important;
    }
    .htp h1{
    font-size:30px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .how-top-print-headz h1 {
    color:#FFF !important;
    font-weight: bold !important;
    font-size: 32px !important;
    }
    }
    @media (min-width: 992px) {
    .mop-section .mop-content {
    width: 50%;
    display: table-cell;
    padding: 25px 0px 30px 25px;
    }
    .mop-section .syp-content {
    width: 50%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    border-bottom: 0px solid #cccbcb;
    }
    .syp {
    display: block;
    margin-top: 12px;
    }
    .mop-section .cps-content {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    border-bottom: 0px solid #cccbcb;
    }
    .cps {
    display: block;
    margin-top: 12px;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 64px;
    height: 64px;
    padding: 8px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 40px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .inside-steps {
    display: inline-block;
    font-size: 40px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 10px;
    }
    .step-up p {
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .show-d {
    display: block;
    }
    .show-m {
    display: none;
    text-align: center;
    background-color: #262626;
    }
    .qs h1 {
    font-size: 45px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top: 49px;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 100px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    }
    .mop-section header .mop-textz {
    float: left;
    font-size: 32px;
    color: #fff;
    padding: 30px 0 0 45px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 26px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 18px;
    }
    .htp-1 {
    padding-top:60px !important;
    }
    .htp h1{
    font-size:30px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .how-top-print-headz h1 {
    color:#FFF !important;
    font-weight: bold !important;
    font-size: 32px !important;
    }
    }
    @media (min-width: 1200px) {
    .mop-section .mop-content {
    width: 50%;
    display: table-cell;
    padding: 25px 0px 30px 25px;
    }
    .mop-section .syp-content {
    width: 50%;
    display: table-cell;
    background: #f3f3f3;
    padding: 25px;
    border-left: 17px solid #fff;
    border-bottom: 0px solid #cccbcb;
    }
    .syp {
    display: block;
    margin-top: 12px;
    }
    .mop-section .cps-content {
    width: 33.33%;
    display: table-cell;
    background: #f3f3f3;
    padding: 30px;
    border-left: 17px solid #fff;
    border-bottom: 0px solid #cccbcb;
    }
    .cps {
    display: block;
    margin-top: 12px;
    }
    .numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 64px;
    height: 64px;
    padding: 8px;
    background: #e61d8b;
    color: #FFFFFF;
    text-align: center;
    font: 40px Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    }
    .inside-steps {
    display: inline-block;
    font-size: 40px;
    font-family: Arial, sans-serif;
    color: #e61d8b;
    padding-left: 10px;
    }
    .step-up p {
    font-family: Arial, sans-serif;
    font-size: 24px;
    color: #3d3d3c;
    margin-left: 5%;
    margin-right: 5%;
    }
    .qs-button {
    padding: 20px 25px;
    background: #0072bc;
    color: #fff;
    font-size: 18px;
    width: 50%;
    font-weight: normal;
    white-space: nowrap;
    }
    .show-d {
    display: block;
    }
    .show-m {
    display: none;
    text-align: center;
    background-color: #262626;
    }
    .qs h1 {
    font-size: 45px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top: 49px;
    }
    .mop-section header .mop-iconz {
    float: left;
    width: 100px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    }
    .mop-section header .mop-textz {
    float: left;
    font-size: 32px;
    color: #fff;
    padding: 30px 0 0 45px;
    line-height: normal;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-textz {
    font-size: 26px;
    }
    .mop-section header .mop-textz.how-top-print-headz .s-sub-textz {
    font-size: 18px;
    }
    .htp-1 {
    padding-top:60px !important;
    }
    .htp h1{
    font-size:30px;
    text-align: center;
    color: #1073b8;
    font-weight: normal;
    padding-top:12px;
    padding-bottom:12px;
    }
    .how-top-print-headz h1 {
    color:#FFF !important;
    font-weight: bold !important;
    font-size: 32px !important;
    margin: 0 0 5px 0;
    }
    }
    
/****** styles for How To Print end ******/    

.dnnPrimaryAction, .dnnFormItem input[type=submit], a.dnnPrimaryAction {
    border-color: #0D569E;
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd));
    background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%);
    background: linear-gradient(top, #358eea 0%,#2170cd 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}







/******* Style for App Developers Information ********/

.columns
    {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    padding-left: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 48px;
    }
    /*remove standard list and bullet formatting from ul*/
    .columns ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    }
    /* correct webkit/chrome uneven margin on the first column*/
    .columns ul li:first-child
    {
    margin-top:0px;
    }
    .whyadd {
    text-align:center;
    background-color: #FFFFFF;
    font-size: 20px;
    font-family: arial;
    }
    .linkbutton {
    padding: 5px 10px;
    background: #0072bc;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
    }
    .learnmore {
    }
    .ap-fix {padding-top:20px;}
    #tab {
    font-size: 20px;
    background-color: #ffffff;
    }
    ul.whyadd {
    list-style-image: url('/images/bulletarrow.png');
    }
    .mop-section {
    /*margin-top: -25px;*/
    }
    @media (min-width: 320px) {
    .vid-clear {
    clear:both;
    padding-bottom: 48px;
    }
    .headers {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    margin-top: 48px;
    margin-bottom: 36px;
    margin-left: 25px;
    margin-right: 25px;
    }
    .headers-q {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    margin-right: 25px;
    }
    .headers-f {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 48px;
    padding-bottom: 42px;
    background-color: #f5f5f5;
    }
    .columns
    {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    padding-left: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 48px;
    }
    /*remove standard list and bullet formatting from ul*/
    .columns ul
    {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    text-align: left;
    }
    /* correct webkit/chrome uneven margin on the first column*/
    .columns ul li:first-child
    {
    margin-top:0px;
    }
    }
    @media (min-width: 550px) {
    .vid-clear {
    clear:both;
    padding-bottom: 0px;
    }
    .headers {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    margin-top: 48px;
    margin-bottom: 36px;
    }
    .headers-q {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    }
    .headers-f {
    font-size: 36px;
    text-align: center;
    color: #4295cd;
    background-color: #f5f5f5;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 48px;
    padding-bottom: 42px;
    }
    .columns
    {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */

    column-width: 11.5em;
    padding-left: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 48px;
    }
    /*remove standard list and bullet formatting from ul*/
    .columns ul
    {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    text-align: left;
    }
    /* correct webkit/chrome uneven margin on the first column*/
    .columns ul li:first-child
    {
    margin-top:0px;
    }
    }
    @media (min-width: 768px) {
    .vid-clear {
    clear:both;
    padding-bottom: 0px;
    }
    .headers {
    font-size: 48px;
    text-align: center;
    color: #4295cd;
    margin-top: 48px;
    margin-bottom: 36px;
    }
    .headers-q {
    font-size: 48px;
    text-align: center;
    color: #4295cd;
    }
    .headers-f {
    font-size: 48px;
    text-align: center;
    color: #4295cd;
    background-color: #f5f5f5;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 48px;
    padding-bottom: 42px;
    }
    .columns
    {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    padding-left: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 48px;
    }
    /*remove standard list and bullet formatting from ul*/
    .columns ul
    {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    text-align: left;
    }
    /* correct webkit/chrome uneven margin on the first column*/
    .columns ul li:first-child
    {
    margin-top:0px;
    }
    }
    @media (min-width: 992px) {
    .vid-clear {
    clear:both;
    padding-bottom: 0px;
    }
    .headers {
    font-size: 48px;
    text-align: center;
    color: #4295cd;
    margin-top: 48px;
    margin-bottom: 36px;
    }
    .headers-q {
    font-size: 48px;
    text-align: center;
    color: #4295cd;
    }
    .headers-f {
    text-align: center;
    color: #4295cd;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #4295cd;
    font-weight: normal;
    line-height: 60px;
    padding-top: 48px;
    padding-bottom: 50px;
    background-color: #f5f5f5;
    padding-left: 0px;
    padding-right: 0px;
    }
    .columns
    {
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
    padding-left: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 48px;
    }
    /*remove standard list and bullet formatting from ul*/
    .columns ul
    {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    text-align: left;
    }
    /* correct webkit/chrome uneven margin on the first column*/
    .columns ul li:first-child
    {
    margin-top:0px;
    }
    }
    @media (max-width: 767px)	{
.mop-section header .mop-text {
  font-size: 25px !important;
  padding: 0px 0 0 25px !important;
  width: 285px;
  margin: 0;
}
    .mop-section header .mop-text h1 {
    font-size: 28px !important;
    color: #fff !important;
    font-weight: normal !important;
    }
    }
    @media (min-width: 768px)	{
    .mop-section header .mop-text h1 {
    font-size: 32px !important;
    color: #fff !important;
    font-weight: normal !important;
    }
    }
/******* Style for App Developers Information End ********/




/******* Tab Style *******/



ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
    border-left: solid 2px #cccccc;
    border-right: solid 2px #cccccc;
    border-top: solid 2px #cccccc;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:48px;
	line-height:60px;
	vertical-align: middle;
	height: 141px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {
      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:33%; float:left; }
.tab-one-image { width:100%; float:left;}
.tab-two-text { width:50%; }
.tab-two-text-2 { width:50%; }
.tab-three-text { width:50%; }
.tab-three-text-2 { width:50%; }
.quote-text {font-style: italic; font-size: 36px; line-height: 40px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 68px !important;
	}
.links-tab-3 {
	padding-top: 88px !important;
	}

@media (min-width: 320px) {
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-top: 35px;
	width:32%;
	vertical-align: middle;
	height: 121px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {

      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:100%; float:left; }
.tab-one-image { width:100%; float:left; display:block;}
.tab-one-image img { width:300px;}
.tab-one-image-mobile { width:100%; float:left; display:block;}
.tab-one-image-mobile img { margin-left:auto; margin-right:auto; display:block;}
.tab-two-text { width:100%; }
.tab-two-text-2 { width:100%; }
.tab-three-text { width:100%; }
.tab-three-text-2 { width:100%; }
.quote-text {font-style: italic; font-size: 24px; line-height: 28px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 0px !important;
	}
.links-tab-3 {
	padding-top: 0px !important;
	}
}


@media (min-width: 550px) {
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
    line-height: 28px;
    padding-top: 35px;
	vertical-align: middle;
	height: 141px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {
      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:100%; float:left; }
.tab-one-image { width:100; float:left; display:inline-block;}
.tab-one-image img { width:400px; margin-left: auto; margin-right: auto; display: block;}
.tab-one-image-mobile { width:100%; float:left; display:none;}
.tab-two-text { width:100%; }
.tab-two-text-2 { width:100%; }
.tab-three-text { width:100%; }
.tab-three-text-2 { width:100%; }
.quote-text {font-style: italic; font-size: 30px; line-height: 36px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 0px !important;
	}
.links-tab-3 {
	padding-top: 0px !important;
	}
}

@media (min-width: 768px) {
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
    line-height: 36px;
    padding-top: 25px;
	vertical-align: middle;
	height: 141px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {
      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:100%; float:left; }
.tab-one-image { width:100%; float:left; display:inline-block;}
.tab-one-image img { width:530px; margin-left: auto; margin-right: auto; display: block;}
.tab-one-image-mobile { width:100%; float:left; display:none;}
.tab-two-text { width:100%; }
.tab-two-text-2 { width:100%; }
.tab-three-text { width:100%; }
.tab-three-text-2 { width:100%; }
.quote-text {font-style: italic; font-size: 36px; line-height: 40px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 68px !important;
	}
.links-tab-3 {
	padding-top: 88px !important;
	}
}


@media (min-width: 992px) {
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
    line-height: 40px;
    padding-top: 30px;
	vertical-align: middle;
	height: 141px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {
      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:100%; float:left; }
.tab-one-image { width:100%; float:left; display:inline-block;}
.tab-one-image img { width:630px; margin-left: auto; margin-right: auto; display: block;}
.tab-two-text { width:100%; }
.tab-two-text-2 { width:100%; }
.tab-three-text { width:100%; }
.tab-three-text-2 { width:100%; }
.quote-text {font-style: italic; font-size: 36px; line-height: 40px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 68px !important;
	}
.links-tab-3 {
	padding-top: 88px !important;
	}
}

@media (min-width: 1200px) {
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center; }
  ul#tabs>li {
    display: inline-block;
    background-color: #f3f3f3;
    /*border-top: solid 5px #4295cd;*/
    padding: 5px 20px;
    /*margin-bottom: 4px;*/
    color: #cccccc;
	background-color: #f3f3f3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 40px;
    padding-top: 30px;
	vertical-align: middle;
	height: 141px;
    cursor: pointer; }
    ul#tabs>li:hover {
      background-color: #4295cd; color: #FFFFFF;}
    ul#tabs>li.active {
      background-color: #FFFFFF; color: #4295cd; border-top: solid 10px #4295cd; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0; }
  ul#tab>li {
    display: none;
    padding: 30px;
    /*border: solid 20px #d2f4e9;*/ }
    ul#tab>li.active {
      display: block; }
    ul#tab>li h2 {
      font-weight: 400;
      margin-bottom: 30px;
      padding-bottom: 5px;
      border-bottom: solid 5px #32c896; }
	  
.tab-one-text { width:33%; float:left; }
.tab-one-image { width:66%; float:right; display:inline-block; padding-left:30px;}
.tab-one-image img { width:100%;}
.tab-one-image-mobile { width:100%; float:left; display:none;}
.tab-two-text { width:50%; float:left; }
.tab-two-text-2 { width:50%; float:left; }
.tab-three-text { width:50%; float:left; }
.tab-three-text { width:50%; float:left; }
.quote-text {font-style: italic; font-size: 36px; line-height: 40px; color: #4295cd; margin-left: 5%; margin-right: 5%; padding-top: 40px;}
.links-tab-2 {
	padding-top: 68px !important;
	}
.links-tab-3 {
	padding-top: 88px !important;
	}
}

/******* Tab Style End*******/





/****** style for video page ********/


    
    
    /* */
    .mop-section .videos-content {
    padding: 30px 0px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 23%;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content {
    /* padding-left: 20px; */
    margin: 0;
    }
    .videos-content .video-container {
    /* padding-left: 20px; */
    margin-left:20px;
    height: 259px;
    vertical-align: top;
    box-sizing: content-box;
    }
    .video-container:nth-child(2n+1) {
    margin-left: 20px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
    .video-container .fancybox-media {
    position: absolute;
    width: 86px;
    height: 86px;
    text-align: center;
    top: 35%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 34px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 33px;
    }
    @media (min-width: 320px) {
   .video-title {color: #4295cd; font-weight: bold; font-size: 18px; margin-top: 25px; margin-left: 42px;}
		


    .mop-section .videos-content {
    padding: 10px 0px 0px 40px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 250px;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content .video-container {
    /* padding-left: 20px; */
    margin-left:0;
    height: 210px;
    vertical-align: top;
    box-sizing: content-box;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
.video-container .fancybox-media {
    position: absolute;
    width: auto;
    height: auto;
    text-align: center;
    top: 39%;
    left: 47%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
}
    .video-container:nth-child(2n+1) {
    margin-left: 0px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: right;
    width: 70%;
    margin-top: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 34px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 19px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 4px;
    }
    
    }
    @media (min-width: 550px) {
    .mop-section .videos-content {
    padding: 30px 0px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 48%;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content .video-container {
    /* padding-left: 20px; */
    margin-left:14px;
    height: 270px;
    box-sizing: content-box;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
    .video-container .fancybox-media {
    position: absolute;
    width: 40%;
    height: auto;
    text-align: center;
    top: 26%;
    left: 47%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
    }
    .video-container:nth-child(2n+1) {
    margin-left: 0px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    margin-top: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 28px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 20px;
    }
    }
    @media (min-width: 768px) {
    .mop-section .videos-content {
    padding: 30px 0px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 23%;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content .video-container {
    /* padding-left: 20px; */
    margin-left:11px;
    box-sizing: content-box;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
    .video-container .fancybox-media {
    position: absolute;
    width: 40%;
    height: auto;
    text-align: center;
    top: 21%;
    left: 55%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
    }
    .video-container:nth-child(2n+1) {
    margin-left: 11px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    margin-top: 0px;
    width: 80%;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 26px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 34px;
    }
    }
    @media (min-width: 992px) {
    .mop-section .videos-content {
    padding: 30px 0px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 23%;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content .video-container {
    /* padding-left: 20px; */
    margin-left:20px;
    height: 270px;
    box-sizing: content-box;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
    .video-container .fancybox-media {
    position: absolute;
    width: 86px;
    height: 86px;
    text-align: center;
    top: 22%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
    }
    .video-container:nth-child(2n+1) {
    margin-left: 20px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    margin-top: 0px;
    width: 80%;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 34px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 30px;
    }
    }
    @media (min-width: 1200px) {

		
	.video-title {color: #4295cd; font-weight: bold; font-size: 24px; margin-top: 25px; margin-left: 15px;}	
    .mop-section .videos-content {
    padding: 30px 0px;
    font-size: 18px;
    color: #333;
    line-height: normal;
    }
    .video-container {
    position: relative;
    display: inline-block;
    /* max-width: 100%; */
    max-width: 23%;
    }
    .video-container p {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    }
    .videos-content .video-container {
    /* padding-left: 26px; */
    margin-left:26px;
    height: 270px;
    box-sizing: content-box;
    }
    .mop-section-normal {
    box-sizing: content-box;
    line-height: normal;
    }
    .video-container .fancybox-media {
    position: absolute;
    width: 86px;
    height: 86px;
    text-align: center;
    top: 30%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
    opacity: .7;
    }
    .video-container:nth-child(2n+1) {
    margin-left: 26px;
    }
    .video-container:nth-child(4n+1) {
    margin-left: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz {
    padding-top: 0;
    float: left;
    margin-top: 0px;
    }
    .mop-section header .mop-textz.how-top-print-headz .sub-text-videos {
    font-size: 34px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 30px;
    }
    }


/* Accordion MOD { */
.mop-section .accordion, .mop-section .panel, .mop-section .accordion-group, .mop-section .accordion-heading, .mop-section .accordion-body { border: 0px none transparent !important; background-image: none !important; border-radius: 0px !important; box-shadow: none !important; margin: 0;}
.mop-section .accordion-heading a { border: 0px none transparent !important; text-decoration: none; background-image: none !important; }
.mop-section .accordion-inner { padding-bottom: 10px !important; }
/* Accordion MOD } */

/* Language and Search boxes MOD { */
.mod-languages { /*background: #cccccc none repeat scroll 0 0; */border-radius: 0 !important; margin-right: -14px; }
.sp-module-content > .search { border: 2px solid; margin-left: -98px; width: 277px; }
#mod-search-searchword { /*border: 1px solid #000000;*/ border-radius: 0; width: 237px; border: 0 none transparent; }
#mod-search-searchword:focus { background-color: #cccccc; box-shadow: 0 0 14px 0 #333333 inset; -webkit-box-shadow: 0 0 14px 0 #333333 inset; -moz-box-shadow: 0 0 14px 0 #333333 inset;  }
#mod-search-searchword::-moz-placeholder { color: #000000; }
#mod-search-searchword::-webkit-input-placeholder { color: #000000; }
#mod-search-searchword:-ms-input-placeholder { color: #000000; }
/* Language and Search boxes MOD } */

.awesomplete {
  display: contents;
  position: inherit;
  border-collapse: separate;
}
/****** style for videl page end ****/

@media (max-width: 1199px) {
	.sp-module-content > .search {
		width: 245px;
	}
	
}


@media (max-width: 1024px) {
	#sp-bottom1 {
	    padding-bottom: 0;
	}
	

}

@media (max-width: 991px) {
	.sp-module-content > .search {
		width: 207px;
	}
}


@media (max-width: 768px) {

	.sp-column ._menu {
		display: none;
	}

}
@media (max-width: 670px) {
	.sp-module-content > .search {
	    border: 2px solid;
	    margin-left: -50px;
	    width: 257px;
	}
}

@media (max-width: 480px) {
	#sp-component {
	    position: inherit;
	    padding-left: 15px;
    	padding-right: 15px;
    }
    
    div[itemprop=articleBody] {
		border: 2px solid #ccc;
	  	padding: 0 0 0 0px;
	}
	.iFrameWrapper {
		/*margin: 0 -2px;*/
		  -webkit-overflow-scrolling: touch; 
		overflow:auto;
	}
	.sp-module-content .search {
		width: 195px;
	}
	


}

@media (max-width: 414px) {
	.sp-module-content .search {
		width: 200px;
    	margin-top: 15px;
	}
}


@media (max-width: 380px) {
	.sp-module-content .search { border: 2px solid; margin-left: -58px; width: 190px; }

}

@media (max-width: 320px) {
	.mop-link-container {
		margin-left: 10px;
	}
	.sp-module-content .search {
	    border: 2px solid;
	    margin-left: -30px;
	    width: 150px;
	}
	

}

/*
.menu li:nth-child(8) ul {
    position: fixed !important;
    max-width: 12% !important;
}




/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 1024px)
{

	
	
	
/* SLIDER THUMNAIL HIDE IN TABLET CSSSSSS */
.n2-ss-widget.n2-ss-widget-display-desktop.n2-ss-widget-display-tablet.n2-ss-widget-display-mobile.nextend-thumbnail.nextend-thumbnail-default.nextend-thumbnail-vertical {
    display: none !important;
}
}



/* New Css Start here */
.topboxes         { width: 75%; margin: 0 auto 30px;}
@media only screen and (max-width : 1024px)
{
.topboxes         { width: auto; margin: 0 auto 30px;}
.topboxes #sp-bottom2, .topboxes #sp-bottom3, .topboxes #sp-bottom4  { width: 30%; float: left;}
.topboxes #sp-bottom3        { clear: none;}
.topboxes #sp-bottom1        { display: none;}
}

@media only screen and (max-width : 767px)
{
.topboxes #sp-bottom2, .topboxes #sp-bottom3, .topboxes #sp-bottom4  { width: auto; float: none;}
}



/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :414px)   
{ 
#grey-box      { background-color: #f3f3f3; padding: 30px 0 0 0; width: 380px; margin: 0 0 0 25px; } 	

}

/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :375px)   
{ 
#grey-box      { background-color: #f3f3f3; padding: 30px 0 0 0; width: 340px; margin: 0 0 0 25px; }
#grey-box .mp-ms-content { padding: 0 15px;  width: auto;} 	

#sp-breadcrumb {   margin:5px 0 0 0 !important; }
.mop-section .content .mop-collapse {
    padding: 0 15px;
}
.mop-section .content {  padding: 30px 35px;  font-size: 18px; color: #333;  line-height: normal; }
}


/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :320px)   
{
#sp-breadcrumb { margin: 5px 0 0 0 !important;}
#grey-box      { background-color: #f3f3f3; padding: 30px 0 0 0; width: 286px; margin: 0 0 0 25px; }
#grey-box .mp-ms-content { padding: 0 15px;  width: auto; }
	.mop-section .accordion, .mop-section .panel, .mop-section .accordion-group, .mop-section .accordion-heading, .mop-section .accordion-body {
    border: 0px none transparent !important;
    background-image: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    margin: 0 5px;
}	

}
/*

ul.menu li:nth-child(1) {
    display: none !important;
}
*/

@media (max-width:800px){
#sp-logo {
  width: 50%;
  float: left;
}

.sp-megamenu-wrapper{
	display:none;
}

}