/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.collapsible:hover {}

.navigation-19,
.navigation-19b {
  position: relative;
  z-index: 100;
  border-width: 1px 0;
  list-style: none;
  margin: 0;
  text-align: right;
  padding: 50px;

}

.walldecor-sections-left {

  padding-left: 10%;
  width: 50%;
}

.walldecor-sections-right {
  max-width: 30%;
  padding-left: 50px;
}

.walldecor-sections-left,
.walldecor-sections-right {
  top: 0px;
  max-width: 50%;
  padding: 25px;
  display: inline-block;
}

.video-c {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
}

.video-container {
  max-width: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-display-right {
  position: absolute;
  top: 0px;
  padding: 60px 10px 5px 70px;
}

.video-display-right h2 {
  text-align: left
}

h2,
h1,
.bookbutton,
#up11 h1,
.floating h1,
.btn06,
.seniort,
.forobjectnav,
.instatext-portrait,
.par1,
.par6-head,
.par5-head,
.par3-head,
.brands,
.floating h1,
.dropbtn19,
h2,
.par1,
.btn06,
h3,
.quotation-section01 h1,
.text h2,
#h1,
a.five,
.mobileNav a,
.navigation-19,
.navigation-19b,
a.five:hover,
.navigation-202,
.navigation-top,
h3,
a.five,
a.five:hover,
.navigation-top {
  text-transform: uppercase;
}

img.loghi {
  width: 150px;
}

.video-display,
.video-display-right {
  max-width: 45%;
  display: inline-block;
}

h3,
.p-pos-2,
.packages,
.footer h2,
.textr,
.descrpnoin,
.bottomdescrpp,
.descrpp,
.descrl,
.toptable,
.descrt,
a.nine,
.descrpnoin,
.descrp,
.p-pos-4,
.p-pos-3,
.sidebar3,
.p-pos-1,
.packages,
.frontheadpackage,
.floating h1,
.Lorina-toppage h4,
.f-m-in,
.dtext,
.column1 h2,
column2 h2,
.ftext {
  text-align: left;
}

.main-section {
  max-width: 25%;
  display: inline-block;
  font-size: 8pt;
  padding: 10px 20px 10px 30px;
}

.mainline {
  color: white;
  background-color: #181818;
  max-width: 100%;
}

.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

.storeNav {
  visibility: hidden;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  max-height: 0px;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* removing any additional inline-css */
.quotation-section01 h1 {
  color: black;
  font-weight: 700;
}

.structure-top .generalrow {
  margin-top: 10px;
  z-index: 1;
  font-weight: 600;
}

.floating-body .floating h3 {
  font-weight: 400;
}

.floating-body .floating a.highlight {
  color: white;
}


.mobileNavSection,
.linksNav,
.mobileNavContainer,
.mobileNavTop,
.mobileNav {
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.mobileNavSection {
  font-size: 2em;
  padding: 10px 0px 10px 0px;
}

.mobileNavContainer {
  margin: 0% 10% 0% 5%;
}

.mobileNavTop {
  height: 100px;
}

.mobileNav {
  width: 80%;
  background-color: #404040;
  text-transform: capitalize;
  padding-right: 0px;
  position: absolute;
  left: 20%;
  text-align: right;
  z-index: 5;
}

.mobileNav a,
.coupon-text {
  color: white;
}

.mobileNav a:hover {
  color: grey;
}

a.mobileNav,
.footer b,
.footer p {
  color: white;
}

/*hide the inputs/checkmarks and submenu*/
input,
ul.submenu {
  display: none;
}

/*position the label*/
label {
  position: relative;
  display: block;
  cursor: pointer;
}

/*show the submenu when input is checked*/
input:checked~ul.submenu {
  display: block;
}

#discover {
  padding-left: 15;
}

.print-right {
  margin: 20px;

  width: 450px;
  text-align: left;
  position: absolute;
}

.print-right h1 {
  text-align: left;
}

.row-print input {
  width: 200px;
  background-color: white;
}

body {
  background-color: green;
}

.mainvideo {
  max-width: 100%;
  margin-left: 20%;
}

.instagram-container {
  padding-top: 10px 0px 10px 20%;
}

.instagram-container .p {
  text-decoration: italic;
}

.socialicons {
  display: inline-block;
  width: 40px;
  padding: 10px;
}

.btn01-2,
.btn01-3 {
  border-radius: 20px;
  z-index: 1;
  display: inline-block;
  max-width: 100%;
  height: 50px;
  top: 10px;
}

.btn01-3 {
  border-radius: 0px;
}

.blog-post-row,
.blog-post-row.2 {
  padding: 0px 2% 0px 2%;
}

/* Best list options in articles. */
#list,
#list li,
#list ol {
  padding: 2% 6% 2% 6%;
  color: #31506f;
  line-height: 1;
  margin-top: 0em;
  font-weight: 600;
  font-size: 1.1em;

}

#list li p.tip,
#list ol p.tip {
  font-weight: 600;
  color: #31506f;

  margin-bottom: -30px;
}

.vl {
  border-left: 2px solid grey;
  display: inline-block;
  position: relative;
  height: 260px;
}

.blog-entry h2 {
  text-align: left;
  font-size: 12pt;
  padding: 0px;
  margin-bottom: -3px;
  text-transform: none;
}

.blog-entry h2 {
  color: #000000;
}

.mySlides {
  display: none;
}

.w3-black,
.w3-hover-black:hover {
  color: #fff !important;
  background-color: #fff0 !important;
}

.w3-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}

.w3-red,
.w3-hover-red:hover {
  color: #fff !important;
  background-color: #e2e2e2 !important;
  border-radius: 25px;
}

.blog-entry h2:hover,
.walldecor-sections-right p,
.walldecor-sections-right h2:hover,
.walldecor-sections-left h2:hover {
  color: #137de8;
}

.blog-post-row .blog-entry h2 {}

.blog-post-row .blog-entry:hover {
  color: yellow;
}

.three-articles p {
  padding: 2em;
  text-align: left;
}

.three-articles .blog-entry {
  width: 500px;
  text-align: left;
  padding: 3em;
}

.blog-entry {
  width: 350px;
  padding: 12px;
  display: inline-block;
  overflow: hidden;
}

.blog-entry .bbb {
  color: #137de8;
}


.blog-date:hover,
p.description:hover,
.blog-entry p:hover {
  color: #137de8;
}



.h3 .blog-entry {
  line-height: 0em;
  padding: 0px;
}

.bannerTop {
  height: 30px;
  width: 100%;
  display: block;
  position: relative;
  background-color: green;
  margin-bottom: 0px;
}

.slidecontainer {
  width: 100%;
}

p.n a:active {
  color: green;
}

.slider {
  -webkit-appearance: none;
  width: 75%;
  height: 25px;
  border-radius: 10px;
  background: linear-gradient(to left, #00cc99 0%, #99ff33 100%);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 10px;
  background: #009933;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #66ff66;
  cursor: pointer;
}

/* any CTA is located in btn05 */
.btn05 {
  padding-left: 30%;
  z-index: 1;
}

.st {
  padding-top: 50px 0px 50px 0px;
}

.moodboard {
  width: 100%;
}



a#ctalink {
  color: white;
}

a.ctalink:active {
  color: grey;
}

a.ctalink:visited {
  color: white;
}

#up8 {

  position: relative;
  z-index: 30;
  top: 0px;
  visibility: visible;
  max-width: 100%;
  Min-width: 100%;
  overflow: hidden;
  margin-bottom: 0299px;

}

.hero-title {
  margin-bottom: -200px;
  position: relative;
  z-index: 25;
}

.advertising-space-container {
  max-width: 100px;
  max-height: 100px;
  position: relative;
  background-color: green;


}

.container-information {
  display: block;
  background-color: #F1ECEB;
  margin: 10px 1px 1px 1px;
  width: 100%;
  height: 70px;
  left: 100px;
  position: relative;
  padding: 15px 0px 15px 0px;
}

.container-discover {
  display: block;
  background-color: #F1ECEB;
  margin: 10px 1px 1px 1px;
  position: relative;
  padding: 15px 0px 15px 0px;
}

.storeDisplayFront img {
  width: 20%;
  margin: 20px;
  padding: 10px;
}

.storeDisplayFront img:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.5);

  transform: 1s;
  transition: box-shadow 0.3s ease-in-out;
}

.left-of-container,
.right-of-container,
.right-of-container-50,
.left-of-container-40 {
  display: inline-block;
  overflow: hidden;
}

.media-kit h2 {
  font-size: 3em;
  line-height: 0;
  color: white;
}

.media-kit p {
  color: white;
}

.left-of-container {
  width: 60%;
  padding: 5%;
}

.left-of-container-40 {
  width: 40%;
}

.right-of-container-50 {
  width: 50%;
}

.right-of-container {
  width: 30%;
}

img.small {
  max-width: 90%;
  margin: 5px;
}

img.medium {
  padding-left: 10%;
  max-width: 70%;
  margin: 10px;
}

img.fitness-container {
  width: 500px;
  margin: 0px;
  display: block;
}

p.fitness-container {
  text-align: left;
}

.container,
.blog-post-row {
  display: inline-block;
  margin-left: 15%;
  margin-top: 0px;
  margin-right: 25%;
  border-radius: 15px;
  overflow: auto;
  padding-bottom: 25px;
}

.fitness-container {
  background-color: #e8e8e8;
  margin: 5% 10% 5% 10%;
  padding: 0px 0% 0% 0%;
}


.container-tableofcontents {
  padding-top: 25px 20% 25px 35%;
}

.cta-main {
  text-transform: none;
  z-index: 26;
  position: relative;
  font-weight: 400;
  border-radius: 30px 30px 30px 30px;

}

.cta-center {
  display: inline-block;
  margin: 10px;
  padding-left: 5%;
  position: absolute;
}

.c1 {
  background-color: #22caff;
}

.c1:hover,
a:visited,
.c2.c3:hover {
  transition: background-color 1s ease-out;
}

.c2:hover {
  background-color: white;
}

.c3 {
  background-color: #526299;
}

.c4 {
  background-color: #d1e7e3;
}

/* phi, beta and iota */
#footerEnd p,
.foot-column01 p {
  font-size: 12pt;
  display: block;
  overflow: hidden;
  color: white;
}

#footerEnd {
  display: inline-block;
  margin: 0px;
  position: relative;
  margin-left: 5%;
  padding-top: 2%;
}

.foot-column01 {
  width: calc(24% + 1px);
  height: 210px;
  display: inline-flex;
}

.foot-row {
  max-width: 100%;
}

.cta-format1 {
  display: inline-block;
  width: 300px;
  height: 60px;
  margin-left: 40%;
  margin-right: 25%;
}

.cta-format3 {
  width: 370px;
  height: 60px;
  margin-left: 30%;
  margin-right: 25%;
}

.cta-format4 {
  width: 250px;
  height: 40px;

  display: inline-block;

}

.cta-format2 {
  width: 150px;
  height: 60px;
  margin-left: 65%;
  margin-right: 25%;
}

.contactfloat {
  width: 130px;
  color: black;
  padding-left: 20px;
  box-shadow: 2px 2px 7px 5px rgba(0, 0, 0, .1);
  border-radius: 1px 20px 10px 1px;
  height: 70px;
  position: fixed;
  background-color: white;
  z-index: 25;


}

/* -------------------------------- 
Primary style
-------------------------------- */
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after,
*::before {
  content: '';
}

body {
  font-size: 100%;

  background-color: white;
}

li a {
  color: white;
  text-decoration: none;
}

a,
a:visited {
  color: #137de8;
  text-decoration: none;
}

a.ctalink:visited,
a.ctalink:active,
a.ctalink:hover,
a.citalink {
  color: white;
}

/* -------------------------------- 
Main components 
-------------------------------- */
html,
body {
  height: 100%;
}

header {
  z-index: 3;
}

.cd-logo,
.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}

.cd-logo {
  top: 28px;
  left: 5%;
}

.cd-logo img {
  display: block;
}

.cd-nav-trigger {
  top: 26px;
  right: 5%;
  height: 1px;
  width: 1px;
  z-index: 49;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  overflow: 0px;
}

.navigation-top a:visited {
  color: black;
}

.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: black;
  z-index: 40;
}

.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}

.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}

.cd-nav-trigger::before {
  background-color: white;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

img.screenshot #lega,
img.designboxes {
  width: 80%;
  padding: 20px;
}

label#check02,
label#check03,
label#check04,
label#check05 {
  background-color: #F1F0EF;
  border-radius: 25px;
  width: 100%;
  margin: 10px;
}

label#check02:hover,
label#check03:hover,
label#check04:hover {
  background-color: #d9d9d9;
  border-radius: 25px;
  width: 100%;

  font-size: 1em;
}

label#check02,
label#check03,
label#check04,
label#check05,
label#check02:hover,
label#check03:hover,
label#check04:hover,
label#check02:active {
  padding: 10px;
  transition: background-color 0.7s;


}

label#check02:active {

  background-color: #d9d9d9;
  border-radius: 25px;
}

ul submenu:hover {
  background: #4b545f;
  background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%);
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  left: 200px;
  position: relative;
  display: inline-block;
  padding: 3px;
}

.cd-nav-trigger::after {
  background-color: #22caff;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

#navMob .navigation-top {
  visibility: hidden;
}

.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

img.portraitimages02 {
  padding: 0px 50px 50px 50px;
  width: 100%;
}

.portrait03 {
  padding: 50px;
}

img.portraitimages03 {
  padding: 0px 500px 50px 500px;
  max-width: 100%;
}

.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}

.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 80px 5%;
  z-index: 3;
  background-color: #091d23;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav li {
  margin: 2em 0;
  color: #091d23;
  text-transform: capitalize;
}

.cd-primary-nav a P,
.cd-content h1,
a.ph1,
a.one,
a.logolink,
a.cinque,
.overlay a {
  font-size: 20px;
}

.cd-primary-nav a {

  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}

.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}

.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
  z-index: 50;
}

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

  .f .cd-primary-nav li {
    margin: 2em 0;
  }

  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1170px) {



  .cd-primary-nav li {
    margin: 2.6em 0;
  }

  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-overlay-nav,
.cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}

.cd-overlay-nav span,
.cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

#item-options option {
  z-index: 5;
}

.item-options {
  padding: 10px;
}

.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

OPTION {
  border: 5px solid #ffffff;
  padding: 10px;
  padding: 15px;
  overflow: hidden;
}

select,
option {
  background-color: #3e3e3e;
  font-size: 10pt;
  overflow: auto;
  text-transform: bold;
  color: white;
  display: inline-block;
  max-height: 45px;
  overflow: hidden;

}

select {
  border: 0px;
}

input[type=sender]:focus {
  background-color: red;
  font-size: 15pt;
}






.arrowLeft {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}


img.pay {
  width: 40px;
  margin: 5px;
}



.mailChimp,
.threePrintSet {
  padding-left: 0% 20% 0%20%;
}

.threePrintSet {
  padding-bottom: 50px;
  visibility: visible;
  max-width: 100%;
}

.landingPage {
  padding: 50px 0px 100px;
}

#mc_embed_signupc {
  padding-left: 0% 15% 0% 15%;
}

input {
  border: 0px;
  height: 60px;
  padding: 10px 0px 10px 10px;
  z-index: 4;
  max-width: 600px;
  border-radius: 40px 40px 40px 40px;

}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}

.cd-overlay-nav span {
  background-color: #091d23;
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 20;
}

.cd-overlay-content span {
  background-color: #22caff;
}

.cd-primary-nav a:visited {
  color: white;
}

.cd-primary-nav a:hover {
  color: #22caff;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  z-index: 1;
}

.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}

.cd-content h1 {
  font-size: 1.25rem;
}

.row-print {
  max-width: 45%;
  display: inline-block;
}

.row-print img.screenshot {
  padding-top: 20px;
}

.cd-content p {
  line-height: 1.5;
  color: white;
}

@media only screen and (min-width: 768px) {
  .cd-content .cd-intro {
    height: 250px;
    padding-top: 6em;
  }

  .cd-content h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }

  .cd-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.btn05 h2,
.btn07 a.white,
.btn09 h2,
.btn09 a.white,
.btn07 h2,
.btn05 a.white,
.btn06 a.white {
  color: white;
}

/* Call to Action for ChoosePhotoshoot , Pill Blue is btn012, this shares the hover property*/
.btn01-2:hover,
.c1:hover,
a:visited,
.c2.c3:hover,
.book-here:hover,
.social-newsletter-float-container input[type=submit] {
  background-color: #137de8;
}

.btn01-2 {
  margin: 0px 0px 20px 0px;
  border-width: 10px;
  border-radius: 10px;
  border-color: white;
  z-index: 1;
  display: inline-block;
  background: #22caff;
  color: white;
  width: 250px;
  margin-right: 100px;
}

.btn01-3 {
  margin: 0px 0px 20px 0px;
  z-index: 1;
  display: inline-block;
  background: #22caff;
  color: white;
  width: 250px;
  margin-right: 100px;
}

.btn09 a.white,
.btn05 a.white {
  font-weight: 600;
  font-size: 1.2em;
}

.btn06 a.white:hover {
  color: #22caff;
}

.btn01-1 {
  border-width: 10px;
  border-radius: 10px;
  border-color: white;
  z-index: 1;
  display: inline-block;
  background: white;
  color: white;
  width: 250px;
  margin-right: 100px;
}

.btn01-1 h2 {
  z-index: 1;
  color: black;
}

.blog-post-cotainer {


  max-width: 100%;
  padding: 10px 10px 30% 30%;
  position: relative;

  overflow: hidden;
}

.blog-section {
  background-color: #EBEBEB;
  border-radius: .5rem;
  position: relative;
  width: 500px;
  padding: 25px 100px 50px 50px;




  border: #000;
}

.blog-title {
  color: black;
  text-align: left;
  font-size: .5em;
}

.blog-image {
  max-height: 100%;
  max-width: 100%;
}

.book-here {
  display: inline-block;
  right: 0px;
  color: white;
  background: #22caff;
  padding: 10px;
  text-align: left;
  transition: background-color .5s ease-out;
  border-radius: 40px 40px 40px 40px;
}

.book-here:hover {
  display: inline-block;
  right: 0px;
  color: white;
  background: #137de8;
  padding: 10px;
  text-align: left;
  border-radius: 40px 40px 40px 40px;
}

.blog-number {
  position: relative;
  padding-left: 40;
}

.blog-description {
  padding-top: 10px;
  max-width: 400px;
  text-indent: 20pt;
}

.blog-section {
  padding-top: 25px 0px 25px;
  border: black;
}

.blog-segmentation {
  max-width: 450px;
}

.blog-date,
p.description {

  z-index: 0;
  font-size: 1em;
  padding: 0px;
}

.blog-post-row p {
  color: grey;
  margin: 0px;
}

.c3 {

  border-radius: 30px;
  padding: 5px;
  z-index: 1;
  display: inline-block;
  width: 200px;
  max-height: 100px;
}

.btn07 {
  padding-left: 25%;
  z-index: 1;

}

.btn09 {
  z-index: 1;
  margin-top: 40px;
}

.btn01-3 {
  border-radius: 0px;
  padding: 5px;
  z-index: 1;
  display: inline-block;
  width: 200px;
  max-height: 100px;
}

.pricing-layout {
  display: block;
  padding: 0px 1px 20px 1px;
}

.p-title,
.storeTitle h1,
label#check02,
.blog-entry h2,
.p-description,
.ampStoreDescription,
label#check03,
label#check04,
label#check05 {
  text-align: left;
}

.p-image {
  max-width: 100%;
}

.package-boxes {
  padding: 10px;
  min-width: 300px;
  display: inline-block;
  margin-left: 10px;
  border-color: grey;

}

.packageBoxLeft {
  padding: 10px;
  position: absolute;
}

/* Highlight */
p.tip {
  margin: 0px;
  background-color: #fae2005c;
  z-index: 1;
  position: relative;
  display: inline-block;
}

.package-boxes-m {
  padding-left: 5%;
  font-size: 110%;
  max-width: 100%;
  height: 200px;
  display: inline-block;
  padding-top: 2%;
}

.container-left,
.container-right {
  display: inline-block;
  width: 400px;
}

.container-right {
  width: 300px;
  padding-left: 100px;
}

.containerquestions h2 {
  text-transform: none;
  font-size: 1.1em;
  text-align: left;
  font-weight: bolder;
}

/* for call to action buttons */
.c5 {
  background-color: black;
}

.c5:hover {
  background-color: #434343
}

.p-set01 {
  max-width: 300px;
  background-color: white;
  box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .1);
  width: 350px;

  display: inline-block;
  margin: 10px;
}

.herotitle {
  margin-bottom: -500px;

  z-index: 5;
  position: relative;
}

.p-description {
  padding-bottom: 20px;

  padding-top: 20px;

}

.blog-date a {
  padding-left: 10px;
  text-decoration: underline;
}

.forobjectnav {
  visibility: hidden;
  max-height: 1px;
  z-index: 1;
  position: relative;
}

.blog-entry h2 {
  text-transform: none;
  max-width: 100%;
  overflow: hidden;
}

.navigation-2020 {
  color: black;
  font-size: 1em;
  position: relative;
  z-index: 25;
  padding: 20px 30px 20px 30px;
  padding-left: 25%;
  background-color: #f5f5f5;
}

.navigation-2020 a:visited {
  color: black;
}

.navigation-2020 a {
  padding: 15px;
  color: black;
}

/* #22caff main color only */

.navigation-2020 a.active,
a.articlelink:active,
a.articlelink:visited,
a.articlelink:hover,
a.articlelink,
a.bluelink2,
.cd-primary-nav a.sub,
.dropdown-content a:hover,
.active,
.navigation-19 a:hover,
.navigation-19b a:hover {
  color: #22caff;
}

/* article category links */

a.articlelink:active,
a. {
  text-decoration: underline;
}

a.articlelink:hover {
  text-decoration: underline;
}

.buttonPlaylist {
  color: white;
  background-color: #FF5C33;
  border-radius: 40px;
  z-index: 1;
  display: inline-block;
  width: 150px;
  padding: 1% 0% 1% 0%;
  height: 100%;
}

.navigation-top {
  font-family: 'Source Code Pro', monospace;

  position: absolute;
  z-index: 30;
  font-size: 1.2em;
  padding: 20px;
  font-style: capitalize;
}

.dropdown {

  font-family: 'Source Code Pro', monospace;
  position: relative;
  display: inline-block;
  color: black;
}

.logo-img path {
  fill: #000;
}

.logo-bottom {
  width: 40px;
  fill: #000;
}

.footer-row-1,
.node-01,
.node-02,
.node-03 {
  display: inline-block;
}

.navigation-top img {
  width: 50px;
}

/* Footer aherf Links */

.submenu p,
.submenu b {
  color: black;
  font-size: 10pt
}

.foot-row-02 a {
  color: white;
  font-size: 10pt
}

.foot-row-02 a:hover {
  color: darkgray;
}

.foot-row-02 a:active {
  color: black;
}

.foot-row-02 a:visited {
  color: #22caff;
}

.dropdown-content {
  display: none;
  text-align: left;
  padding-top: 20px;
  position: absolute;
  background-color: white;
  color: black;
  min-width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 15px 15px 10px;
  z-index: 25;
}

.dropbox-content .a {

  padding-top: 20px;
}

li:hover>ul {
  display: block;
}

li:hover ul {
  display: block;
}

ul ul {
  position: relative;
  display: none;
}

.cd-primary-nav a.sub {
  font-size: 75%;
}

.dropdown:hover .dropdown-content {
  display: block;

}

.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  background: green;
  overflow: none;
}

.social-icon-float-container {
  width: 80px;
  position: fixed;
  height: 0px;
  max-height: 1000px;
  top: 30%;
  max-height: 100%;
  z-index: 5;
}

.cookie-float-container {
  width: 100%;
  position: fixed;
  height: 110px;
  bottom: 1px;
  max-height: 100%;
  z-index: 5;
  display: block;
  background-color: grey;

}

.cookie-float-container p {
  font-size: 1em;
  color: white;
}

.c-exit p {
  color: white;
}

.cookie-float-container .c-button-agree,
.cookie-float-container .c-button-change,
.cookie-float-container .c-button-disagree {
  max-width: 20px;
  color: white;
  padding-right: 10%;
  display: inline-block;
  margin: 5px;
  border: 1px solid;
  border-radius: 5px;
}

.social-newsletter-float-container {
  width: 250px;
  right: 50px;
  position: fixed;
  max-width: 100%;
  height: 100px;
  max-height: 100px;
  top: 10%;
  max-height: 100%;
  z-index: 5;
}

.social-newsletter-float-container input,
.social-newsletter-float-container input[type=submit] {
  width: 200px;
  height: 40px;
  font-family: ;
}


.social-newsletter-float-container img.screenshot {
  max-width: 100%;
}

.social-newsletter-float-container #mc_embed_signup {
  border-radius: 40px;
  padding: 15px;
}

.social-newsletter-float-container #mc-field-group {
  padding: 0px;
  margin: 0px;
}

svg {
  display: block;
  height: 60px;
  padding: 15px;
}

.ampStoreContainer {
  margin-left: 15%;
  border-radius: 25px;
  display: inline-block;
  max-width: 50%;
}

.ampImage {
  padding: 20px;
  display: inline-block;
  position: relative;
}

.ampHeader {
  margin-top: 40px;
  display: inline-block;
  color: green;
  position: absolute;
  overflow: hidden;
}

.ampStoreDescription {
  max-width: 25%;
  top: 90px;
  position: absolute;
  display: inline-block;
  color: blue;
  overflow: hidden;
}

.ampCheckout {
  width: 25%;
  border-radius: 25px;
  right: 5%;
  display: inline-block;
  background-color: white;
  position: absolute;
  ;
}


.email-floater {
  position: -webkit-sticky;
  /* Required for Safari */
  position: sticky;
  height: 50px;
  right: 0;
}

.secondary {
  position: relative;
  flex-wrap: wrap;
}

#mc-embedded-subscribe {}

.twitter-tweet {
  max-width: 500px;
  max-height: 700px;
  padding-left: 50px;
}

.sellfy-buy-butto {
  left: 25%;
}

#mc_embed_signup-1s {
  overflow: hidden;
  border-radius: 30px;
  background-color: lightgrey;
  padding: 25px;
}

#mc_embed_signup-1 input {
  width: 50px;
}

input {
  padding: 10px 0px 10px 10px;
  background-color: #e5e5e5;
  width: 600px;
  height: 70px;
  z-index: 4;
  border-radius: 40px 40px 40px 40px;
}

#mc-field-group input {
  padding-top: 10px 0px 10px 10px;
  background-color: #e5e5e5;
  width: 600px;
  height: 70px;
  border-radius: 40px 40px 40px 40px;
}

.social-i-float {
  width: 35px;
  height: 35px;
}

.social-icon-float {
  border-radius: 0px 25px 25px 0px;
  padding-left: 15px;
  background: grey;
}

img.social-icon-float {
  background: white;
}

.t {
  background: #008CBA;
}

.f {
  background: #4267B2;
}

.yt {
  background: #FF0000;
}

.ig {
  background: #F77737;
}

.em {
  background: #6f6f6f;
}

.payments {
  padding: 20px 20px 20px 20px;
  border-color: grey;
  border-style: solid;
  border-width: 5px;

}

img.m-30p {
  max-width: 30%;
}

img.m-60p {
  max-width: 60%;
}

.ml11 {
  font-weight: 700;
  font-size: 3.5em;
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #fff;
  transform-origin: 0 50%;
}

.ml11 .line1 {
  top: 0;
  left: 0;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}

.dropbtn19,
.coupon-text {
  padding: 5px;
  font-family: 'Source Code Pro', monospace;
  position: relative;
  font-size: 1em;
  color: black;
  background: white;
  display: inline-block;
}

.navigation-19b a {
  color: black;

}

.right-of-container-50 {
  padding-bottom: 100px;
}

.navigation-19b a:visited {
  color: black;

}

.navigation-19 a {
  color: black;
  font-size: 1em;
}

.navigation-19 a {
  color: black;
  font-size: 1em;
}


.navigation-19 li,
.navigation-19b li {
  display: inline;
}

.navigation-19 a,
.navigation-19b a {
  display: inline-block;
  padding: 10px;
}

.alert-close {
  visibility: visible;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  height: 22px;
  line-height: 24px;
  position: absolute;
  right: 11px;
  top: 9px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  width: 22px;
}

im .alert-close2 {
  visibility: visible;


  z-index: 69;

  background: green;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  height: 22px;
  line-height: 24px;
  position: absolute;
  right: 11px;
  top: 9px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  width: 22px;
}

a.ph1 {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(33.3333333% - 4px);
  margin-right: 0;
}

body {
  margin: 0;
  background-color: #f5f5f5;


  min-width: 300px;
}

body a {}

a.highlight h3 {
  color: white;
}

a.highlight:hover {
  color: white;
}

a.highlight:active {
  color: white;
}

img.latestwork {
  max-width: 75%;
}

.columngallery3,
container-sr,
container-sl,
img {}

.indexfull {
  position: relative;
  visibility: visible;

  vertical-align: top;
}

img.index-page-pictures {
  visibility: visible;
  padding: 0% 20% 0% 20%;
  width: 100%;
  vertical-align: top;
}

img.index-page-pictures-mobile {
  visibility: hidden;
  max-width: 1px;
  position: absolute;
  margin-top: 0px;
  margin-bottom: -5px;

}

.box02 {
  width: 100%;
  position: relative;
  visibility: visible;
}

.indexmobile {
  visibility: hidden;
  max-width: 0px;
  max-height: 0px;
  position: absolute;
}

img.story {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: block;
}

.buttonlinks {
  color: white;
  background-color: #22caff;
  border-radius: 35px 35px 35px 35px;
  padding: 15px 0px 15px 0px;
  margin-left: 100px;
  margin: 10px 10px 5px 10px;
  border: 5px 5px 5px;
}

/* image prints is used for 100% m-w-100 is the max width for all these */
img.star,
img.m-w-100,
img.prints,
img.section01-images,
img.section01-1-images,
img.body2,
img.body1,
.indexfull,
img.index-page-pictures,
img.screenshot,
.blur,
.noblur,
rowcity,
h2,
h5,
h4,
.section05text,
img.printse,
img.top,
img.uni2,
img.seniors,
.textq,
img.w,
.marcella-row {
  max-width: 100%;
}

img.productDisplay {
  max-width: 100%;

}

img.prints {
  border: none;
  height: auto;
  display: block;
  background: white;
  transition: transform .2s ease-in-out;
}

img.screenshot {
  padding-top: 40px 0px 40px;
}

.cd-primary-nav a {
  color: white:
}

.qr-code {
  padding-left: 45%;

  max-width: 100px;
  padding-bottom: 50px;
}

.blur {

  transition: all 3s;
}

.noblur {

  transition: all 3s;
}

img.section01-images,
img.section01-1-images {
  padding: 25px;
}

.column243 {
  float: right;
  padding-left: 40%;
  padding-right: 15%;
}

p.middle {
  padding: 0px 50px 54px 0px;
}

img.igsize {
  width: 170px;
  padding: 10px;
}

.igsizecolumn {
  float: left;
  width: 100%;

}

.igsizecolumn2 {
  float: left;


}

.row-mission {
  padding: 5% 2% 5% 2%;
}

img.heads {
  max-width: 250px;
}

img.frontPage-Product {
  width: 470px;
}

.column-mission {
  position: relative;
}

/* inlineblocks */
.column-mission,
.row-mission {
  display: inline-block;
}

.igsizecolumn3 {
  float: right;
  width: 40%;
  background: green;
}

img.top2 {
  visibility: visible;

}

.photoshootPackage {
  width: 50%;
  background-color: transparent;
  padding: 50px;
  overflow: hidden;
}

img.printbody-2 {
  max-width: 25%;
  padding-left: 0px 36.33% 0% 36.33%;
}

.forDesktopOnly {
  visibility: visible;
}

img.body1 {
  padding: 100px;
}

img.body2,
img.body1,
img.body3 {
  display: block;

  position: relative;
  padding-bottom: 0px;

  overflow: hidden;
  z-index: 2;
  visibility: visible;
}

img.body3 {
  max-width: 70%;
  padding-left: 26%;
}

img.contact {
  width: 20%;
  align-items: center;
  position: relative;
}

img.mobile_front {
  width: 1px;
  visibility: hidden;
}


.rowcity {
  display: inline-block;

  max-height: 700px;
}

.columnleft30 {

  width: 30.6%;
  display: inline-block;
  margin: 0;


}

img.pr {
  width: 100%;
  margin-top: -6px;
  display: block;
  position: relative;
  overflow: hidden;
}

.columnright30 {
  float: right;
  width: 69.4%;
  display: inline-block;
  margin: 0;
}

img.printbody-2,
img.b,
img.pr,
img.lll2 {
  max-width: 100%;
}

h1,
h4,
.cta-main,
.mobileNavSection,
.main-section {
  font-family: 'Open Sans', monospace;
  max-width: 100%;
  overflow: hidden;
}

#h1,
.text h2,
h3,
h7.section-expand-text,
.hvrbox-text,
.section05text,
#mc_embed_signup input.email,
#mc_embed_signup label,
#mc_embed_signup input.email,
#packageretailprice,
#packageprice,
.headtop2,
.bookbutton,
.sidebar2,
.sidebar3,
.sidebardescrpp,
.sidebardescrpp2,
.instatext-portrait,
.instatext1,
.par6-head,
.par3-head,
.par5-head,
.packagehead,
.frontheadpackage,
li.social-icon a,
.footbody,
.sidebardescrpp2,
.bookbutton,
.bookbutton,
.par5-head,
.par1,
#packageretailprice,
#grey,
#packageprice,
.sidebardescrpp,
.sidebar2,
sidebar3,
h3,
a.section-top2,
.sidebar3,
.packagehead,
.frontheadpackage,
.social-icons li a,
li a,
#bear .dropdown-content a,
#bear2 .dropdown-content a,
.f-m-in,
.f-m-in,
.seniort,
floating h4,
h7,
.packages,
.price-package,
.descrpp,
.descrpnoin,
.descrp,
h2,
.dtext,
.descrptop,
.textr,
.bottomdescrpp,
a.six,
#fancybox-title,
a.fancybox[data] img,
.footbody,
#cssmenu,
a.blue:link,
a.three:visited,
a.three:link,
a.three:visited,
.descrpp,
#cssmenu>ul>li>a {

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

}

/* Intial Wall Decor Part */
.storeFront {
  margin: 0px 0% 0px 5%;
  ;
  display: inline-block;
  border-radius: 23px;
}

.storeTitle {
  top: 0px;
}

.storeTitle h1 {
  font-size: 12pt;
  margin: 10px 0px 0px;
}

.storeSubsection {
  max-width: 65%;
}

img.storeRows {
  display: inline-block;
  width: calc(24.5% - 0px);
  padding: 10px;
}

/* storesub is 2nd in the decension of print headers */
.storeSub {
  background-color: white;
  border-radius: 25px;
  display: inline-block;
  max-width: 95%;
}

.store-right {
  max-width: 50%;
  display: inline-block;
}

.store-left {
  max-height: 100%;
  width: 48%;
  display: inline-block;
}

.storeImage {
  width: 47%;
  float: left;
  padding: 0px;
}

.storeTextBox {
  width: 51%;
  float: left;
  padding: 10px;
  margin: 10px;
  font-size: 10pt;
}

.storeTextBox b {
  font-size: 10pt;
}

.storeCheckout {
  display: inline-block;
  width: 27%;
  max-height: 100%;
  margin-right: 5%;
  margin-top: 5%;
  float: right;
  padding: 20px 10px 10px 10px;
  border-radius: 25px;
}

.storeContainer {
  height: 600px;
  padding-bottom: 100px;
  display: block;
  margin-top: 0px;
  padding: 25px;
  ;
  border-radius: 20px;
  overflow: auto;
  background-color: white;
  background-color: white;
  border-radius: 23px;
  margin-right: 10%;
  position: relative;
}

h2,
li,
input,
.storeTextBox,
h3,
.blog-topics,
#mc-field-group input,
table,
th,
td,
tr,
.hvrbox-text,
.buttonPlaylist,
.footer,
input,
.footer-row-1,
input [name="on0"],
.navigation-top,
.navigation-2020,
.navigation-2020 a,
p,
list,
label,
input[type=submit],
input,
input[type=sender],
select,
input[type=submit],
input[type=submit]:hover,
#list {
  font-family: 'Open Sans', sans-serif;
}

label {
  display: block;
  width: 500px;
  padding: 20px;

}

li {

  line-height: 2;
  margin-top: 1em;

}

h1 {

  font-size: 2em;
  font-weight: 7:600;
  color: #f1f1f1;
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}

.floatingtext-right {
  padding-left: 6%;
  display: inline-block;
  padding-top: 200px;
  position: absolute;
}

.navbar {
  padding-top: 50px 0px 10px 0px;
  font-size: 1em;
  background-image: linear-gradient(260deg, #2376ae 0%, #c16ecf 100%);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.main-nav-mobile {
  list-style-type: none;
}

.main-nav-mobile li {
  margin: 15px auto;
}

.nav-links,
.logo {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}





.logo {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}

.fade {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

}

.fade:hover {
  opacity: 0.5;
}
}

#h1 {
  font-size: 3ems;
  font-weight: 600;
  color: rgb(76, 76, 76);
  line-height: 1.2;
  margin: 10px;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}



.text-essential {
  font-weight: 700;
  margin-top: 0px;
  display: inline-block;
}

.text-essential01 {
  font-size: .7em;
  font-weight: 600;
  line-height: 0.1;
  display: inline-block;
  color: grey;
}

h2,
.text h2 {
  font-size: 1.5em;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 900;
  color: #333333;
  line-height: 1.7;
  position: center;
  z-index: 2;


}

.specialContainer2 {
  position: relative;
}

.specialLandingPageButton {
  max-width: 600px;
  top: 300px;
  left: 550px;
  padding-top: 10px;
  z-index: 30;
  border-radius: 40px;
  padding: 15px;
  font-family: "Source-code-pro";
  color: white;
  position: absolute;
}

p,
.cta-,
input [name="on0"] {
  font-size: 1em;
  position: relative;
  font-weight: 400;
  color: #333333;
  line-height: 2;

  position: center;
  z-index: 3;

}

.btn01-2 p,
.btn01-3 p {
  line-height: 1;
}

.footbody .footrow .footcolumn3 h1,
.footbody .footrow .footcolumn h1 {
  font-size: 18pt;
  text-align: left;
}

img.hero {
  max-width: 100%;
  position: relative;
  z-index: 1;

}

img.drive-download {
  width: 35px;

}

.quotation-section01 h1 {
  padding: 10px 70px 10px 20px;
  color: black;
}

h1 {
  font-size: 2em;
  margin: 10px;
  color: black;
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 2;

}

h3 {
  line-height: 1.7;
  text-align: left;
  z-index: 6;
  font-weight: normal;
  text-decoration: underline;
  font-size: 1em;
  position: relative;
  font-weight: ;
  color: black;
  line-height: 2;
  padding-left: 20px;
  text-align: left;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 2;
  max-width: 100%;
}

}

h5 {

  font-weight: bold;
  font-size: 2.5em;
  font-family: 'Montserrat';
  color:
    line-height: 1.6;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: left;
  z-index: 6;


}

.h7 {
  font-size: 350%;

  padding-right: 60%;
  text-transform: capitalize;
  color: #009fde;
  line-height: 1.2;

  position: center;
  z-index: 59;

  font-weight: bold;


}

table,
th,
td,
tr {
  border: 2px solid black;
  background-color: lightslategrey;
  color: white;
  margin: 0px;
}

td,
tr,
th {
  padding: 40px 40px 40px 20px;
}

h6 {
  font-size: 100%;
  padding-left: 0% 10% 0% 10%;
  color: white;
  line-height: 1.2;
  position: center;
  z-index: 59;
  right: 10%;
  left: 10%;

}

.navmobile {
  font-size: 18px;
  background-image: linear-gradient(260deg, #2376ae 0%, #c16ecf 100%);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 10px;

}

h4,
ml11 {
  font-weight: 800;
  font-size: 5em;
  color: white;
  line-height: 1.6;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 6;
}

a.highlight h4:hover {
  color: white;
  transition: color 0.5s ease-in-out;
}

.section-shift {
  padding: 20px;
  overflow: hidden;
}

.move-text {
  padding-left: 0% 40% 10px 10%;
  overflow: hidden;
  position: relative;
}

.container-move {
  padding
}

@keyframes move {
  0% {
    top: 0px;
  }

  20% {
    top: -50px;
  }

  40% {
    top: -100px;
  }

  60% {
    top: -150px;
  }

  80% {
    top: -200px;
  }

}

.row-move {}

.container-move b {
  float: left;
  overflow: hidden;
  position: relative;
  height: 50px;
}

.p-move {
  height: 500px;
  float: left;
  margin-right: 0.3em;
}



span {}

spanspecial {
  display: inline-block;
  color: royalblue;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  -webkit-animation: move 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
}

.p-title01,
.p-title01 h2 {
  padding-left: 10px;
  margin-top: -10px;
  font-size: 1em;
}

a.oneset {
  padding: 5px;
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1px;
  width: calc(50% - 0px);
  margin-right: 2px;
}

a.oneeset:nth-of-type(2n) {
  margin-right: 0;
}

.generalrow .column1 {}

a.threeset {
  overflow: hidden;
  display: inline-block;
  margin: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
  width: calc(23% - 0px);
}

a.threeset:nth-of-type(2n) {
  margin-right: 0;
}



a.fiveset {
  padding: 5px;
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1px;
  width: calc(10% - 0px);
  margin-right: 2px;
}

a.fiveset:nth-of-type(2n) {
  margin-right: 0;
}



a.c-s-p-2 {
  padding: 1px;
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1px;
  width: calc(20% - 0px);
  margin-right: 2px;
}

a.c-s-p-2:nth-of-type(2n) {
  margin-right: 0;
}







img.svg-1 {
  width: 75px;
}

a.section01 {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1px;
  width: calc(50% - 0px);
  margin-right: 0px;
}

a.section01g:nth-of-type(2n) {
  margin-right: 0;
}

.section07 {
  padding-top: 10% 0% 5% 0%;
}

.section03 {
  padding-bottom: 1px;

}

.section04 {
  padding-bottom:
    position: relative;
}

.section-top {
  padding-top: 100px;
}

.section-expand-text {

  font-weight: normal;
  font-size: 1.5em;


  color: #22c7fc;

  line-height: 1.7;

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  z-index: 6;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  overflow: hidden;
  border: none;
  outline: none;
  display: inline-block;
  font-size: 15px;
}

.collapsible2 {
  top: -900px;
  max-width:
    text-align:left;
  z-index: 25px;
  position: relative;
  overflow: hidden;
}


/* Style the collapsible content. Note: hidden by default */
.content {

  padding: 2 18px;

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.9s ease-out;
  background-color: white;
  transition: max-height 0.8s ease-out;
}


.collapsible:after {
  content: url'/assets/icon/arrow.svg';
  color: green;
  float: right;
  margin-left: 5px;
}

.section05text {

  font-weight: bold;
  font-size: 2em;


  color: rgb(136, 136, 136);

  line-height: 1.6;

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 6;
}

.closer {
  padding-top: 1px 0px 0px 5%;
  top: 50px;
  position: relative;
}

.mainbody1 {}







.logo {
  font-size: 1%;
  width: 0px;
  height: 0px;
  visibility: hidden;
}

.logo a {
  color: white;
}

img:hover.fadehover {
  opacity: 0.7;
  transition: opacity .25s ease-in-out;

}
}






.printsets-1 {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  padding-top: 50px;
}

img.printse,
img.top {
  visibility: visible;
}

img.printsem {
  max-width: 0%;
  visibility: hidden;

}

img.top {
  padding-top: 50px;
}

.shift {
  padding-bottom: 20px;
}

.sublink .section-expand-text {
  font-size: 1em;
}

.footh1 {}

img.uni2 {
  margin-left: -50%;
  z-index: 30;
  position: absolute
}

img.uni3 {
  visibility: visible;
  max-width: 1px;
  z-index: 30;
}

.column-q {
  float: left;
  width: 45%;
  padding-left: 0px;
  margin-right: -70px;

}

/* Column-w for Product photographs */

.column-w {
  float: left;
  width: 30%;
}


.column-b {
  float: left;
  width: 50%;

}

.frontcolumnseniors {
  float: left;
  width: 25%;

}

img.seniors {}

city_gallery {}

.city_vertical_double_horizontal {}

img.threePrint {
  max-width: 30%;
  margin: 10px;
}

galleryslide1,
galleryslide2 {
  display: inline-block;
  position: relative;
}

.city_double_horizontal {

  max-width: 38%;

}

.city_vertical {

  overflow: hidden;
  padding: 0 0 0 0;
  max-width: 49%;

}

.rowseniors {
  display: -ms-flexbox;

  overflow: hidden;
  flex-wrap: wrap;

  background: #404040;
  box-sizing: border-box;
}

.row-b {

  padding-left: 10%;

  position: relative;

}

.tutorial {
  max-width: 70%;
  padding: 10%;
}

.row-q {
  height: 500px;
  width: 60%;

  position: relative;
  padding-top: 5%;
}

.generalrow img.printpho {
  max-width: 80%;
  padding-left: 10%;

}



input[type=submit] {
  width: 600px;
  height: 50px;
  background-color: #22caff;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  font-size: 1.5em;

  border-radius: 40px 40px 40px 40px;
  cursor: pointer;
}

/* used in commercial photography gallery */
.section-3-row1 {
  padding-top: 50px;
  position: relative;
  overflow: hidden;
}

.column-r {
  float: left;
  width: 50%;
  overflow: hidden;
}

.row-r {
  height: 500px;
  width: 80%;
  position: relative;
  padding: 5% 0% 5% 0%;
}

.textq {
  line-height: 1.7;
  text-align: left;
  z-index: 6;
}

#div-with-bg {
  background-image: url(images/2017.jpg) others;
}

.borderbox27 {
  background-image: url("imgf.jpg");
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-size: cover;


}

.container-b {
  padding-bottom: 2%;
  display: block;
  overflow: hidden;

}

img.q {
  max-width: 75%;
  padding: 5px 5px 5px 10%;
}

img.w {
  padding: 6px 6px 6px 50%;
}

img.b {
  max-width: 80%;
  padding-left: 20%;
}

.pseq041 {
  width: 80%;
  position: relative;
}

.pseq042 {
  width: 19%;
  padding-bottom: 25%;
  display: inline-block;
  overflow: hidden;
  position: absolute;
}

.pseq043 {
  width: 19%;

  overflow: hidden;

}


.threeset2 {
  display: inline-block;
  position: relative;
  padding-left: 7%;
  margin-bottom: 25px;
  margin-top: 25px;
}

.marcella-row {
  display: inline-block;
  position: relative;

  padding-top: 5%;
  ;

}

img.pseq031,
img.pseq032img.pseq033 {
  padding-top: 100px;
  position: relative;
}

img.pseq031 {
  width: 25%;
  margin-bottom: 50px;


}

img.pseq032 {
  width: 35%;
  margin: 1px 5% 10px 5%;
}

img.pseq033 {
  width: 25%;
  margin-bottom: 50px;
  position: relative;
  padding-left: 1px;
}

.bottom5,
.top5 {
  padding-top: 5%;
}

img.portraitcover {

  width: 100%;


}

img.portraitcover2 {

  width: 100%;
  padding-bottom: 5^
}

img .continer-full {
  display: block;
}

.container-full {
  width: 100%;
  padding-right: 0px;
  display: block;
  vertical-align: text-bottom
}

.container-sr {
  width: 85%;
  padding-left: 15%;
}

img.portraitcover {
  width: 50%;
}

.container-sl {
  width: 90%;
  padding: 5% 0% 0% 10%;

}

.f-p2 {
  padding: 5% 0% 5% 0%;
}

.bgcolor {
  background: whitesmoke;
  padding-top: 2%;
  padding-bottom: 2%;
}

.container-gallery {
  width: 100%;
  box-sizing: border-box;
}

.container-gallery2 {

  box-sizing: border-box;

}

.container-gallery7 {
  padding-left: 20;
  padding-bottom: 100px;

  box-sizing: border-box;

}

.container-gallery-center {
  padding: 0px 0% 0%;

  box-sizing: border-box;

}

.container-gallery-right {
  padding: 5% 0% 0% 10%;
  box-sizing: border-box;

}

.container-gallery-left {
  padding: 5% 0px 0% 10%;

  box-sizing: border-box;

}


.h3 a {
  color: white;
}

.h3 a:hover {
  color: white;
}

a.highlight {
  color: white;
}


.par3-body {
  padding: 5% 0% 7% 0%;
}

.par5-body {
  padding: 5% 10% 7% 10%;
  overflow: hidden;
  background-color: #1e1f23;
}

/* The side navigation menu */
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 5;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  right: 0;
  background-color: #111;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  text-align: right;
  color: #818181;
  text-align: right;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover,
.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}



.createbox {

  width: 50%;
  color: white;

  position: relative;

  left: 20px;
  padding-left: 10%;
  padding-right: 15%;
  padding-bottom: 10px;
  height: 80px;

}


. .rowgallery {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding 0 5px;
  background: white;
  box-sizing: border-box;
}

.rowgallery-portrait {
  display: block;
  position: relative;
  margin-bottom: -5px;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding 0 1px;


  box-sizing: border-box;
}

.columngallery {
  -ms-flex: 25%;
  flex: 25%;
  max-width: 33.333%;
  padding: 0 0px;
  box-sizing: border-box;

}

.columngallery6 {
  -ms-flex: 25%;
  flex: 25%;
  max-width: 50%;
  padding: 0 0px;
  box-sizing: border-box;

}

  {
  position: relative;
  height: 3000px;
  width: 300px;
  background-color: green;
}

#child-div {
  color: white;
  position: relative;
  top: 1000px;
  width: 300px;
  display: none;
}

.columngallery3.r img {
  width: 45%;
  margin-right: -5px;

}

.columngallery3.pro img {
  width: 50%;
}

.columngallery3.r {
  padding-bottom: 5%;
  padding-left: 25%;
  padding-right: 25%;
}

.columngallery3.pro {
  display: block;
  margin: 0px;

}

.columngallery3 img {
  width: 25%;
}

img.fourbox {
  width: 25%;
}

.columngallery7 {
  -ms-flex: 25%;
  flex: 25%;
  max-width: 40%;
  padding: 0 0px;
  box-sizing: border-box;

}

.columngallery2 {
  -ms-flex: 33%;
  flex: 33%;
  max-width: 33.33%;


  box-sizing: border-box;

}

.top5 {}

.columngallery3 {
  -ms-flex: 33%;
  flex: 33%;

  display: block;

  box-sizing: border-box;

}

.columngallery4 {
  -ms-flex: 33%;
  flex: 33%;



  box-sizing: border-box;

}

.columngallery5 {
  -ms-flex: 33%;
  flex: 25%;



  box-sizing: border-box;

}

.columngallery img {
  vertical-align: middle;
  margin-top: 0px;
  box-sizing: border-box;


}

.hide {
  visibility: visible;
  max-height: 100%;
  max-width: auto;
}

.work {
  padding-top: 0;
  position: relative;


}

/* Responsive layout - makes a two column-layout instead of four columns */



#packageretailprice {
  display: inline;
  color: green;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 12pt;
  color: rgb(136, 136, 136);
  line-height: 1.7;
  text-align: left;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

  z-index: 6;
  max-width: 100%;

  top: 20px;


}

#packageprice {
  padding-top: 20px;
  color: #22ADFC;
  font-weight: normal;
  font-size: 2em;
  padding-left: 10%;
  text-align: left;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  z-index: 6;
  max-width: 100%;
}

.btn06 {
  padding-left: 36%;
  z-index: 1;
}

s {
  text-decoration: line-through;
}

.container-gallery-8 {
  display: block;
  position: relative;


}

.headtop2 {
  background-color: #22ADFC;
  color: white;
  padding-top: 7px 0% 7px 0%;
  width: 100%;
  height: 100%;
}

.headtop2 {
  width: 100%;
  height: 17px;
}

.fire {
  position: fixed;
  background-color: white;
  border-radius: 10px;
  padding-left: 3%;
  max-width: 80%;
  right: 10px;
  padding-right: 2%;
  font-size: 2em;
  top: 85%;
  z-index: 40;
}

img.printlink {
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}

*fullyaware that this the fancybox is from below-ijyoyo * Copyright (c) 2008 - 2010 Janis Skarnelis * That said,
it is hardly a one-person project. Many people have submitted bugs,
code,
and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+* * Dual licensed under the MIT and GPL licenses: * http: //www.opensource.org/licenses/mit-license.php
* http: //www.gnu.org/licenses/gpl.html

*/ #fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

img.printshow {
  visibility: hidden;
  max-height: 0px;
  max-width: 0px;
  position: absolute;

}

img.icon-02 {
  width: 40px;
  margin-left: 20px;
  position: relative;
  display: inline-block;
}

.socialsYo {
  padding-top: 20px 0px 20px 5%;
  position: relative;
  display: inline-block;
}

img.printhide {
  visibility: visible;
  max-height: 100%;
  max-width: 100%;


}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

img.uni {
  width: 25%;
}

img.uni4 {
  width: 100%;

}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.container-center {
  padding: 5% 0% 10% 35%;
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

.bookbutton {
  font-size: 15pt;

  font-weight: 700;
  color: rgb(76, 76, 76);
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

  background-color: #22adfc;
  padding: 12px 12px 2px 12px;
  height: 50px;
  display: inline-block;
  border-radius: 4px;
  font-size: 2em;

}

a.book {
  color: white;

}

a.book:hover {
  color: #f7f7f7;
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('fancybox.png') -55px -90px no-repeat;
}

.button-link-neo {

  max-width: 100%;
  margin-left: 25%;
  margin-right: 20%;
  padding-bottom: 20px;
  background: transparent;
  position: relative;
  display: block;
  z-index: 1;

}

img.link-shot {
  margin-left: 30%;
  max-width: 40%;
}

.social-icons .neo {
  left: 40%;
}

.inner-link {
  bottom: 30%;
  left: 5%;
  padding-left: 20px;
  position: absolute;
  z-index: 40;
}

.inner-link h1 {
  color: white;
}

.button-link-neo img.screenshot {
  padding-bottom: 0px;
  z-index: 1;
  position: relative;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

















.sidebar2 {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  clear: both;
  font-weight: normal;
  position: absolute;
  bottom: 74%;
  font-size: 17pt;
  padding-top: -10px 0px 0px 70%;
  color: rgb(98, 98, 98);
  line-height: 1.7;
  text-align: left;

  z-index: 22;
  max-width: 100%;


}

img.m {
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: 1;
  visibility: hidden;
}

.sidebar3 {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  clear: both;
  font-weight: normal;
  position: absolute;
  bottom: 74%;
  font-size: 17pt;
  padding-left: 70%;
  padding-top: -10px;
  color: rgb(98, 98, 98);
  line-height: 1.7;
  text-align: left;

  z-index: 22;
  max-width: 100%;


}

img.printImageLandingPage {
  max-width: 100%;
  padding-left: 15%;
  padding-right: 15%;
}

img.productgallerybox {
  border-width: 10px;
  border-color: ghostwhite;
  max-width: 100%;
  height: auto;
  display: block;
  background: ghostwhite;
  transition: transform .2s ease-in-out;
  position: relative;
  z-index: 22;

  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  padding: 15px;
  width: calc(29% - 10px);
  margin-right: 8px;


}

img.float-left {
  clear: both;
  margin: 0;
  padding: 0;
  max-width: 300px;
  border-width: 5px;
  border-color: ghostwhite;
  z-index: 23;
  position: relative;

}

.product-float-left {
  padding-left: 10%;
  position: relative;
  z-index: 2;
  top: -530px;
  margin-bottom: -700px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.product-float-left2 {
  padding-left: 10%;
  position: relative;
  z-index: 2;
  top: -400px;
  margin-bottom: -700px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}



.sidebardescrpp {
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 55%;
  font-size: 1em;
  text-indent: 1em;
  padding-top: -10px 10% 0px 70%;
  color: rgb(98, 98, 98);
  line-height: 1.7;
  text-align: left;

  z-index: 5;
  max-width: 100%;


}

.sidebardescrpp2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 55%;
  font-size: 1em;
  text-indent: 1em;
  padding-top: -10px 10% 0% 20%;
  color: rgb(98, 98, 98);
  line-height: 1.7;
  text-align: left;

  z-index: 5;
  max-width: 100%;


}

img.photgrp1 {

  Width: 100%;
  height: 100%;
  position: center;
  Min-width: 12px;
  visibility: visible;

}

img.mainimage {

  Width: 100%;
  padding-top: 75px;
  Min-width: 1px;
  top: -55px;
  visibility: visible;

}

.section06 {
  display: inline-block;

}

video {
  display: inline-block;

}

#home1 {
  width: 50%;
  height: 500px;
  float: left;

}

img.circle-prints,
img.me,
img.new,
img.meabout {
  width: 300px;
  padding: 25px;
  visibility: visible;
  z-index: 8;
}

img.memobile {
  visibility: hidden;
  width: 0px;

}

#home2 {
  width: 50%;
  height: 500px;
  float: right;
}

img.mainimage6 {

  Width: 100%;

  Min-width: 1px;
  top: -55px;
  visibility: visible;
}

img.mainimage10 {
  display: block;
  Width: 100%;

  Min-width: 1px;
  top: -55px;
  visibility: visible;
}

img.mainimage7 {

  Width: 1px;

  Min-width: 1px;
  top: -55px;
  visibility: hidden;
}





img.store {

  Width: 100%;
  height: 50%;

  Min-width: 1px;
  top: -55px;
  visibility: visible;

}

.fa {
  padding: 10px;
  font-size: 25px;
  width: 25px;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.8;
  color: white;

}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #9c9c9c;
  color: white;
}

.fa-google {
  background: #9c9c9c;
  color: white;
}

.fa-linkedin {
  background: #9c9c9c;
  color: white;
}

.fa-youtube {
  background: #9c9c9c;
  color: white;
}

.fa-instagram {
  background: #9c9c9c;
  color: white;
}

@font-face {
  font-family: LucidaGrandeRegular;
  src: url('LucidaGrandeRegular.ttf');
}

@font-face {
  font-family: LucidaGrandeRegular;
  font-weight: bold;
  src: url('LucidaGrandeRegular.ttf');
}

.par1 {
  font-size: 29pt;
  font-weight: 700;
  color: rgb(76, 76, 76);

  padding-bottom: 1px;
  text-align: left;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}

#portraitnames {

  padding-left: 73%;
  position: relative;
  top: -900px;

}

.btn01-2ex {
  border-style: solid;
  padding: 5px;
  display: inline-block;
  background: black;
  width: 100%;
  z-index: 1;
  max-height: 60px;
}

.portraitnames {
  font-style: italic;
  padding-left: 10%;
}

.portraitnames-3 {
  font-style: italic;

}

.whitespace-portrait {
  left: 5%;
  padding: 15px;
  position: relative;
  top: -700px;
  background: white;

  max-width: 250px;
  overflow: hidden;
}

.name-portrait {

  z-index: 34;
  font-size: 33.6px;
  font-family: "Montserrat";
  color: rgb(27, 27, 27);
  font-weight: bold;


  -moz-transform: matrix(2.10999800225413, 0, 0, 2.10803607096599, 0, 0);
  -webkit-transform: matrix(2.10999800225413, 0, 0, 2.10803607096599, 0, 0);
  -ms-transform: matrix(2.10999800225413, 0, 0, 2.10803607096599, 0, 0);



}

.name-shift-portrait {
  position: absolute;
  left: 75%;

  z-index: 34;

}

#up {
  padding-top: 1000px;
}

.names {
  display: block;
}

.instatext-portrait {
  font-size: 12pt;
  font-weight: 700;

  color: #22c7fc;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}

.instatext1 {
  font-size: 12pt;
  font-weight: 700;
  color: #22c7fc;
  text-indent: 3%;
  padding-bottom: 10px;
  text-align: left;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}


.floating-body {
  position: relative;
  margin: 0px;
  top: 400px;

}

.floating-body-01 {
  position: relative;
  padding-left: 50%;
  margin: 0px;
  top: 50px;
}

.floating-body-02 {
  position: relative;
  bottom: -400px;
  margin: 0px;

}

.floating h1 {
  font-size: 66px;
  font-family: "Source-code-pro";
  color: rgb(255, 255, 255);
  line-height: 1.227;
  text-align: left;
  -moz-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  -webkit-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  -ms-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  position: absolute;

}

.brands {
  font-size: 96px;
  font-family: "Source Code Variable";
  color: rgb(255, 255, 255);
  line-height: 1.227;
  text-align: left;
  -moz-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  -webkit-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  -ms-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
  position: absolute;
  left: 1455.586px;
  top: 3204.514px;
  z-index: 39;
}

@-webkit-keyframes top {
  0% {
    left: 0px;
    top: 200px;
  }

  100% {
    left: 0px;
    top: -250px;
  }
}


.par3-head {
  font-size: 29pt;
  font-weight: 700;
  color: rgb(76, 76, 76);
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}

.par6-head {
  font-size: 29pt;
  font-weight: 700;

  color: rgb(76, 76, 76);
  padding-bottom: 50px;
  padding-bottom: 20px;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;
}

.cd-content h1,
a.three:link,
#cssmenu>ul>li>a,
.cd-primary-nav li,
.cta-center,
.bannerTop,
.btn01-2,
a.three:link,
a.three:visited,
.fancybox-title-inside,
a.blue:link,
a.three:visited,
.floating-body,
.floating-body2,
.btn01-2,
.btn01-2ex.hvrbox .hvrbox-text,
.floating-body,
.alert-close,
.special,
.hvrbox .hvrbox-text,
.I_have_a_variety_of_skills_and_passion_with_Gra,
.h7,
.seniort,
.icon-button2,
.special2,
.p-set-titlte-description,
.p-price,
.btn01-3,
.btn01-1,
.btn01-2,
.foot-row-02 h2,
.buttonlinks,
.btn06,
.left-of-container,
.right-of-container-50,
.left-of-container-40,
.printfloat,
.par1,
.section05,
h4,
.overlay-content,
.par5-head,
.par3-head,
.par6-head,
.floating-body,
.floating-body-02,
.floating-body-01,
.instatext1,
.fa,
.btn01-2ex,
.bookbutton,
.fancybox-title-inside,
a.three:visited,
a.blue:link,
.headtop2 a.three:visited,
h4,
.ml11,
.section05,
a.three:link,
h2,
.instatext1,
.floating-body,
.floating-body-01,
.instatext1,
.fa,
.btn01-2ex,
.bookbutton,
.fancybox-title-inside,
a.three:visited,
a.blue:link,
.headtop2 a.three:visited,
a.three:link,
.btn01-3,
.btn01-1,
.h7,
.buttonlinks,
h1,
.main-nav-mobile li,
#h1,
.quotation-section01 h1,
.fa,
.btn01-2ex,
.bookbutton,
.fancybox-title-inside,
a.three:visited,
a.blue:link,
.headtop2 a.three:visited,
h4,
.ml11,
.section05,
h4,
#cssmenu ul ul li a,
.blog-number,
.p-title,
.floating-body-01,
.lefttext,
.logo,
.p-description,
.column-mission h2,
h2,
.storeCheckout h2,
.storeCheckout p,
.text h2,
#child-div,
.floating-body-01,
.h1,
.ml11,
.c3,
.btn01-3,
.package-boxes,
.section05,
.alert-close2,
.alert-close,
.buttonPlaylist,
.buttonPlaylist,
.btn01-1,
.btn01-1 {
  text-align: center;
}

.par5-head {
  font-size: 29pt;
  font-weight: 700;
  color: white;
  padding-bottom: 20px;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;
}

.mission {
  width: 100%;
  overflow: hidden;
  margin-bottom: -200px;
  display: inline-block;
  z-index: 25;
  position: relative;
}

.foot-row-01 {
  padding-left: 20%;
}

/* Blog Sections */
#grey {
  color: rgb(107, 107, 107);
}

.container p #grey {
  padding: 0px 20px 10px 10px;
}

.container p #grey:hover {
  text-decoration: underline solid 2px;
}

.packagehead {
  font-size: 24pt;
  font-weight: 600;
  color: white;
  line-height: 1.2;
  padding-bottom: 20px;

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

  z-index: 20;

}

.frontheadpackage {
  font-size: 25pt;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 20px;

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

  z-index: 20;

}

.embed-container {
  position: relative;
  height: 394px;
  width: 700px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  height: 394px;
  width: 700px;
}

.mainimagemobile {
  width: 0px;
  margin-top: 50px;
  height: 0px;
  position: absolute;
  visiblity: hidden;
}


img.photgrp2 {

  Width: 0px;
  height: 0px;
  position: center;
  Min-width: 12px;
  visibility: hidden;

}

/* Center the loader */


.mobileroom {
  max-height: 1px;
}

#loader {
  position: absolute;
  left: 50%;
  top: 300px;
  z-index: 53;

  margin: -75px 0 0 -75px;

  width: 200px;
  height: 200px;
  -webkit-animation: spin 2.041s linear infinite;
  background: url(images/loader-64x/logoloader.png) center no-repeat;

}

body {
  opacity: 1;
  transition: 1s opacity;
}

body.fade-out {
  opacity: 0;
  transition: none;
}





@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(630deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(680deg);
  }
}



@-webkit-keyframes animatebottom {
  from {
    bottom: 0;
    opacity: 0
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

@keyframes animatebottom {
  from {
    bottom: 0;
    opacity: 0
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

ul.social-icons {
  position: absolute;
}

li a>.socia-icon {}

#myDiv {
  display: none;
}

.greyfill {
  fill: #c13584;
}

.twitterfill {
  fill: #08a0e9;
}

.youtubefill {
  fill: #E62117;
}

[svg-icon] {
  display: inline-block;
  vertical-align: text-bottom;
  width: 3em;
  height: 3em;
}

li.social-icon {
  display: inline;
}

ul.social-icon {
  position: absolute;
}

.socialmedia-svg {}

.bottom-items {
  height: 20px;
  position: absolute;
  right: 10%;
}

li.social-icon a {


  font-weight: 600;

  transform: scale(.9, 1.);



  z-index: 1
}

.social-icon {}

.social-icon>a>.socialmedia.svg {
  height: 20px;
  width: 20px;
}

.beforefoot {
  width: 100%;
  background-color: rgb(98, 98, 98);
  height: 7px;
}

.footbody {

  padding-left: 20%;
  padding-right: 15%;
  bottom: 100px;
  font-weight: normal;
  font-size: 12pt;

  color: #848484;
  text-align: left;
  padding-top: 50px;
  padding-bottom: 5px;
  background-color: black;
  position: center;
  z-index: 21;
  max-width: 80%;
  padding-bottom: 50px;

  text-transform: capitalize;
}

.footbody a:hover {
  color: #ffffff00.;
}

.foottext {
  color: white;
}

a.icotwitter {
  background: url(images/footer/Twitter_Logo_Blue.svg) no-repeat top left;
}

b {
  font-weight: bolder;
  padding-bottom: 10px;
  font-size: 13pt;
  color: #222222;
}

a.link2 {
  color: white;
  position: inline;
}

a.fa fa-instagram {
  color: #ffffff00.
}
}

a.link2:visited {
  color: white;
}

a.link2:hover {
  color: #22ADFC;

}

a.bluelink,
a.footlink {
  color: white;
  position: inline;
}

a.fa fa-instagram {
  color: white
}

a.bluelink,
a.footlink:visited {
  color: white;
}

a.bluelink,
a.footlink:hover {
  color: #22caff;

}

a.:visited {
  color: white;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}




.headspace {
  padding-top: 70px;
  color: black;
  background-color: black;
}

/* MOBILE */
@media screen and (max-width: 1000px) {

  .walldecor-sections-right,
  .walldecor-sections-left {
    max-width: 100%;
  }

  .storeDisplayFront img {
    width: 45%;
    margin: 0px;
    padding: 10px;
  }

  .left-of-container-40,
  .right-of-container-50 {
    width: 100%;
  }

  .fitness-container {
    background-color: #e8e8e8;
    margin: 0% 0% 0% 0%;
    padding: 0px 5% 0% 5%;
  }

  p.fitness-container {
    margin: 0px 0px 0px 0px;
    text-align: left;
  }

  OPTION {
    border: 2px solid #ffffff;
    padding: 15px;
  }

  select,
  option {
    background-color: black;
    font-size: 12pt;
    max-height: 100%;
    text-transform: bold;
    color: white;
    display: block;
    overflow: visible;
  }

  select {
    border: 0px;
  }

  .video-c {
    display: block;
    position: relative;
    padding: 10px 0px 500px 0px;
    height: 0;
  }

  .video-display-right {
    padding: 10px 10px 5px 5px;
  }

  .vl {
    border-left: 2px solid grey;
    display: inline-block;
    position: relative;
    height: 0px;
  }

  .storeNavContainer {
    visibility: visible;
    height: 100px;
    width: 90%;
  }

  .storeNav {
    visibility: visible;
    overflow: hidden;
    display: block;
    max-height: 70px;
  }

  .navigation-top {
    position: absolute;
    padding: 10px;
  }

  /* mobile footer Updated 4/17/2022 deltaWIDTH*/
  .foot-column01 {
    width: 47%;
    display: inline-flex;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  img.portraitimages02 {
    padding: 0px;
    width: 100%;
  }

  img.portraitimages03 {
    padding: 0px;
    max-width: 100%;
  }

  .button-link-neo {
    max-width: 75%;
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 5px;
    background: transparent;
    position: relative;
    display: block;
    z-index: 1;

  }

  img.link-shot {
    margin-left: 30%;
  }

  .inner-link {
    bottom: 25%;
    left: 5%;
    padding-left: 20px;
    position: absolute;
    z-index: 40;
  }

  .inner-link h1 {
    color: white;
  }

  .button-link-neo img.screenshot {
    padding-bottom: 0px;
    z-index: 1;
    position: relative;
  }

  .print-right {
    margin: 0px;
    padding-top: 0px;
    max-width: 100%;
    position: relative;
  }

  .landingPage {
    padding-top: 50px 0px 50px 0px;
  }

  .threePrintSet {
    padding-bottom: 0px;
    visibility: hidden;
    max-width: 0px;
    max-height: 0px;
  }

  .mailChimp,
  .threePrintSet {
    padding-left: 0px;
    padding-right: 0px;
  }

  .instagram-container {
    padding-left: 0px;
  }



  .blog-entry h2 {
    padding: 0px;
    font-size: 14pt;
  }

  .blog-entry {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }

  /* Mobile */
  .container,
  .blog-post-row,
  .blog-post-row.2 {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0%;
  }

  .socialicons {
    display: inline-block;
    width: 50px;
    padding: 10px;
  }

  img.body3 {
    max-width: 100%;
    padding-left: 0px;
  }

  p .cta-,
  .btn01-2 p,
  .btn01-1 p {
    position: relative;
    font-weight: 600;
    color: #333333;
    line-height: 2.5;
    position: center;
    z-index: 2;

  }

  .node-01 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo-bottom {
    width: 40px;
    fill: #000;
  }

  .navigation-top img {
    max-width: 36px;
  }

  /* php Navigation for Header */
  .linksNav a {
    left: 35px;
    top: -45px;
    color: grey;
    margin-left: 20px;
    display: inline-block;
  }

  .linkNav .linksNav a {
    z-index: 1
  }

  .cta-center {
    display: inline-block;
    margin: 0px;
    padding-left: 0px;
    position: relative;
    text-align: left;
  }

  img.small {
    max-width: 100%;
    margin: 5px;
  }

  img.hero {
    padding-top: 70px;
    max-width: 100%;
    position: relative;
    z-index: 1;

  }

  .cta-format3 {
    width: 370px;
    height: 60px;
    margin-left: 10%;
    margin-right: 25%;
  }

  .cta-format2 {
    width: 150px;
    height: 60px;
    margin-left: 20%;
    margin-right: 25%;
  }

  .p-set01 {
    padding: 0px;

    background-color: white;
    box-shadow: 2px 2px 7px 5px rgba(0, 0, 0, .1);

    width: 100%;
    height: 1%;
    display: inline-block;
    margin: 0px;
  }

  img.heads {
    max-width: 100%;
  }

  .column-mission {
    position: relative;
    width: 100%;
    display: inline-block;
  }

  .row-mission {
    display: inline-block;
    padding-left: 10%;
    padding-right: 10%;
  }

  .cd-nav-trigger {
    top: 18px;
    right: 5%;
    height: 44px;
    width: 44px;
    z-index: 50;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: visible;
  }

  .cd-nav-trigger .cd-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 3px;
    background-color: black;
    z-index: 50;
  }

  .box-02 .imagecontainer {
    width: 0px;

    position: absolute;
    visibility: hidden;
  }

  .box-02 .imagecontainer .floating-body {
    visibility: hidden;
  }

  img.index-page-pictures-mobile {
    visibility: visible;
    max-width: 100%;
    position: relative;

  }

  .spacemobile {

    padding-top: -5px;
  }

  .headspace {
    padding-top: 1px;
  }

  .columngallery3.pro {
    display: block;
    margin: 0px;
    padding-left: 0%;
    padding-right: 0%;
  }


  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    l: 35px;


  }

  img.adve {
    width: 0%;
    padding-left: 0%;
    padding-right: 0%;
    position: relative;
  }

  .version.untitled_7 {
    color: #0000EE;
    background-color: #1E72B0;
  }

  #page {
    z-index: 1;
    min-height: 334.6434219985622px;
    background-image: none;
    border-width: 0px;
    border-color: #000000;
    background-color: transparent;
    padding-top: 103px;
    padding-bottom: 62.35657800143781px;
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  #pu3304 {
    z-index: 2;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3304 {
    z-index: 2;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3329 {
    z-index: 14;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #pu3367 {
    z-index: 4;
    margin-top: 30px;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3367 {
    z-index: 4;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3360 {
    z-index: 16;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #pu3395 {
    z-index: 6;
    margin-top: 30px;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3395 {
    z-index: 6;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3388 {
    z-index: 18;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #pu3423 {
    z-index: 8;
    margin-top: 29px;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3423 {
    z-index: 8;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3416 {
    z-index: 20;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #pu3535 {
    z-index: 24;
    margin-top: 15px;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3535 {
    z-index: 24;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3542 {
    z-index: 12;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #pu3494 {
    z-index: 10;
    margin-top: 30px;
    width: 79.4%;
    margin-left: 11%;
  }

  #u3494 {
    z-index: 10;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
  }

  #u3487 {
    z-index: 22;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 49.12%;
    left: 50.89%;
  }

  #u3304_img,
  #u3329_img,
  #u3367_img,
  #u3360_img,
  #u3395_img,
  #u3388_img,
  #u3423_img,
  #u3416_img,
  #u3535_img,
  #u3542_img,
  #u3494_img,
  #u3487_img {
    width: 100%;
  }

  .css_verticalspacer .verticalspacer {
    height: calc(100vh - 2285px);
  }

  #muse_css_mq,
  .html {
    background-color: #FFFFFF;
  }

  body {
    position: relative;
    min-width: 320px;
  }


  a.oneset:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.oneset:nth-of-type(4n) {
    margin-right: 0;
  }

  a.threeset {
    width: calc(32% - 6px);
  }

  a.threeset:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.threeset:nth-of-type(4n) {
    margin-right: 0;
  }

  a.fiveset {
    width: calc(20% - 6px);
  }

  a.fiveset:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.fiveset:nth-of-type(4n) {
    margin-right: 0;
  }

  a.section01 {
    width: calc(24.44% - 0px);
  }

  a.section01:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.section01:nth-of-type(4n) {
    margin-right: 0;
  }

  img.top2 {

    visibility: hidden;
    max-width: 1px;
  }

  img.mobile_front {
    width: 100%;
    visibility: visible;
  }

  .indexmobile {
    visibility: visible;
    max-width: 100%;

    max-height: 100%;
    position: relative;
  }

  .indexfull {
    position: absolute;
    visibility: hidden;
    max-width: 0px;
  }

  img.svg-1 {
    width: 50px;
  }

  a.section01 {
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 0px;
    width: calc(49% - 0px);
    margin-right: 0px;
  }

  .h1 {
    color: rgb(0, 0, 0);
    line-height: 1.227;
    margin: 20px;
    text-align: left;
    -moz-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    -webkit-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    -ms-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    position: absolute;
    z-index: 21;
  }


  a.threeset {
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 1px;
    width: calc(45% - 0px);
    margin-right: 2px;
    padding-bottom: 10px;
  }

  a.threeset:nth-of-type(2n) {
    margin-right: 0;
  }


  .section-sub-04 {
    text-align: left;
    padding-top: 10px 0px 1% 5%;
  }

  .section05 {
    width: 90%;
  }

  .section05 h2 {
    padding-left: 20%;
  }

  img.section01-images {
    max-width: 100%;
    padding: 1px;
  }

  img.section01-1-images {
    max-width: 100%;
    padding-bottom: 1px;

  }

  img.printbody-2 {
    padding-left: 1;
    padding-right: 1%;
  }

  .work {
    padding-top: 20%;
    position: relative;


  }

  img.b {
    padding-left: 1%;

  }

  .column-b {
    float: left;
    width: 100%;

  }

  .row-b {
    height: 500px;
    width: 80%;

    position: relative;
    padding: 5% 10% 0% 10%;
  }

  .borderbox27 {
    background-image: url("imgfm.jpg");
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;


  }

  img.printsem {
    max-width: 100%;
    visibility: visible;

  }

  img.printse {
    max-width: 0px;
    position: absolute;
    z-index: 1;
    visibility: hidden;

  }

  img.uni2 {

    visibility: hidden;
    max-width: 1px;
    z-index: 30;



  }

  img.uni3 {

    margin-left: -50%;
    max-width: 100%;
    z-index: 30;

    position: absolute
  }



  .rowseniors {
    display: -ms-flexbox;

    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    background: #404040;
    box-sizing: border-box;
  }

  .frontcolumnseniors {
    float: left;
    width: 50%;

  }

  .column-q {
    float: left;
    width: 100%;
    padding-left: 0px;

  }

  .row-q {
    height: 800px;
    width: 80%;
    padding-bottom: 0px 0px 150px 1%;
    position: relative;

  }

  .section03-row-1 {
    height: 800px;
    width: 80%;
    padding: 0px 0px 150px 1%;
    position: relative;

  }

  .textq {
    text-indent: 20px;
    padding-left: 10px;
    z-index: 6;
    max-width: 90%;
  }

  img.q {
    max-width: 100%;
    padding-left: 0px;
  }


  img.w {
    max-width: 100%;
    padding-right: 20%;
    padding: 0px;
    padding-left: 0%;
  }







  .hide {
    visibility: hidden;
    max-height: 1px;
    max-width: 1px;
  }

  .columngallery {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }

  .par5-body {
    padding-top: 5%;
    overflow: hidden;
    background-color: #1e1f23;
    padding: 0px 10% 7% 5%;

  }

  h4,
  a.fancybox[data] img {
    font-size: 3em;
  }

  h4 {
    font-weight: 800;
    margin: 0px;
    color: white;
    line-height: 1.6;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 6;
    max-width: 100%;

  }

  iframe {
    width: 200;
    height: 200;
  }


  img.circle-prints {
    width: 200px;
    padding: 1px;
  }

  .printsets-1 {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    padding-top: 1px;
  }

  img.mainimage7 {
    visibility: visible;
    Width: 100%;

    Min-width: 1px;
    top: -55px;

  }


  img.mainimage6 {


    Width: 1px;

    Min-width: 1px;
    visibility: hidden;

  }

  .column-w {
    float: left;
    width: 100%;
    padding-right: 0px;
  }

  img.mainimagemobile {
    Width: 100%;
    height: 70%;
    overflow: hidden;
    Min-width: 125px;
    position: relative;
    visiblity: hidden;
    padding-bottom: 10%;
  }

  img.uni4 {
    width: 100%;


  }

  .product-float-left2 {
    padding-left: 10%;
    position: relative;
    z-index: 2;
    top: 1px;
    margin-bottom: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .sidebardescrpp2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: 55%;
    font-size: 1em;
    text-indent: 1em;
    padding: -10px 10% 0px 20%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    text-align: left;

    z-index: 5;
    max-width: 100%;


  }








  .bookbutton {
    background-color: #22adfc;
    padding: 12px 12px 2px 12px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    font-size: 15pt;

  }

  .par5-head {
    font-size: 23pt;

    font-weight: 700;
    color: white;
    padding-left: 0 0 20px 25px;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 20;

  }

  img.uni {
    width: 80%;
  }

  .par1 {
    font-size: 20pt;
    font-weight: 700;
    color: rgb(76, 76, 76);
    padding-bottom: 20px;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 20;

  }

  #grey {
    color: rgb(61, 61, 61);
  }

  #packageretailprice {
    display: inline;
    color: green;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 12pt;
    color: rgb(136, 136, 136);
    line-height: 1.7;
    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

    z-index: 6;
    max-width: 100%;

    top: 20px;


  }

  #packageprice {
    padding-top: 20px;
    color: #22ADFC;


    font-weight: normal;
    font-size: 14pt;


    padding-left: 10%;



    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

    z-index: 6;
    max-width: 100%;



  }




  img.float-left {
    clear: both;
    margin: 0;
    padding: 0;

    border-width: 5px;
    border-color: ghostwhite;
    z-index: 23;
    position: relative;

  }

  .product-float-left {
    padding-left: 10%;
    z-index: 2;
    top: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }




  .sidebardescrpp {
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding: 1px;
    position: relative;
    font-size: 1em;
    text-indent: 1em;
    padding: -10px 10% 0px 10%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    text-align: left;

    z-index: 5;
    max-width: 100%;


  }

  img.productgallerybox {
    border-width: 2px;
    border-color: ghostwhite;
    max-width: 80%;
    height: auto;

    background: ghostwhite;
    transition: transform .2s ease-in-out;
    position: relative;
    z-index: 22;

    font-size: 16px;
    overflow: visible;


    width: calc(100% - 10px);
    margin-right: 8px;


  }

  .product-float-left {}

  .sidebar2 {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    clear: both;
    font-weight: normal;
    position: relative;
    font-size: 17pt;
    padding-left: 20%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    text-align: left;

    z-index: 22;
    max-width: 100%;


  }


  .sidebar3 {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    clear: both;
    font-weight: normal;
    position: relative;

    font-size: 17pt;

    padding-left: 20%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    z-index: 22;
    max-width: 100%;

  }

  #up5 {
    padding: 50px 0px 0px 50px;
  }

  .mobileroom {
    max-height: 100%;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  img.kms {
    Width: 0px;
    height: 0px;
    position: center;
    visibility: hidden;
    Min-width: 0px;
  }

  #pu3304 {
    z-index: 2;
    width: 1000%;
    margin-left: -10%;
  }

  #pu3367 {
    z-index: 4;
    margin-top: 30px;
    width: 120%;
    margin-left: -10%;
  }

  #pu3395 {
    z-index: 6;
    margin-top: 30px;
    width: 120%;
    margin-left: -10%;
  }

  #pu3423 {
    z-index: 8;
    margin-top: 29px;
    width: 120%;
    margin-left: -10%;
  }

  #pu3535 {
    z-index: 24;
    margin-top: 15px;
    width: 120%;
    margin-left: -10%;
  }

  #pu3494 {
    z-index: 10;
    margin-top: 30px;
    width: 120%;
    margin-left: -10%;
  }

}

#pu3144 {
  z-index: 28;
  margin-top: 28px;
  width: 98%;
  margin-left: 0%;
}

#pu2996 {
  z-index: 28;
  margin-top: 28px;
  width: 98%;
  margin-left: 0%;
}

#pu2941 {
  z-index: 10;
  margin-top: 20px;
  width: 98%;
  margin-left: 0%;
}

#pu2805 {
  z-index: 22;
  margin-top: 35px;
  width: 98%;
  margin-left: 0%;
}

#pu3137 {
  z-index: 8;
  margin-top: 35px;
  width: 98%;
  margin-left: 0%;
}

#pu2941 {
  z-index: 8;
  margin-top: 35px;
  width: 98%;
  margin-left: 0%;
}

#pu3137 {
  z-index: 8;
  margin-top: 35px;
  width: 98%;
  margin-left: 0%;
}

p {
  font-size: 1em;

}

a:hover {
  color: #22caff;
}

img.ijyoyologo {

  position: absolute;
  left: 25%;

  width: 216px;
  height: 216px;

}

.Colore_riempimento_1_copia_5 {
  background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
  position: absolute;
  left: 25%;
  top: 0pxx;
  width: 210px;
  height: 48px;
  padding: 5px;
  z-index: 29;
}

.Colore_riempimento_1_copia_6 {
  background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
  position: absolute;
  left: 42.33%;
  top: 0pxx;
  width: 215px;
  height: 48px;
  padding: 5px;
  z-index: 29;
}

.Colore_riempimento_1_copia_7 {
  background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
  position: absolute;
  left: 60%;
  top: 0pxx;
  width: 210px;
  height: 48px;
  padding: 5px;
  z-index: 29;
}



img.designpersonal {
  width: 60%;
  padding: 0px 20% 0px 20%;
  position: relative;
  padding-bottom: 5px;
  z-index: 2;

}

img.designpersonal2 {
  width: 20%;
  padding: 0px 40% 0px 40%;
  position: relative;
  padding-bottom: 5px;
  z-index: 2;
}

img.personaldesign {
  width: 40%;
  border: white;
  position: relative;
  padding-bottom: 5px;
  z-index: 2;
}

img.photograph16x9 {
  width: 100%;
  position: relative;
  z-index: 2;
}

img.photographportraitac {
  width: 70%;
  position: relative;
  padding-left: 0px 5px 15% 15%;
  z-index: 2;
}

img.photographportraitig {
  width: 40%;
  position: relative;
  padding-left: 0% 30% 5px 30%;
  z-index: 2;
}

img.photographx3 {
  width: 70%;
  padding-left: 0px 15% 0px 15%;
  position: relative;
}

img.photographportrait {
  width: 35%;
  padding-left: 14%;
  position: relative;
}

img.photographportrait2 {
  width: 35%;

  padding-right: 14%;
  z-index: 1;
  position: absolute;
  overflow: hidden;

}

.version.untitled_2 {
  color: #0000FC;
  background-color: #7B1D76;
}

#page {
  z-index: 1;
  min-height: 499.39917612992576px;
  background-image: none;
  border-width: 0px;
  border-color: #000000;
  background-color: transparent;
  padding-bottom: 1px;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

#page_position_content {
  margin-top: -1px;
  padding-bottom: 62px;
  width: 100%;
}


#pu4278 {
  z-index: 90;
  width: 15.07%;
  margin-left: 0.14%;
}

#pu42781 {
  z-index: 90;
  width: 55%;
  padding-left: 12%;
  padding-right: 10%;
}




#u4278 {
  z-index: 90;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.79%;
}

#u42781 {
  z-index: 90;
  background-color: transparent;
  position: relative;
  margin-right: -30%;
  width: 32.79%;
}

#u42841 {
  z-index: 1;
  background-color: transparent;
  position: relative;
  margin-right: -30%;
  width: 32.79%;
  left: 32.79%;
}

#u42661 {
  z-index: 46;
  background-color: transparent;
  position: relative;
  margin-right: -30%;
  width: 32.79%;
  left: 67.22%;
}

#u4266 {
  z-index: 46;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.79%;
  left: 67.22%;
}

#pu227 {
  z-index: 6;
  width: 101.94%;
  margin-left: 0.14%;
}

#u227 {
  z-index: 6;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.84%;
  left: 67.17%;
}

#u4399 {
  z-index: 86;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.84%;
}

#42691 {
  z-index: 1;
  background-color: transparent;
  position: relative;
  margin-right: -30%;
  width: 34.43%;
  left: 64.79%;
}

#u42691 {
  z-index: 1;
  background-color: transparent;
  position: relative;
  margin-right: -80%;
  width: 32.79%;
  left: 100.79%;
}

#u42691_img {
  width: 100%;
  z-index: 1;
  padding-right: 10px;
}



#42691_img {
  width: 100%;
  z-index: 1;
  padding-right: 10px;
}


#u42781_img {
  width: 100%;
  z-index: 1;
  padding-right: 10px;
}

#u4284 {
  z-index: 1;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 34.43%;
  left: 32.79%;
}


#u4266 {
  z-index: 46;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  width: 32.79%;
  left: 67.22%;
}

#pu227 {
  z-index: 6;
  width: 101.94%;
  margin-left: 0.14%;
}

#u227 {
  z-index: 6;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  width: 32.84%;
  left: 67.17%;
}

#u4399 {
  z-index: 86;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.84%;
}

#u4385 {
  z-index: 3;
  background-color: transparent;
  position: relative;
  margin-right:
    -10000px;
  width: 34.47%;
  left: 32.84%;
}

#pu6555 {
  z-index: 108;
  width: 102%;
}

#u6555 {
  z-index: 2;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  width: 32.75%;
}

#u6548 {
  z-index: 64;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  width: 34.45%;
  left: 32.75%;
}

#u6541 {
  z-index: 24;
  background-color: transparent;
  position: relative;
  margin-right: 10px;
  width: 32.82%;
  left: 67.19%;
}

#pu7008 {
  z-index: 114;
  width: 102%;
}

#u7008 {
  z-index: 2;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  width: 32.75%;
}

#u4278_img,
#u4284_img,
#u4266_img,
#u227_img,
#u4399_img,
#u4385_img,
#u6555_img,
#u6548_img,
#u6541_img,
#u7008_img,
#u7001_img,
#u6994_img,
#u5581_img,
#u5588_img,
#u5595_img,
#u203_img,
#u173_img,
#u302_img,
#u517_img,
#u4268_img,
#u4282_img,
#u4988_img,
#u5002_img,
#u4270_img,
#u4276_img,
#u4288_img,
#u5952_img,
#u5980_img,
#u5931_img,
#u5938_img,
#u5959_img,
#u6301_img,
#u6315_img,
#u4844_img,
#u4851_img,
#u4858_img,
#u5387_img,
#u5380_img,
#u5373_img,
#u6459_img,
#u6466_img,
#u6473_img,
#u5644_img,
#u5651_img,
#u5658_img,
#u5987_img,
#u5973_img,
#u5966_img,
#u5258_img,
#u5121_img,
#u5305_img,
#u6658_img,
#u6651_img,
#u6644_img,
#u6760_img,
#u6753_img,
#u6746_img,
#u7351_img,
#u7344_img,
#u7337_img,
#u7451_img,
#u7437_img {
  width: 100%;
  z-index: 1;
}

.css_verticalspacer .verticalspacer {
  height: calc(100vh - 10311px);
}

#muse_css_mq,
.html {
  background-color: #FFFFFF;
}

body {
  position: relative;
  min-width: 320px;
}

@media screen and (max-width: 770px) {
  #pu42781 {
    z-index: 90;
    width: 80%;
  }

  #u42781 {
    z-index: 90;
    background-color: transparent;
    position: relative;
    margin-right: -20%;
    width: 65%;
    padding-bottom: 20px
  }




  #u42841 {
    z-index: 1;
    background-color: transparent;
    position: relative;
    margin-right: -20%;
    width: 65%;
    left: 25%;
  }


  #u42661 {
    z-index: 46;
    background-color: transparent;
    position: relative;
    margin-right: -20%;
    width: 65%;
    left: 25%;
  }

  #u4266 {
    z-index: 46;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 65%;
    left: 67.22%;
    padding-bottom: 20px;
  }

  #pu227 {
    z-index: 6;
    width: 101.94%;
    margin-left: 0.14%;
  }

  #u227 {
    z-index: 6;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 32.84%;
    left: 67.17%;
  }

  #u4399 {
    z-index: 86;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    width: 32.84%;
  }

  #42691 {
    z-index: 1;
    background-color: transparent;
    position: relative;
    margin-right: -30%;
    width: 65%;
    left: -20px;
    padding-bottom: 20px;
  }

  #u42691 {
    z-index: 1;
    background-color: transparent;
    position: relative;
    margin-right: -80%;
    width: 65%;
    left: -196px;
    padding-bottom: 20px;
  }


  #pu42781 {
    z-index: 90;
    width: 55%;
    padding-left: 0px 10% 0px 10%;
  }
}

a.no:visited {
  text-decoration: none;
  color: #000;
}

a.no:hover {
  text-decoration: none;
  color: #000;
}

a.no:focus {
  text-decoration: none;
  color: #000;
}

a.no:hover,
a:active {
  text-decoration: none;
  color: #000;
}

a.fancybox img {
  min-width: 100px;


}

a.fancybox:hover img {
  min-width: 100px;

}

.fancybox {
















  min-width: 150px;
  position: center;
}

#store {
  min-Width: 100%;
  z-index: -2;
  position: relative;

}

#storegallery {
  width: 70%;
  margin: 20px auto;
}

img.kys {
  Width: 8%;
  padding-left: 30px;
  position: center;
  Min-width: 150px;
  visibility: visible;
  border: 0;
}

.section-top1 img.mainimagemob {
  Width: 1px;
  padding-bottom: -300px;
  height: 1px;
  position: absolute;
  Min-width: 1px;
  visibility: hidden;
}

img.secondimage {

  Width: 50%;
  height: 50%;

  Min-width: 1px;
  top: -55px;
  visibility: visible;
}

a.hover.section-top2 {
  color: white;


}

/* Primarly Used for the Commercial/ Product Layout page */
.section-top2 {
  padding: 0px 0px 150px 5%;
}

.section-top1 {

  z-index: -1;
  /* hide shadow behind image */
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.3);
  padding-top: 100px;

  padding-bottom: 100px;
}

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


  .section-top {
    padding-top: 30px;

  }


  #iefix {
    min-Width: 100%;
    z-index: 8;
    position: absolute;







  }

  .printfloat {
    position: fixed;
    bottom: 50px;
    padding-left: 2%;
    z-index: 25;
    background: white;
    border-radius: 5px;
    width: 150px;
    box-shadow: 3px 3px 5px 6px #cccccc29;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

  }

  .space05 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /*Not sure what this first center is. The second center added 5/15/22 */
  .center {
    padding-left: 15%;
  }

  .center404 {
    padding-left: 35%;
  }
}

img.citymain {

  width: 50%;
  margin: 0;
  display: block;
  z-index: 5;
  position: relative;
}

img.modelingmain {

  width: 80%;
  margin: 0;
  display: block;
  z-index: 5;
  position: relative;
}

#up9 h1 {
  color: white;
  font-size: 2em;
}

#up11 h1 {
  color: white;
  font-size: 4em;
  margins: 0px;
  padding: 0px;
  text-align: revert;
}

.mc_embed_signup_scroll {
  max-width: 100%;
}

.buttonlinks a.articlelink {
  color: white;
}



/* iPhone SE 375 x 667*/
@media screen and (max-width:1000px) {
  .right-of-container-50 {
    width: 100%;
  }

  .store-right {
    max-width: 100%;
    display: block;
  }

  .store-left {
    width: 100%;
    display: block;
  }


  .storeFront {
    margin: 50px 5px 0px 2%;
    display: inline-block;
    border-radius: 23px;
  }

  .storeSub {
    background-color: white;
    border-radius: 25px;
    display: inline-block;
    max-width: 100%;
  }

  .storeSubsection {
    margin-top: 10%;
    max-width: 100%;
  }

  img.storeRows {
    display: inline-block;
    width: calc(49% - 0px);
    padding: 10px;
  }

  .storeImage {
    width: 100%;
    margin-left: 0;
    float: left;
    padding: 0px;
  }

  .storeTextBox {
    width: 100%;
    float: left;
    margin: 10px;
  }

  .storeCheckout {
    z-index: 100;
    display: block;
    width: 100%;
    max-height: 100%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    padding: 10px 10px 10px 10px;
    background-color: #e8e8e8;
    border-radius: 25px;
  }

  .storeContainer {
    padding-bottom: 100px;
    display: block;
    margin-top: 0px;
    padding: 10px;
    border-radius: 20px;
    overflow: auto;
    background-color: white;
    background-color: white;
    margin: 0px 0% 0px 0px;
    border-radius: 23px;
    margin-right: 0px;
  }

}

/*iphone <5*/
@media screen and (device-aspect-ratio: 2/3) {
  .storeFront {
    margin: 0px 0% 0px 0px;
    ;
    display: inline-block;
    border-radius: 23px;
  }

  .storeSub {
    background-color: white;
    border-radius: 25px;
    display: inline-block;
    max-width: 100%;
  }

  .storeSubsection {
    margin-top: 10%;
    max-width: 100%;
  }

  img.storeRows {
    display: inline-block;
    width: calc(49% - 0px);
    padding: 10px;
  }

  .storeImage {
    width: 60%;
    margin-left: 20%;
    float: left;
    padding: 0px;
  }

  .storeTextBox {
    width: 100%;
    float: left;
    margin: 10px;
  }

  .storeCheckout {
    z-index: 100;
    display: block;
    width: 100%;
    max-height: 100%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    padding: 10px 10px 10px 10px;
    background-color: #e8e8e8;
    border-radius: 25px;
  }

  .storeContainer {
    padding-bottom: 100px;
    display: block;
    margin-top: 0px;
    padding: 10px;
    border-radius: 20px;
    overflow: auto;
    background-color: white;
    background-color: white;
    margin: 0px 0% 0px 0px;
    border-radius: 23px;
    margin-right: 0px;
  }
}

/* 2340x1080 pixels at 476ppi (iPhone 13 mini) */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .storeFront {
    margin: 0px 0% 0px 0px;
    ;
    display: inline-block;
    border-radius: 23px;
  }

  .storeSub {
    background-color: white;
    border-radius: 25px;
    display: inline-block;
    max-width: 100%;
  }

  .storeSubsection {
    margin-top: 10%;
    max-width: 100%;
  }

  img.storeRows {
    display: inline-block;
    width: calc(49% - 0px);
    padding: 10px;
  }

  .storeImage {
    width: 60%;
    margin-left: 20%;
    float: left;
    padding: 0px;
  }

  .storeTextBox {
    width: 100%;
    float: left;
    margin: 10px;
  }

  .storeCheckout {
    z-index: 100;
    display: block;
    width: 100%;
    max-height: 100%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    padding: 10px 10px 10px 10px;
    background-color: #e8e8e8;
    border-radius: 25px;
  }

  .storeContainer {
    padding-bottom: 100px;
    display: block;
    margin-top: 0px;
    padding: 10px;
    border-radius: 20px;
    overflow: auto;
    background-color: white;
    background-color: white;
    margin: 0px 0% 0px 0px;
    border-radius: 23px;
    margin-right: 0px;
  }
}

/* 2532x1170 pixels at 460ppi (iPhone 13) */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .storeFront {
    margin: 0px 0% 0px 0px;
    ;
    display: inline-block;
    border-radius: 23px;
  }

  .storeSub {
    background-color: white;
    border-radius: 25px;
    display: inline-block;
    max-width: 100%;
  }

  .storeSubsection {
    margin-top: 10%;
    max-width: 100%;
  }

  img.storeRows {
    display: inline-block;
    width: calc(20% - 0px);
    padding: 10px;
  }

  .storeImage {
    width: 60%;
    margin-left: 20%;
    float: left;
    padding: 0px;
  }

  .storeTextBox {
    width: 100%;
    float: left;
    padding: 10px;
    margin: 10px;
  }

  .storeCheckout {
    z-index: 100;
    display: block;
    width: 100%;
    max-height: 100%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    padding: 10px 10px 10px 10px;
    background-color: #e8e8e8;
    border-radius: 25px;
  }

  .storeContainer {
    padding-bottom: 100px;
    display: block;
    margin-top: 0px;
    padding: 10px;
    border-radius: 20px;
    overflow: auto;
    background-color: white;
    background-color: white;
    margin: 0px 0% 0px 0px;
    border-radius: 23px;
    margin-right: 0px;
  }
}



/* Main Media*/
@media screen and (max-width:1000px) {

  .arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    left: 10px;
    position: re∂lative;
    display: inline-block;
    padding: 3px;
  }

  label#check02:hover,
  label#check03:hover,
  label#check04:hover,
  label#check05:hover {
    background-color: #d9d9d9;
    border-radius: 25px;
    transition: background-color 0.7s;
    max-width: 100%;
    padding: 10px;
    font-size: 1em;
  }

  .photoshootPackage {
    width: 100%;
    background-color: transparent;
    padding: 25px;
    overflow: hidden;
  }

  .forDesktopOnly {
    visibility: hidden;
    max-width: 1px;

  }

  .row-print img.screenshot {
    padding-left: 15%;
    padding-bottom: 0px;
  }

  .container,
  .blog-post-row {
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px;
    border-radius: 0px;
    overflow: auto;

    padding-bottom: 25px;
  }

  img.body1 {
    padding: 0px;
  }

  .row-print {
    padding-left: 10px;
    margin-right: 70px;
    max-width: 100%;
    display: block;
  }

  .buttonlinks a.articlelink,
  .buttonlinks,
  .packagehead {
    color: white;
  }

  .buttonlinks {
    background-color: #22caff;
    border-radius: 35px 35px 35px 35px;
    padding-top: 15px;
    margin: 10px 10px 5px 10px;
    padding-bottom: 15px;
    border: 5px 5px 5px;
  }

  .specialLandingPageButton {
    max-width: 200px;
    top: 100px;
    left: 0px;
    padding-top: 10px;
    z-index: 30;
    border-radius: 40px;
    padding: 15px;
    font-family: "Source-code-pro";
    ;
    position: absolute;
  }

  #mc_embed_signupc {
    padding-left: 0px;
    padding-right: 0px;
  }

  .row-print input {
    width: 150px;
    background-color: white;
  }

  input {
    max-width: 100%;
    padding-left: 15px 15px 15px 0px;
    margin-left: 2%;
    border: 0px;
    width: 450px;
    border-radius: 40px 40px 40px 40px;

  }


  input[type=submit] {
    -webkit-appearance: none;
    width: 450px;
    margin-left: 2%;
    background-color: #22caff;
    color: white;
    padding: 14px 20px;
    border: none;
    font-size: 1.5em;

    border-radius: 40px 40px 40px 40px;
    cursor: pointer;
  }

  .dashboard .container {
    max-width: 100%;
    overflow: hidden;
  }

  label {
    max-width: 100%;
  }

  .blog-date,
  .blog-topic {
    font-size: 1em;
    color: grey;

    padding: 0px;
  }

  .foot-row-01 {
    padding-left: 0px;
  }

  .mission {
    width: 100%;
    overflow: hidden;
    margin-bottom: -250px;
    display: inline-block;
    z-index: 25;
    position: relative;
  }

  .mission img.hero {
    padding-top: 0%;
  }

  #up11 h1 {
    font-size: 2em;
    margins: 0px;
    padding: 0px;
    text-align: revert;
  }


  #up9 h1 {
    font-size: 2em;
  }

  li {
    padding-left: 20px;
    line-height: 2;
    margin-top: 1em;
  }

  .container .left-of-container h2,
  .container .left-of-container-40 h2 {
    padding-left: 25%;
  }

  .left-of-container,
  .left-of-container-40 {

    overflow: hidden;
    width: 100%;
    padding-left: 0px;
  }

  .colorchange em {
    color: green
  }

  .right-of-container {
    width: 100%;
  }

  .right-of-container-50 {
    width: 100%;
    padding-bottom: 100px;
  }

  .container {

    max-width: 100%;
  }

  .container p,
  .container h2,
  .container h1 {
    padding-left: 5px;
  }

  .btn06 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30%;
    max-width: 200px;
    z-index: 1;

  }

  /* Top Bar Navigation for the Wall Decor Gallery */
  .storeNav {
    z-index: 5;
    max-width: 100%;
    box-shadow: 10px 5px 5px #00000026;
    background-color: white;
    width: 100%;
    position: fixed;
  }

  .storeHead .navigation-top img {
    visibility: hidden;
    width: 0px;
    position: relative;
  }

  .storeNavIcon {
    display: inline-block;
    margin: 2% 4% 2% 4%;
  }

  .storeNavIcon img {
    width: 40px;
  }

  .storeNavContainer {
    visibility: visible;
  }

  .center {
    padding-left: 0px;
  }

  .center404 {
    padding-left: 0px;
  }

  .space05 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  img.modelingmain {
    width: 95%;
  }

  .navigation-top a:visited {
    color: black;
  }

  .blog-segmentation {
    max-width: 150px;
  }

  .blog-section {
    position: relative;
    padding-left: 0px 0px 0px 0px;
    border: #000;
  }

  .blog-image {
    max-height: 100%;
    max-width: 100%;
  }

  .blog-post-cotainer {

    padding-right: 1px;
    position: relative;
    padding: 5px;
    overflow: hidden;
  }

  .floating,
  .box-02 {
    max-width: 0px;
    max-height: 0px;
    visibility: hidden;
    z-index: 1;
    overflow: hidden;
  }

  /* Call to Action Button on bottom */
  .btn01-2 {
    border-radius: 40px;
    z-index: 1;
    display: inline-block;
    width: 300px;
    height: 50px;
  }

  .btn01-3 {
    z-index: 1;
    display: inline-block;
    width: 300px;
    height: 50px;
  }

  .btn01-1 {
    border: white;
    z-index: 1;
    padding: 7px;
    border-style: solid;
    display: inline-block;
    background: white;
    color: transparent;
    max-width: 100%;
    margin-left: 10%;
    margin-bottom: 10px;
    margin-right: 65px;
  }

  .btn01-1 h2,
  .btn01-3 h2,
  .btn01-2 h2 {
    z-index: 1;
    bottom: 15px;
    color: black;
  }

  .btn05 {
    padding-left: 1%;
    z-index: 1;

  }

  .pricing-layout {
    display: block;
    padding: 0px 0px 10px 10px;

  }

  .p-title {

    font-size: 2em;
    max-height: 50px;
    padding-left: 30%;
  }


  .p-title01,
  .p-title01 h2 {
    padding-left: 10px;
    margin-top: -10px;
    font-size: 1em;
  }

  navigation-top a {
    color: black;
  }

  .p-image {
    max-width: 98%;
    padding: 1px 1px 0px 1px;
  }

  .p-set01 {
    padding: 0px;

    background-color: white;
    box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, .1);

    margin-bottom: 50px;
  }

  .p-price {
    padding-left: 30%;
  }

  .active {
    color: #22caff;
    display: inline-block;
    position: relative;
  }

  .p-description {
    padding: 0px 0px 0px 30%;
  }

  .container-gallery-8 {
    display: block;
    position: relative;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0%;
  }

  .tutorial {
    max-width: 100%;
    padding: 1%;
  }

  img.fourbox {
    width: 50%;
    display: inline-block;
  }

  img.contact {
    width: 89%;
    align-items: center;
    position: relative;
  }

  .section-top1 {
    z-index: -1;
    /* hide shadow behind image */
    padding-top: 1px;
    padding: 0px;
    padding-bottom: 1px;
  }

  .columngallery3.r img {
    width: 49%;
    margin-bottom: -4px;
  }

  .columngallery3.r {
    padding: 0px 0px 0px 0px;
  }

  .columngallery3 {
    margin-bottom: -4px;
    flex: 100%;



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

  .container-gallery7 {
    padding: 0px 100px 0px 0px;
    box-sizing: border-box;
    display: inline-block;
  }

  .container-sr {
    width: 100%;
    padding-top: 25px;
    padding-right: 10%;
    display: block;
  }

  .container-sl {
    width: 100%;
    padding-left: 0px;
    display: block;

  }

  .section1 {
    padding: 0px;
  }

  .section04 img {
    max-width: 100%;
    padding-left: 0px 1% 0px 1%;
  }


  h3 {
    line-height: 1.7;
    z-index: 6;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    font-weight: ;
    color: black;
    line-height: 2;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 2;
    max-width: 100%;
  }



  .portraitnames,
  .portraitnames-3 {
    font-style: italic;
    padding-left: 5%;
  }

  .marcella-row {
    display: block;
    position: relative;

    padding-top: 0px;
    max-width: 80%;
    ;

  }



  img.pseq031,
  img.pseq032img.pseq033 {
    padding-top: 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
  }

  img.pseq031 {
    width: 50%;
    margin-bottom: 0px;
    position: relative;
    padding: 0px 0px 0px 0px;

  }

  img.pseq032 {
    width: 50%;

    position: relative;
    padding-left: 0px 0px 0px 0px;
  }

  img.pseq033 {
    width: 50%;
    position: relative;
    display: block;

    padding-left: 0px;


  }






  a.section-top2 {
    color: #22c7fc;
    line-height: 1.733;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    font-weight: 300;
    padding-left: 25%;
    line-height: 1.7;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 21;
    max-width: 100%;


  }

  .content {
    padding: 0 0px;

    max-height: 0;
    overflow: hidden;
    transition: max-height 0.9s ease-out;
    background-color: white;
    transition: max-height 0.8s ease-out;
  }

  a.c-s-p-2 {
    padding: 0px;
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 1px;
    width: calc(32% - 0px);
    margin-right: 2px;
  }


  a.fiveset {
    padding: 0px;
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 1px;
    width: calc(32% - 0px);
    margin-right: 2px;
  }


  .sidebar3 {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    clear: both;
    font-weight: normal;
    position: absolute;
    top: 1000px;
    font-size: 17pt;
    padding-left: 20%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    z-index: 22;
    max-width: 100%;


  }

  .packagehead {
    font-size: 14pt;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 20px;

    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

    z-index: 20;

  }

  .frontheadpackage {
    font-size: 18pt;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 20px;
    padding-left: 10%;

    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

    z-index: 20;

  }





  .onlyformobile {
    padding-top: 76%;
  }

  img.printhide {
    visibility: hidden;
    max-height: 0px;
    max-width: 0px;
    position: absolute;
    z-index: 1;
  }

  img.printshow {
    visibility: visible;
    max-height: 100%;
    max-width: 100%;
    position: absolute;


  }

  .shift {
    padding-left: 0%;
    padding-bottom: 0px;

  }

  img.mainimage {
    Width: 1px;
    height: 1px;
    padding-top: 1px;
    Min-width: 1px;
    visibility: hidden;
  }

  #bar li {
    display: inline-block;
    list-style-type: none;
    padding-top: 5px;
    font-size: 20 pt;
    position: relative;
    top: 10px;
    max-width: 200px;
    text-align: right;
    float: right;
    padding-right: 50px;
    z-index: 10;
  }

  .special {
    padding: 50px;
  }

  .special2 {
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
  }

  /* Wrapper */
  .icon-button2 {

    background-color: white;
    border-radius: 3.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 2.0rem;
    height: 3.6rem;
    line-height: 3.6rem;
    margin: 0 5px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 3.6rem;
  }

  /* Circle */
  .icon-button2 span {

    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
  }

  .icon-button2:hover span {
    background-color: white;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 3.6rem;
    margin: -1.8rem;

  }

  #slider {
    border-radius: 10px;
    box-shadow: -5px 7px 5px #888888;
  }

  #slider img {
    width: 99vw;
    height: 470px;
  }

  .twitter span {}

  .facebook span {}

  .googleplus span {
    background: orange;
    /* For browsers that do not support gradients */

  }

  .youtube span {}

  /* Icons */
  .icon-button2 i {
    background: none;
    color: black;
    height: 3.6rem;
    left: 0;
    line-height: 3.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 3.6rem;
    z-index: 10;
  }

  .icon-button2 .icon-twitter {
    color: green;
  }

  .icon-button2 .icon-facebook {
    color: #3B5998;
  }

  .icon-button2 .icon-google-plus {
    color: #845f48;
  }

  .icon-button2 .icon-youtube {
    color: #4099ff;

  }

  .icon-button2:hover .icon-youtube,
  .icon-button2:hover .icon-twitter,
  .icon-button2:hover .icon-facebook,
  .icon-button2:hover .icon-google-plus {
    background-color: color: white;
  }



  #bar li a {
    display: block;

    text-align: right;
    padding: 14px 16px;
    margin: 0px;
    text-decoration: none;
    font-size: 24.37 pt;
    '
 max-width: 200px;
  }

  .social_media {
    position: relative;

    padding-top: 500px;
    visibility: visible;
  }

  .social_media2 {
    position: relative;

    padding-top: 400px;
    visibility: visible;
  }

  button,
  input [name="on0"],
  textarea,
  p,
  blockquote,
  th {
    margin: 0px;
    padding-right: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    background-repeat: no-repeat;
  }

  textarea {
    width: 250px;
    line-height: 2;
    background-color: white;
    border-color: grey;
    border-width: 1px;
  }

  #indexz4 {
    z-index: 4;
  }

  .social-icons {
    padding-left: 10%;
  }

  .social-icons svg {
    height: 100px;
    padding: 20px;

  }

  .grpelem,
  .accordion_wrapper {
    display: inline;
    float: left;
  }

  .fld-checkbox input[type=checkbox],


  li dropdown {
    display: inline-block;
    z-index: 20;
    text-align: right;

    border-radius: 5px;
  }

  .social-icons li a {
    padding-right: 0px;
    margin-right: 60px;
    position: relative;
    display: inline-block;
    max-width: 10px;
    font-weight: 600;
    z-index: 1
  }

  li a {


    padding-top: 10%;
    font-weight: 600;
    transform: scale(.9, 1.);



    z-index: 1
  }

}

.social-icons a:hover {

  padding: 0px;
  padding-right: 0px;
  padding-top: 0px;
  z-index: 24;


}

.packagehead,
a.five,
.warning,
a.six,
#bear a.two,
a.six,
#bear li a,
.dropbtn.5,
.Lorina-toppage h2,
a.part5,
.descrpnoin,
#up11 h1,
#up9 h1,
.specialLandingPageButton,
#cssmenu>ul>li>a,
.floating h4,
.navigation-2020 {
  color: white;
}

#bear li a,
.dropbtn.5 {
  display: inline-block;
  text-align: relative;
  padding-right: 100px;
  padding-top: 30px;
  padding: 0;
  font-size: 11pt;
  text-decoration: none;
}

.Fixed {
  top: 20px;
}

#scrol {
  background-color: blue;
  padding: 0 10px;
  width: 100px;
}

img.button {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  top: -300px;
  padding-top: 1%;
  padding-left: 2%;
  padding-bottom: 1%;
  Min-width: 50px;
  -webkit-animation-name: example;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s;

}

@-webkit-keyframes example {
  0% {
    left: 0px;
    top: -100px;
  }


  100% {
    left: 0px;
    top: -300px;
  }
}


img.button5 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  top: -550px;
  padding-top: 1%;
  padding-left: 45%;

  Min-width: 50px;

}

img.button52 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  top: -200px;
  padding-top: 1%;
  padding-left: 45%;

  Min-width: 50px;

}

img.button23 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  padding-top: 1%;
  padding-left: 2%;
  padding-bottom: 1%;
  Min-width: 50px;

}

.Lorina-toppage {
  display: block;
  margin: 0px;
}

.Lorina-toppage h2 {
  font-style: italic;
}


img.button29 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  padding-top: 1%;
  padding-left: 2%;
  padding-bottom: 1%;
  Min-width: 50px;

}

.hoverTextFront {
  position: absolute;
  z-index: 4;
  top: 150px;
  max-width: 35%;
  margin: 10%;
}

#up7 {

  position: relative;
  z-index: 1;
  top: -600px;
  padding-bottom: 1%;
  Min-width: 50px;
  margin-bottom: -400px;

}

#up1 {

  position: relative;
  z-index: 30;
  top: -500px;
  padding-left: 2%;
  padding-bottom: 0PX;
  Min-width: 50px;
  margin-bottom: -200px;
  padding-left: 35%;

}

#lockin {
  padding-right: 55%;
}

#up9 {

  position: relative;
  z-index: 30;
  top: 20%;
  padding-left: 25%;
  padding-right: 25%;
  padding-bottom: 1%;
  Min-width: 50px;
  margin-bottom: -100px;

}

#up11 {

  position: relative;
  z-index: 30;
  top: 20%;
  padding-left: 25%;
  padding-bottom: 1%;
  Min-width: 50px;
  margin-bottom: -250px;

}

img.button24 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  top: -360px;
  padding-top: 1%;
  padding-left: 2%;
  padding-bottom: 1%;
  Min-width: 50px;
  margin-bottom: -200px;
}

img.button25 {
  Width: 50px;
  height: 50px;
  position: relative;
  z-index: 30;
  top: -300px;
  padding-top: 1%;
  padding-left: 2%;
  padding-bottom: 1%;
  Min-width: 50px;
  margin-bottom: -200px;
}







#aboutme {
  position: relative;
  top: -500px;
  padding-left: 30%
}

#ijabout {
  position: relative;
  top: -500px;
  padding-left: 30%
}

img.loot {
  width: 20px;
}

#me2 {
  position: absolute;
  top: 25%;
  left: 20%;
  max-width: 70%;
}

#storedescr {
  position: absolute;
  top: 20%;
  left: 32%;
  max-width: 70%;
}

#me3 {
  position: absolute;
  top: 23%;
  left: 20%;
}

#storetitle {
  position: absolute;
  top: 15%;
  left: 50%;
  bottom: 10px;
}

img.storemodule1 {
  width: 25%;
  padding-right: 30%;
  padding-top: 5%;



}


.f-m-in {
  padding-left: 10%;
  padding-right: 10%;
  text-indent: 3%;
  font-weight: normal;
  font-size: 12pt;
  font-weight: 300;
  color: #dadada;
  line-height: 1.5;

  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  z-index: 21;
  max-width: 100%;
}

img.design-f {
  max-width: 100%;
}

.column {
  float: left;
  width: 49.99%;
}

.column-d {
  float: left;
  width: 50%;
}

.row-d {
  display: block;
  overflow: hidden;
}

img.rowd {
  max-width: 100%;
}

img.rowb {
  max-width: 70%;
}

img.rowa {
  max-width: 50%;
  float: right;
}

.inner1-column {
  float: left;
  width: 20%;
  margin-top: -5px;
}

.inner-row {
  width: 100%;
}


.dtext {

  text-indent: 50px;
  font-weight: normal;
  font-size: 12pt;
  padding-left: 10%;
  color: rgb(136, 136, 136);

  line-height: 2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 6;
  max-width: 100%;


}


.ftext {
  line-height: 2;
  padding-right: 10%;
  text-indent: 50px;
  position: center;
  z-index: 6;
}


.column1 h2,
column2 h2 {
  text-indent: 3%;
}

.column2 {
  float: left;
  padding-left: 10%;
}

.column1 {
  float: left;
  width: 50%;
}

.column1 h4,
{
padding-top: 10px;
}


.column1 img.me {
  padding: 0px;
}

.generalrow {

  padding-right: 5%;

}

.generalrow-1 {
  padding-top: 1px;
  padding-bottom: 100px;
  padding-right: 10%;

}

.generalrow-2 {
  padding-top: 1px;
  padding-bottom: 100px;
  padding-right: 10%;
  padding-left: 20%;

}

.generalrow-3 {
  padding-top: 1px;
  padding-bottom: 100px;
  padding-right: 1%;
  padding-left: 1%;

}

.blocktext {

  width: 250px;
  position: relative;
  z-index: 25;
  padding-bottom: -10px;
  margin-bottom: -10px;
}

/* Clear floats after the columns */
.generalrow:after {

  content: "";
  display: table;
  clear: both;
}







.footcolumn {
  float: left;
  width: 33%;
}

.footrow {
  padding-left: 0px;
  padding-right: 0px;

}

.seniort {
  font-size: 28pt;
  font-weight: 700;
  color: rgb(76, 76, 76);
  line-height: 1.2;
  padding-bottom: 20px;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 20;

}



.columnf-m {
  float: left;
  width: 33%;
}

.rowf-m {}

.column2 h4 {
  margin: 0px;
}

img.f-m {
  max-width: 100%;

  box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.15);
}

.imageinside {
  background: transparent;
  align-items: right;
  padding: 10% 10% 0% 10%;
}

.row {
  padding-left: 15%;
  padding-right: 10%;
}

/* Clear floats after the columns */
.row:after {

  content: "";
  display: table;
  clear: both;
}

hr.bottompackage {
  border: solid rgb(136, 136, 136);
  border-width: 2px 0 0;
  width: 40%;
  clear: both;
  padding-right: 20%;
  padding-left: 20%;
}

.containerquestions {
  padding: 2% 2% 2% 2%;
}

hr.faq {
  max-width: 700px;

}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
.shifter2 {
  padding-left: 60%;
}

.shifter4 {
  padding-left: 35%;
}

.shifter3 {
  padding-left: 10%;
  overflow: hidden;
}

img.z {
  max-width: 20%;
}

#up8 {

  position: absolute;
  z-index: 30;
  top: 0px;
  visibility: hidden;
  max-width: 0px;
  Min-width: 1px;
  overflow: hidden;
  margin-bottom: 0px;

}

. img.d {
  width: 100%;
  visibility: visible;

}


@media screen and (max-width: 1000px) {
  .hoverTextFront {
    top: 0px;
    max-width: 40%;
    margin: 10px;
  }

  figure {
    margin: 0px;
  }

  img.d {
    height: 0px;
    z-index: 1;
    position: absolute;
    width: 0px;
    visibility: hidden;
  }

  img.m {
    width: 100%;
    height: 100%;
    visibility: visible;
  }

  img.fourbox {
    display: inline-block;
    margin: 0px;
  }

  .floating h1 {
    font-size: 96px;
    font-family: "Source Code Variable";
    color: rgb(255, 255, 255);
    line-height: 1.227;
    -moz-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    -webkit-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    -ms-transform: matrix(1.47451725851245, 0, 0, 1.47451725851245, 0, 0);
    position: absolute;

  }

  .shifter4 {
    padding-left: 5%;

    font-size: .85em;
  }

  #iefix {
    min-Width: 100%;
    z-index: 1;
    position: absolute;







  }

  .section1 {
    padding: 0px;
  }

  #up9 {

    position: relative;
    z-index: 30;
    top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 1%;
    Min-width: 50px;
    margin-bottom: -100px;

  }

  #bar li {
    display: inline-block;
    list-style-type: none;
    padding-top: 5px;
    font-size: 20 pt;
    position: relative;
    top: 10px;
    visibility: hidden;

    max-width: 0px;
    text-align: right;
    float: right;
    padding-right: 50px;
    z-index: 10;
  }

  #up1 {

    position: relative;
    z-index: 30;
    top: -500px;
    padding-left: 0px;
    padding-bottom: 0PX;
    Min-width: 0px;
    margin-bottom: 0px;
    padding-left: 0px;

  }

  img.arrow-small-1 {
    width: 40px;
    height: 40px;
  }

  img.arrow-small-2 {
    width: 40px;
    height: 40px;
    transform: rotate(180deg)
  }

  .section-expand-text {

    font-weight: normal;
    font-size: 1.5em;


    color: rgb(136, 136, 136);

    line-height: 1.7;

    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 6;
    max-width: 100%;
  }




  .section-3-row1 {
    height: 100%;
    position: relative;
    padding-top: 1px;
    overflow: hidden;
  }


  #up7 {
    visibility: hidden;
    max-width: 0px;
    position: absolute;
    top: 10px;
  }

  #up8 {

    position: relative;
    z-index: 30;
    top: -650px;
    visibility: visible;
    max-width: 100%;
    Min-width: 50px;
    margin-bottom: -200px;

  }

  .h7 {
    font-size: 200%;
    padding-right: 10%;
    text-transform: capitalize;
    color: #009fde;
    line-height: 1.2;
    position: center;
    z-index: 59;

    font-weight: bold;


  }

  .row {
    padding-left: 5%;
    padding-right: 5%;
  }

  .column-d {
    float: left;
    width: 100%;
  }

  .dtext {
    padding-left: 0%;
    text-indent: 0%;
  }

  .inner-column {
    width: 50%;
    float: right;
  }

  .inner1-column {
    width: 100%;
    float: right;
  }

  .rowdsummary {
    padding-right: 10%;
    padding-left: 10%;

  }

  .rowdsummary1 {
    padding-right: 10%;
    padding-left: 10%;

  }

  img.design-f {

    padding-right: 0px;
    min-height: 100px;
    max-width: 100%;
    padding-left: 0px;
  }

  .columnf-m {
    float: center;
    width: 100%;

  }

  .par5-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    overflow: hidden;
  }



  .imageinside {
    padding: 0;
  }




  .footcolumn {
    float: left;
    width: 33%;
  }

  .footrow {
    padding-left: 1%;
    padding-right: 0px;

  }


  .generalrow {
    padding-right: 10%;
  }

  .portrait-row {
    padding-left: 10%;
    padding-right: 10%;
  }

  .column {
    width: 50%;
  }
}

img.lll {
  max-width: 100%;
  vertical-align: top;

}



.column-23 {
  max-width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.column-24 {
  vertical-align: top;
  max-width: 50%;
  margin: 0px;
  position: relative;
  align-content: right;
  display: inline-block;
}

.column-25 {
  max-width: 33.3%;
  position: relative;
  display: inline-block;
}

.column-26 {
  max-width: 70%;
  position: relative;
  display: inline-block;
}





.I_have_a_variety_of_skills_and_passion_with_Gra {
  font-size: 100%;
  font-family: "Lato";
  color: rgb(98, 98, 98);
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 21;
}

.packages {
  font-size: 12pt;
  line-height: 1.7;
  z-index: 6;
  max-width: 100%;
}

.price-package {
  font-size: 14pt;
  line-height: 1.7;
  font-weight: bold;
  color: #22ADFC;
  z-index: 6;
  max-width: 100%;
}

.p-pos-1 {
  padding-left: 25%;
  padding-right: 20%;
}

.p-pos-2 {
  clear: both;
  position: absolute;
  bottom: 48%;
  z-index: 22;
  max-width: 100%;
  padding-left: 55%;
  padding-right: 20%;

  padding-top: -10px;
}

.p-pos-3 {
  padding-left: 25%;
  padding-right: 20%;
}

.p-pos-4 {
  clear: both;
  position: absolute;
  bottom: 30%;
  z-index: 22;
  max-width: 100%;
  padding-left: 55%;
  padding-right: 20%;
  padding-top: -10px
}


.container-s-product {

  z-index: 50;
  padding-right: 10%;
  padding-left: 10%;


  position: relative;

}

.descrp {
  text-indent: 50px;
  padding-left: 20%;
  padding-right: 20%;
  color: rgb(136, 136, 136);
  z-index: 6;
}

.descrptop {
  text-indent: 50px;
  font-weight: normal;
  font-size: 12pt;
  padding-left: 20%;
  padding-right: 20%;
  color: rgb(136, 136, 136);
  line-height: 1.7;
  position: center;
  z-index: 6;
  max-width: 100%;


}


.descrpnoin {
  font-style: italic;
  font-weight: normal;
  font-size: 12pt;
  padding-left: 25%;
  padding-right: 20%;
  line-height: 1.7;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 6;
  max-width: 100%;


}

a.nine {
  color: rgb(98, 98, 98);
  font-size: 100%;
  font-family: "Lato";
  color: rgb(98, 98, 98);
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  z-index: 21;
  text-decoration: none;
}

.descrt {
  text-indent: 10%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 0;
  font-size: 100%;
  font-family: "Lato";
  color: rgb(98, 98, 98);
  line-height: 1.2;
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  position: center;
  z-index: 21;
}

.toptable {
  padding-bottom: 0;
  background-color: #22caff;
  max-width: 500px;
  min-height: 40px;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 200%;
  line-height: 1.2;
  font-family: "Lato";
  z-index: 21;

}

/* White Text */
.hoverTextFront p,
.hoverTextFront h1,
.toptable,
#up7 h4,
.logo a,
h6,
.toptabl {
  color: white;

}

.descrl {

  background-color: #e8e8e8;
  max-width: 500px;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 100%;
  line-height: 1.2;
  color: rgb(98, 98, 98);
  -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
  font-family: "Lato";
  z-index: 21;
}

.gallery {
  font-size: 0;
  width: 80%;
  margin: 20px auto;

  font-size: 0;
}

.gallery_logo {
  font-size: 0;
  width: 80%;

  margin: 20px auto;

  font-size: 0;
}

.gallery_arch {


  font-size: 0;
  padding-right: 5%;
  padding-left: 5%;
  margin: 1px auto;

  font-size: 0;
}

.gallery_prints {
  font-size: 0;
  margin: 1px auto;

  font-size: 0;
}

gallery_prints:hover {
  display: block;


}

/* Product Photography hvrboxes */
.hvrbox,
.hvrbox * {
  box-sizing: border-box;
}

.hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.hvrbox img {
  max-width: 100%;
}

.hvrbox .hvrbox-layer_bottom {
  display: block;
}

.hvrbox .hvrbox-layer_top-in {
  background: rgb(214 214 214 / 60%);
}

.hvrbox .hvrbox-layer_top,
.hvrbox .hvrbox-layer_top-in {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  color: black;
  padding: 15px;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top,
.hvrbox:hover .hvrbox-layer_top-in,
.hvrbox.active .hvrbox-layer_top-in {
  opacity: 1;
  background: #ffffffab;
}

.hvrbox .hvrbox-text {
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 45%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hvrbox .hvrbox-text_mobile {
  font-size: 12pt;
  border-top: 1px solid rgb(179, 179, 179);
  /* for old browsers */
  border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px;
  padding-top: 2px;
  display: none;
}

.hvrbox.active .hvrbox-text_mobile {
  display: block;
}

.outer {
  height: 300px;
  width: 300px;
  border: 1px solid #000;
}

.inner {
  height: 100px;
  width: 100px;
  margin: 100px;
  background: green;
}

.inner:hover img {
  display: block;
}

.gallery_prints {
  font-size: 0;
  max-width: 100%;
  margin: 1px auto;

  font-size: 0;
}

.gallery_port {
  font-size: 0;

  margin: 1px auto;
  padding-right: 0%;
  padding-left: 0%;
  font-size: 0;
}


.gallery_front1 {
  font-size: 0;
  width: 90%;
  margin: 20px auto;

  font-size: 0;
}

.gallery_front2 {
  font-size: 0;
  width: 100%;
  margin: 0px;

  font-size: 0;
}


.backgroundfront {}

.removetheremove {}

.gallery_ph1 {
  font-size: 0;
  width: 100%;

  font-size: 0;
}



.Row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.Column {
  display: table-cell;
  width: 33.33%;
}

.ph1 {
  position: relative;
  width: 100%%;
  height: 466px;
  overflow: hidden;

}

.ph1 img {
  position: absolute;
  left: 70%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ph1 img.portrait {
  width: 200%;
  background-position: center;
  height: auto;
}

.ph2 {
  position: relative;
  width: 100%;
  height: 466px;
  overflow: hidden;
}

.ph2 img {
  position: absolute;
  left: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ph2 img.portrait {
  width: 200%;
  background-position: center;
  height: auto;
}

img.photographyfront {

  width: 0%;
  position: absolute;
  padding-bottom: 0px;
  z-index: 0;
  visibility: visible;
}

img.photographyfront2 {

  width: 100%;
  position: relative;
  padding-bottom: 0px;
  z-index: 2;
  visibility: visible;


}

img.photographyfront3 {

  width: 100%;
  position: relative;
  padding-bottom: 0px;
  z-index: 2;
  visibility: visible;


}

img.photographyfront4 {

  max-width: 1px;

  visibility: hidden;


}

.textr {
  text-indent: 10%;
  font-weight: normal;
  padding-right: 10%;
  padding-left: 10%;
  color: rgb(98, 98, 98);
  line-height: 1.5;
  position: center;
  z-index: 21;
  max-width: 100%;
}

.descrpp {
  font-weight: normal;
  font-size: 14pt;
  padding-left: 45%;
  padding-right: 4%;
  color: rgb(98, 98, 98);
  line-height: 1.7;
  z-index: 21;
  max-width: 100%;
}

.bottomdescrpp {
  font-size: 1.3em;
  padding-left: 43%;
  padding-right: 4%;
  z-index: 21;
  max-width: 100%;
}

.structure-top {
  margin-bottom: -40px;
  display: block;
}

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

  .container-s-product {
    z-index: 50;
    padding-right: 10%;
    padding-left: 10%;


    position: relative;

  }






  .descrpp {
    font-weight: normal;
    font-size: 12pt;

    padding-left: 43%;
    padding-right: 40%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    z-index: 21;
    padding-left: 200px;
    max-width: 100%;
  }


  .gallery_ph1 {
    font-size: 0;
    width: 100%;
  }
}

#up7 h4 {
  font-size: 5em;
}

#up7 h2,
{
;
top: -130px;
font-weight: 600;
}

@media screen and (max-width:1000px) {
  .blueNav {
    width: 0px;
    height: 0px;
    visibility: hidden;
  }

  .social-icon-float-container,
  .social-newsletter-float-container {
    width: 0px;
    visibility: hidden;
    position: realtive;
    height: 0px;
    max-height: 1px;
    max-height: 1px;
    z-index: 0;
  }

  .container-left,
  .container-right {
    display: block;
    width: 100%;
  }

  .container-right {
    width: 100%;
    padding-left: 0px;
  }

  .p-title {
    font-size: 1em;
    max-height: 50px;
    padding-left: 30%;
  }

  #up7 h4 {
    font-size: 3em
  }

  #up7 h2 {
    top: -80px;
    font-weight: 600;
  }

  .shifter2 {
    padding-left: 10%;
  }

  .section-top2 {

    padding-left: 0px;
    padding-bottom: 1px;
  }

  .rowdsummary1 {

    padding-left: 10%;
    padding-bottom: 20px;
    padding-top: 50px;
  }



  img.photographyfront3 {

    max-width: 1px;
    position: relative;
    padding-bottom: 0px;
    z-index: 2;
    visibility: hidden;
  }

  img.photographyfront4 {
    max-width: 100%;
    visibility: visible;
  }

  .packages {
    font-size: 12pt;
    line-height: 1.5;
    z-index: 6;
    max-width: 90%;
    padding-left: 5%;
    padding-right: 5%;

  }

  #aboutme {
    position: relative;
    top: -500px;
    padding-left: 5%;
  }

  .alert {
    background: url(../images/alert_icon.png) 10px 11px
  }

  .primary {
    background-color: #22adfc;
  }

  .alert-close {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 22px;
    line-height: 24px;
    position: absolute;
    right: 11px;
    top: 9px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    width: 22px;
  }


  .descrpnoin {
    font-style: italic;
    font-weight: normal;
    font-size: 12pt;

    padding-left: 10%;
    padding-right: 10%;
    color: rgb(136, 136, 136);

    line-height: 1.7;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 6;
    max-width: 100%;


  }

  .descrp {
    text-indent: 0%;
    font-weight: normal;
    padding-left: 10%;
    padding-right: 10%;
    color: rgb(98, 98, 98);
    line-height: 1.5;
    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 21;
    max-width: 80%;
  }


  h2 {
    line-height: 1.7;
    z-index: 6;
    font-weight: 700;
    font-size: 1em;
    position: relative;
    font-weight: ;
    color: black;
    line-height: 2;
    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 2;
    max-width: 100%;
  }

  img.photographyfront2 {
    width: 0%;
    position: absolute;
    padding-bottom: 0px;
    z-index: 0;
    visibility: visible;
  }

  img.photographyfront {

    width: 100%;
    position: relative;
    padding-bottom: 0px;
    z-index: 2;
    visibility: visible;
  }

  img.photgrp1 {
    max-height: 0px;
    max-width: 0px;
    visibility: hidden;

  }

  img.photgrp2 {

    Width: 100%;
    height: 100%;
    position: center;
    Min-width: 12px;
    visibility: visible;

  }




  #store {
    min-Width: 20%;
    z-index: -2;
    position: relative;

  }

  img.adve {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    position: relative;
  }

}


.newsletter {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

/* Expertise Badge 2022 */
img.badge {
  margin-left: 50px;
  width: 100px;
  height: 50px;
  display: in-block;
  position: relative;
  margin: 0px;
}

.badge {
  padding: 0% 5% 0% 5%;
}

.w-100 {
  width: 100%;
}

/*Footer Main */
.footer {
  color: white;
  text-align: left;
  padding: 20px 5% 0px 10%;
  background-color: #000000;
}


.footer h2 {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18pt;
  color: white;
}

.contact {
  padding-bottom: 5px;
  display: block;
  padding-top: 50px;
}

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

  /*footer*/
  .lefttext {
    text-align: left;
    padding-left: 5%;
  }

  .footer-row2 {
    margin-left: 0px;
    white-space: nowrap;

    display: inline-block;
  }

  .contact {
    padding-bottom: 5px;
    display: block;
    padding-top: 50px;
  }

  .bottomdescrpp {
    font-weight: normal;
    font-size: 17pt;
    padding-left: 5%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    z-index: 21;
    max-width: 100%;
  }

  /*background #22caff */
  #wb_element_instance390>div,
  #wb_element_instanceportfolio>div,
  #wb_home>div,
  #wb_element_instance320>div,
  #wb_element_instanceportfolio>div,
  #wb_element_instanceportfolio>div,
  #wb_element_instancephotography>div,
  #wb_home>div,
  #wb_element_instanceportfolio>div,
  #wb_element_instancephotography>div,
  #wb_element_instance390>div {
    background: #22caff;
  }

  #wb_element_instance390 {
    left: 89%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: 2;
  }

  #wb_element_instance390>div {
    width: 150px;
    height: 70px;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: 2;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }

  #wb_element_instance320 {
    left: 20px;
    top: -22px;
    position: relative;
    max-width: 20px;
    width: 20px;
    min-height: 9px;
    display:
      block;
    z-index: 2;
  }

  #wb_element_instanceportfolio {
    left: 66%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: 2;
  }

  #wb_element_instanceportfolio>div {
    width: 150px;
    height: 70px;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: 2;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }

  #wb_home {
    left: 20%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: -2;
  }

  #wb_home>div {
    width: 150px;
    height: 70px;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: -2;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }

  #wb_element_instance320>div {
    width: 250px;
    height: 50px;
    opacity: 1;
    z-index: -2;
  }

  #wb_element_instanceportfolio {
    left: 66%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: -2;
  }

  #wb_element_instanceportfolio>div {
    width: 150px;
    height: 70px;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: -2;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }

  #wb_element_instancephotography {
    left: 77%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: -2;
  }

  #wb_element_instancephotography>div {
    width: 150px;
    height: 70px;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: -2;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }




}





.gallery_banner {


  font-size: 0;
}

.galleryphoto {
  font-size: 0;
  width: 80%;

  font-size: 0;
}

a.one {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 2px;
}


a.logolink {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 2px;
  width: calc(30% - 4px);
  margin-right: 2px;
}

a.nothing {

  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1px;
  width: calc(50% - 0px);
  margin-right: 2px;
}

a.nothing:nth-of-type(2n) {
  margin-right: 0;
}

@media screen and (min-width: 50em) {
  a.nothing {
    width: calc(25% - 6px);
  }

  a.nothing:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.nothing:nth-of-type(4n) {
    margin-right: 0;
  }
}

a.banner {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 2px;
  width: calc(100% - 4px);
  margin-right: 2px;
  margin-right: 2px;
}

a.banner:nth-of-type(2n) {
  margin-right: 0;
}

@media screen and (min-width: 50em) {
  a.banner {
    width: calc(100% - 6px);
  }

  a.banner:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.banner:nth-of-type(4n) {
    margin-right: 0;
  }
}

img.s30 {
  width: 40%;
  margin: 5px;
}

a.street {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 2px;
  width: calc(50% - 4px);
  margin-right: 2px;
}

a.street:nth-of-type(2n) {
  margin-right: 0;
}

@media screen and (min-width: 50em) {
  a.street {
    width: calc(20% - 6px);
  }

  a.street:nth-of-type(2n) {
    margin-right: 2px;
  }

  a.street:nth-of-type(4n) {
    margin-right: 0;
  }
}

container-sr:hover overlay {
  opacity: 1;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

a.port {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 7px;
  width: calc(50% - 5px);
  margin-right: 7px;
}

a.port:nth-of-type(2n) {
  margin-right: 0;
}

a.port2 {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
}

a.storeid {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  padding: 15px;
  width: calc(29% - 10px);
  margin-right: 8px;
}

a.storeidarch {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  padding: 15px;
  width: calc(29% - 10px);
  margin-right: 8px;
}

a.portw {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
}

a.port2:nth-of-type(2n) {
  margin-right: 0;
}

figcaption {
  margin-top: 15px;
}

@media screen and (min-width: 50em) {
  a.port {
    width: calc(25% - 6px);
  }

  a.port:nth-of-type(2n) {
    margin-right: 8px;
  }

  a.port:nth-of-type(4n) {
    margin-right: 0;
  }

  a.port2 {
    width: calc(32.4% - 2px);
  }

  a.portw {
    width: calc(48% - 2px);
  }

  a.port2:nth-of-type(2n) {
    margin-right: 8px;
  }

  a.port2:nth-of-type(4n) {
    margin-right: 0;
  }
}

img.arch2 {

  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: white;
  transition: transform .2s ease-in-out;
}

img.arch1 {
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}




a.nothing:hover img {
  transform: scale(1.05);
}

.navigation-bar a.two {
  color: #22caff;
}

a.front {

  transition: transform .2s ease-in-out;

  margin-bottom: 0px;
  width: 100%;
  margin-right: 8px;
}

#bear2 a.two {
  color: #22c7fc;

}

a.two:hover {}


a:nth-of-type(2n) {
  margin-right: 0;
}

a.five {
  font-family: 'Dosis', sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 17pt;
}

a.five:hover {
  color: #22caff;
  font-family: 'Dosis', sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 17pt;
}

a.six {
  text-decoration: none;
  font-weight: normal;
  font-size: 12pt;
}

a.hidden {}

@media screen and (min-width: 50em) {
  a.logolink:nth-of-type(4n) {
    margin-right: 0;
  }

  a.logolink {
    width: calc(20% - 10px);
  }

  a.logolink:nth-of-type(4n) {
    margin-right: 0;
  }
}

a.one:hover img {
  transform: scale(1.15);
}

a.front:hover img {
  transform: scale(1.15);
  transition: transform .2s ease-in-out;
}

a.one {
  width: calc(25% - 6px);
}

a.one:nth-of-type(2n) {
  margin-right: 8px;
}

a.one:nth-of-type(4n) {
  margin-right: 0;
}
}

a.one:hover img {
  transform: scale(1.15);
}




a.cardlink {
  width: calc(25% - 6px);
}




a.banner:hover img {
  transform: scale(1.15);
}



a.bannerlink {
  width: calc(25% - 6px);
}

a.bannerlinkr:nth-of-type(2n) {
  margin-right: 8px;
}

a.bannerlink:nth-of-type(4n) {
  margin-right: 0;
}
}

a.bannerlink:hover img {
  transform: scale(1.15);
}

figure.fl {
  margin: 5px;
}

figure.banner {
  margin: 22px;
}

figure.ph {
  margin: 22px;
}

img.logo2 {
  border: none;
  max-width: 100%;
  height: auto;
  background: #ccc;
  transition: transform .2s ease-in-out;
}



img.frontphoto {
  max-width: 200%;
  max-height: 500px;
  background: #ccc;
  transition: transform .2s ease-in-out;
}

figure.front {
  margin: 1px;
}



img.logosmall {
  border: none;
  max-width: 100%;
  height: auto;

  background: #ccc;
  transition: transform .2s ease-in-out;
}

img.flatdesign {
  border: none;
  max-width: 100%;
  height: auto;

  background: #ccc;
  transition: transform .2s ease-in-out;
}

.toc-Link:active {
  border-color: #22caff;
  background-color:
}

.toc-Link_H1 {
  font-size: 130%;
  padding: 6px 11px
}

.toc-Link_H2 {
  font-family: "Lato";
  line-height: 1.2;
  font-size: 130%;
  text-indent: .5ch;
  padding: 4px 11px
}

.toc-Wrapper {
  display: none;
  position: fixed;
  top: 500px;
  background-color: white;
  left: 1600px
}

.toc-Link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #999;
  border-left: 1px solid #efefef;
  padding: 0 11px
}

.toc-Link:hover {
  background-color: #fafafa;
  color: #22caff
}

img.store {
  border: none;
  max-width: 250px;
  transition: transform .2s ease-in-out;
  padding: 20px;

}

* {
  padding: 0;
  text-decoration: none
}

header {
  position: relative;
  width: 0px;
  height: 0px;
  visibility: hidden;
  z-index: 200000
}

.par-prints {
  padding-top: 1%;
  padding-bottom: 2%;
}

.par-loc {
  padding-top: 4%;
  background: #f6f6f6;
  padding-bottom: 4%;
}

.printspress {
  display: block;
  overflow: hidden;
}

nav {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width:1000px) {
  .containerquestions {
    padding-bottom: 0px;
  }

  #up11 {

    position: relative;
    z-index: 30;
    top: 10%;
    padding-left: 20px;
    padding-bottom: 1%;
    Min-width: 50px;
    margin-bottom: -200px;

  }

  #up9 {

    position: relative;
    z-index: 30;
    top: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    Min-width: 50px;
    margin-bottom: -100px;

  }

  .section-3-row1 {
    height: 100%;
    position: relative;
    padding-top: 1px;
    overflow: hidden;
  }

  #up7 {

    position: relative;
    z-index: 4;
    top: -300px;
    padding-left: 10%;
    padding-bottom: 1%;
    Min-width: 50px;
    margin-bottom: -400px;

  }

  #up8 {

    position: relative;
    z-index: 28;
    top: -100px;
    padding-left: 10%;
    padding-bottom: 1%;
    Min-width: 50px;
    margin-bottom: -200px;

  }

  .brands {
    padding-top: 100px;
  }

  img.pseq033 {
    padding-left: 200px;
  }

  .bottom5,
  img.pseq033,
  .threeset2 {
    padding-bottom: 0%;
    padding-top: 0%;
    display: block;
    margin: 0px;

  }

  .generalrow-1 {
    padding-top: 1px 5% 50 2%;
  }

  .generalrow-2 {
    padding: 1px 1px 100px 1px;
  }

  .column243 {
    float: left;
    position: relative;
    padding: 0px;
  }

  img.igsize {
    width: 150px;
    padding: 5px;
  }

  .column2 {
    float: left;
    padding-left: 1px;
  }

  .row {
    padding-left: 1% 1% 0 0;
  }

  img.pseq032 {
    width: 49%;
    margin: 0px;
    display: inline-block;
    position: relative;


    margin: 0px 0px 7px -5px;

  }

  img.citymain {
    display: block;
    margin: 0px;
  }

  .threeset2 {
    display: inline-block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .column1 h2,
  column2 h2 {
    text-indent: 0px;
    text-align: left;
  }

  .floating-body {
    position: absolute;
    opacity: 0;


  }

  .floating-body2 {
    position: relative;
    bottom: -10px;
  }

  .floating h4 {

    font-size: 2em;
    position: absolute;
    bottom: 1px;
    overflow: hidden;
    display: block;


    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -webkit-transform: matrix(, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);

    z-index: 20;


  }

  .generalrow {
    padding-right: 1px;
  }

  .generalrow .column2 .igsizecolumn {


    padding-right: 1px;
    padding-left: 0px;
  }

  .column1 {
    float: left;
    width: 100%;
    padding-left: 10%;
  }

  .hvrbox .hvrbox-text {
    font-size: 12pt;
    display: inline-block;
    position: absolute;
    top: 50%;
    font-weight: 800;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  ul.social-icons {
    position: relative;
  }

  a.logolink {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 2px;
    width: calc(50% - 4px);
    margin-right: 2px;
  }

  .container-s-product {
    z-index: 50;
    padding-top: 20px 10% 0% 10%;
    padding-bottom: 0px;
    position: relative;
  }

  a.storeidarch {
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 8px;
    padding: 15px;
    width: calc(80% - 10px);
    margin-right: 8px;
  }







  a.one {
    width: calc(49% - 4px);
  }

  a.storeid {
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 8px;
    width: calc(79% - 1px);
    margin-right: 1px;
  }



  .logo {
    visibility: visible;
    font-size: 180%;
    font-family: "Lato";
    color: black;
    font-weight: bold;
    z-index: 59;
    position: absolute;
    top: 1%;

    left: 0;
    width: 100%;
    padding: 0 0 0 0;
    float: none
  }

  .logo a {
    font-family: "Lato";
  }
}




img.bannerdesign {
  border: none;
  background: #ccc;
  position: relative;
  transition: transform .2s ease-in-out;
}

.wed {
  left: 270px;
  top: 490px;
  position: relative;

  z-index: 200;
}

img.buttondiv {

  position: center;
  padding-top: 1% 0% 1% 2%;
  Min-width: 40px;
  Max-width: 40px;
}

.wb_element {
  position: fixed !important;
  min-height: 64px;
  min-width: 64px;
  left: 2px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  overflow: none;
  box-sizing: content-box;
}

#wb_element_instance390 {
  left: 89%;
  top: 0px;
  min-width: 100px;
  width: 100px;
  min-height: 9px;
  height: 80px;
  display: block;
  z-index: 2;
}

#wb_element_instance390>div {
  width: 150px;
  height: 70px;
  background: ##22caff;
  border: 0px solid #C0C0C0;
  opacity: 1;
  z-index: 2;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

#wb_element_instance320 {
  left: 20px;
  top: -22px;
  position: relative;
  max-width: 20px;
  width: 20px;
  min-height: 9px;
  display:
    block;
  z-index: 2;
}

#wb_element_instanceportfolio {
  left: 66%;
  top: 0px;
  min-width: 100px;
  width: 100px;
  min-height: 9px;
  height: 80px;
  display: block;
  z-index: 2;
}

#wb_element_instanceportfolio>div {
  width: 150px;
  height: 70px;
  background: ##22caff;
  border: 0px solid #C0C0C0;
  opacity: 1;
  z-index: 2;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

#wb_home {
  left: 57%;
  top: 0px;
  min-width: 100px;
  width: 100px;
  min-height: 9px;
  height: 80px;
  display: block;
  z-index: 10;
}

#wb_home>div {
  width: 150px;
  height: 70px;
  border: 0px solid #C0C0C0;
  opacity: 1;
  z-index: -2;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

#wb_element_instance320>div {
  width: 250px;
  height: 50px;
  background: #0089bc;
  opacity: 1;
  z-index: -2;
}

#wb_element_instanceportfolio {
  left: 66%;
  top: 0px;
  min-width: 100px;
  width: 100px;
  min-height: 9px;
  height: 80px;
  display: block;
  z-index: -2;
}

#wb_element_instanceportfolio>div {
  width: 150px;
  height: 70px;
  border: 0px solid #C0C0C0;
  opacity: 1;
  z-index: -2;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

#wb_element_instancephotography {
  left: 77%;
  top: 0px;
  min-width: 100px;
  width: 100px;
  min-height: 9px;
  height: 80px;
  display: block;
  z-index: -2;
}

#wb_element_instancephotography>div {
  width: 150px;
  height: 70px;
  border: 0px solid #C0C0C0;
  opacity: 1;
  z-index: -2;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}


a.fancybox img {
  min-width: 100px;

}

a.fancybox:hover img {
  min-width: 100px;

}

#fancybox-title {
  font-size: 1em;
}

.fancybox {

  min-width: 150px;
  max-width: 200px position:center;
}

.toc-Wrapper {
  display: block
}
}

.fancybox-overlay {
  background-color: white;
}






#bar {
  width: 100%;
  height: 58px;
  padding-bottom: 10px;
  background padding: .1px;
}

#bar,
bare {
  visibility: visible;
}


#bare {
  width: 100%;
  height: 25px;
  background-color: #151515;
  padding: .1px;
}

.grpelem1 {
  display: inline;
  float: left;
}

.move {
  visibility: visibile;
  max-height: 100%;
  max-width: 90%;

}

.move2 {
  visibility: hidden;
  max-height: 1px;
  max-width: 1px;

}

.hideformobile {
  visibility: visible;
  max-height: 100%;
  max-width: 100%;
}

.show4mobile {
  visibility: hidden;
  max-height: 1px;
  overflow: hidden;
  position: relative;
  max-width: 1px;
}

.box-02 {
  width: 100%;
  position: relative;
  padding-bottom:
}

hr.photoshoottr {

  padding-left: 10%;
  width: 900px;
  height: 10px;
  border-radius: 5px;
  background-color: #22caff;
}

.dashboard .container {}

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

  .linksNav,
  .mobileNavSection,
  .mobileNavContainer,
  .mobileNavTop,
  .mobileNav {
    visibility: visible;
    width: 80%;
    height: 50px;
  }

  .linksNav {
    position: absolute;
  }

  .mainvideo {
    max-width: 100%;
    margin-left: 0;
  }

  .mapouter {
    overflow: hidden;
  }

  .footer {
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: black;
  }


  .dashboard .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  hr.photoshoottr {
    padding-left: 10%;
    width: 100%;
    height: 10px;
    background-color: #22caff;
  }

  /* to bring back a universal border radius */
  .btn01-3 {
    border-radius: 0px;
  }

  .border-radius,
  .btn01-2 {
    border-radius: 50px;
  }

  .qr-code {
    padding-left: 25%;

    max-width: 200px;
    padding-bottom: 50px;
  }

  .btn01-2,
  .btn01-3 {
    z-index: 1;
    display: inline-block;
    width: 300px;
    height: 50px;
  }

  .floatingtext-right {
    display: inline-block;
    padding: 100px 0px 0px 1%;
    position: absolute;
  }

  .btn01-2ex,
  .btn01-3 {
    border-style: solid;
    padding: 20px;
    display: inline-block;
    width: 200px;
    z-index: 1;
    max-height: 60px;
  }

  .navigation-2020 a {
    padding-left: 1px;
  }

  .navigation-2020 {
    width: 1px;
    height: 1px;
  }

  .navigation-2020 {
    font-size: .5em;
    max-width: 0px;
    max-height: 0px;
    visibility: hidden;
    position: absolute;
    z-index: 26;
    text-align: right;
  }

  .storeHead .navigation-top {
    visibility: hidden;
    max-width: 10px;
  }

  .navigation-top {
    position: relative;
    z-index: 3;
    font-size: 1.2em;
    padding: 20px 20px 10px 20pxs;
    font-style: capitalize;
    display: inline-block;
  }

  .forobjectnav {
    visibility: visible;
    text-align: right;
    font-size: 1em;
    position: relative;
    z-index: 40;
    top: 0px;
    display: inline-block;
  }

  hr.new01 {
    visibility: hidden;
    max-width: 0px;
  }

  .footbody {
    padding: 0px 5% 155px 5%;
    bottom: 100px;
    font-weight: normal;
    font-size: 12pt;
    color: #848484;
    text-align: left;
    background-color: black;
    position: center;
    z-index: 22;
    max-width: 100%;
    padding-bottom: 50px;
    text-transform: capitalize;
  }

  .floating-body {
    position: relative;
    bottom: 0px;
  }

  .floating-body h4 {
    font-size: 3.45em;
    padding-bottom: 50px;
  }

  .visiblityhidden {
    visibility: hidden;
  }

  .hideformobile {
    visibility: hidden;
    max-height: 1px;
    max-width: 0%;
  }

  .show4mobile {
    visibility: visible;
    max-height: 100%;
    position: relative;
    max-width: 100%;
  }

  img.me,
  img.new {
    max-width: 100%;
  }

  #me3 {
    position: absolute;
    top: 20%;
    left: 20%;
  }

  #me2 {
    position: absolute;
    top: 21%;
    left: 15%;
  }

  img.button {
    width: 2%;
    height: 2%;
    position: relative;
    z-index: 30;
    top: -5%;
    padding: .5% 0% 0% 2%;
    min-width: 50px;
  }

  /* t,r,b, l */
  #up7 {


    z-index: 6;
    visibility: visible;
    padding-left: 5%;
    max-width: 100%;
    margin-bottom: 0px;
    margin-top: 100px;

  }

  #mobileup7 {
    position: relative;
    z-index: 30;
    top: -150px;
    padding-left: 2%;

    margin-bottom: -200px;
  }

  h3 {
    line-height: 1.7;
    text-align: left;
    z-index: 6;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    font-weight: ;
    color: black;
    line-height: 2;
    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    position: center;
    z-index: 2;
    max-width: 100%;
  }

  h6 {
    font-size: 200%;
    padding-left: 10%;

    padding-right: 10%;
    font-family: 'Montserrat';
    line-height: 1.2;

    position: center;
    z-index: 59;
    right: 10%;
    font-weight: 600;
    left: 10%;

  }



  #lockin {
    padding-right: 50%;
  }


  #up8 {
    visibility: hidden;
    position: relative;
    z-index: 30;


    Min-width: 50px;
    margin-bottom: -200px;

  }







  #bar {
    width: 1%;
    height: 0px;
    background-color: white;
    padding: 1px;
    visibility: hidden;
  }





  .form-grp clearfix grpelem {
    height: 0px;
    width: 0px;


  }

  nav {
    width: 0px;
    padding-bottom: 10px;
    position: absolute;
  }

  header {
    position: relative;
    width: 100%;
    visibility: visible;
  }

  #cssmenu,
  #cssmenu ul,
  #cssmenu ul li,
  #cssmenu ul li a,
  #cssmenu #head-mobile {
    visibility: hidden;
    border: 0;
    list-style: none;
    line-height: 2;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: black
  }

  #cssmenu:after,
  #cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
  }

  #cssmenu #head-mobile {
    display: none
  }











  #cssmenu {
    ,
    sans-serif;
    background: transparent;
  }

  #cssmenu>ul>li {
    float: left
  }

  #cssmenu>ul>li>a {
    padding: 20px;
    font-size: 1em;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 600;

  }

  #cssmenu>ul>li:hover>a,
  #cssmenu ul li.active a {
    color: #22caff;
  }




  #cssmenu>ul>li:hover,
  #cssmenu ul li.active:hover,
  #cssmenu ul li.active,
  #cssmenu ul li.has-sub.active:hover {
    color: green;
    background: t;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
  }

  #cssmenu>ul>li.has-sub>a {}

  #cssmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: green;
    content: ''
  }

  #cssmenu>ul>li.has-sub>a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background-color: green;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
  }

  #cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
  }

  #cssmenu ul ul {
    position: absolute;
    left: -9999px
  }

  #cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: blue;
    transition: all .25s ease
  }

  #cssmenu ul ul li:hover {}

  #cssmenu li:hover>ul {
    left: auto
  }

  #cssmenu li:hover>ul>li {
    height: 35px
  }

  #cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
  }

  #cssmenu ul ul li a {
    border-bottom: 1px solid white;
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: white;
    font-weight: 400;
  }

  #cssmenu ul ul li:last-child>a,
  #cssmenu ul ul li.last-item>a {
    border-bottom: 0
  }

  #cssmenu ul ul li:hover>a,
  #cssmenu ul ul li a:hover {
    color: green;
  }

  #cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #22caff;
    content: ''
  }

  #cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #22caff;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
  }

  #cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
  }

  #cssmenu ul ul li.has-sub:hover,
  #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background-color: green;
  }

  #cssmenu ul ul ul li.active a {
    border-left: 1px solid white
  }

  #cssmenu>ul>li.has-sub>ul>li.active>a,
  #cssmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid green
  }

  #cssmenu,
  #cssmenu ul,
  #cssmenu ul li,
  #cssmenu ul li a,
  #cssmenu #head-mobile {
    visibility: visible;
  }

  #cssmenu {
    width: 100%;
    text-align: left;
    background-color: black;
  }

  #cssmenu ul {
    width: 100%;
    display: none;
  }

  #cssmenu ul li {
    width: 100%;
  }

  #cssmenu ul li:hover {
    background: #f2f2f2;
  }

  #cssmenu ul ul li,
  #cssmenu li:hover>ul>li {
    height: auto
  }

  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0
  }

  #cssmenu>ul>li {
    float: none
  }

  #cssmenu ul ul li a {
    padding-left: 43px
  }

  #cssmenu ul ul li {
    background: #fff !important;
  }

  #cssmenu ul ul li:hover {
    background: #363636 !important
  }

  #cssmenu ul ul ul li a {
    padding-left: 35px
  }

  #cssmenu ul ul li a {
    color: black;
    background-color: #e6e6e6;
    font-size: 1em;
  }

  #cssmenu ul ul li:hover>a,
  #cssmenu ul ul li.active>a {
    color: #22caff
  }

  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left
  }

  #cssmenu>ul>li.has-sub>a:after,
  #cssmenu>ul>li.has-sub>a:before,
  #cssmenu ul ul>li.has-sub>a:after,
  #cssmenu ul ul>li.has-sub>a:before {
    display: none
  }

  #cssmenu #head-mobile {
    display: block;
    padding: 23px;
    font-size: 12px;
    font-weight: 700;
    background-color: black;
  }

  .button2 {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
  }

  .button2:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #22caff;
    border-bottom: 2px solid white;
    content: ''
  }

  .button2:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: white;
    content: ''
  }

  .button2.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #22caff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .button2.menu-opened:before {
    top: 23px;
    background: #22caff;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  #cssmenu .submenu-button {
    background-color: black;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid green;
    height: 46px;
    width: 46px;
    cursor: pointer
  }

  #cssmenu .submenu-button.submenu-opened {
    background: black
  }

  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px
  }

  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #22caff;
    content: ''
  }

  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px
  }

  #cssmenu .submenu-button.submenu-opened:after {
    background: #22caff
  }

  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #22caff;
    content: ''
  }

  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px
  }

  #cssmenu .submenu-button.submenu-opened:before {
    display: none
  }

  #cssmenu ul ul ul li.active a {
    border-left: none
  }

  #cssmenu>ul>li.has-sub>ul>li.active>a,
  #cssmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: none
  }

  .grpelem1 {
    max-width: 100%;



  }


  .toptable {
    padding-bottom: 0;
    background-color#22caff;
    max-width: 300px;
    min-height: 40px;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 150%;
    line-height: 1.2;
    color: white;
    text-align: left;

    font-family: "Lato";
    z-index: 21;

  }

  .descrl {
    background-color: #e8e8e8;
    max-width: 300px;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 100%;
    color: rgb(98, 98, 98);
    text-align: left;
    -moz-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    -ms-transform: matrix(1.72454894535864, 0, 0, 1.72475621897857, 0, 0);
    font-family: "Lato";
    z-index: 21;
  }

  .move {
    visibility: hidden;
    max-height: 35px;
    max-width: 1px;

  }


  img.secondimage {
    Width: 0%;
    height: 0%;
    padding-right: 20px;
    position: center;
    Min-width: 125px;
    z-index: 1;
    visibility: hidden;
  }

  img.thirdimage {
    Width: 130%;
    height: 130%;
    padding-right: 0px;
    position: center;
    Min-width: 100%;
    visibility: visible;
  }



  .grpelem,
  .accordion_wrapper {
    display: inline;
    float: left;
    max-width: 920px
  }

  .fld-checkbox input[type=checkbox],

  img.mainimagemob {
    Width: 100%;
    height: 100%;
    position: center;
    Min-width: 100px;
    visibility: visible
  }

  img.mainimage {
    Width: 1px;
    height: 1px;

    Min-width: 125px;

  }

  #bear li l.responsive {
    position: relative;
  }

  #bear li.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  #bear ul.responsive li {
    float: none;
    display: inline;
  }

  #bear ul.responsive li a {
    display: block;
    text-align: left;
  }


  #bear2 li l.responsive {
    position: relative;
  }

  #bear2 li.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  #bear2 ul.responsive li {
    float: none;
    display: inline;
  }

  #bear2 ul.responsive li a {
    display: block;
    text-align: left;
  }



  .gallery {
    font-size: 0;
    width: 95%;
    margin: 30px auto;

    font-size: 0;
  }

  .wb_element {
    visibility: hidden;
  }

  .gallery_logo {
    font-size: 0;
    width: 95%;
    margin: 20px auto;

    font-size: 0;
  }

  .gallery_arch {
    font-size: 0;
    width: 100%;
    margin: 1px auto;
    padding-right: 0%;
    padding-left: 0%;
    font-size: 0;
  }

  .gallery_prints {
    font-size: 0;
    width: 100%;
    margin: 1px auto;

    font-size: 0;
  }

  .gallery_port {
    font-size: 0;
    width: 100%;
    margin: 1px auto;
    padding-right: 0%;
    padding-left: 0%;
    font-size: 0;

  }







  img.kys {
    Width: 0px;
    height: 0px;
    position: left;
    visibility: hidden;
    padding-left: 30px;
    Min-width: 0px;
  }

  img.kms {
    Width: 0px;
    height: 0px;
    Min-width: 50px;
    visibility: visible;
    position: absolute;
  }

  #wb_element_instance390 {
    visibility: hidden;
    left: 89%;
    top: 0px;
    min-width: 100px;
    width: 100px;
    min-height: 9px;
    height: 80px;
    display: block;
    z-index: -1000
  }

  #wb_element_instance390>div {
    visibility: hidden;
    width: 150px;
    height: 70px;
    background: #22caff;
    border: 0px solid #C0C0C0;
    opacity: 1;
    z-index: -1000;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
  }



  .toc-Wrapper {
    display: block
  }
}

a.seven {
  color: black;


}

a.seven:hover {
  color: #22caff;


}

a.blue:hover {
  background-color: aliceblue;
}

a.blue:link,
a.three:visited {
  background-color: #22caff;
  color: white;
  padding: 14px 25px;
  text-decoration: none;
  display: inline-block;
}

a.three:hover {
  background-color: aliceblue;
}


a.three:link,
a.three:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-decoration: none;
  display: inline-block;
}

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

  #bar li {
    display: inline-block;
    list-style-type: none;
    padding-top: 10px 70px 0px 0px;
    font-size: 24.37 pt;
    position: relative;
    min-width: 100px;
    max-width: 200px;
    text-align: right;
    float: right;

    z-index: 10;
  }


}

@media screen and (max-width:1200px) {
  a.cinque {
    width: calc(25% - 0px);
  }

  a.cinque:nth-of-type(2n) {
    margin-right: 0px;
  }

  a.cinque:nth-of-type(4n) {
    margin-right: 0;
  }

  a.cinque:hover img {
    transform: scale(1.15);
  }

  #bar li {
    display: inline-block;
    list-style-type: none;
    padding: 10px 70px 0px 0px;
    font-size: 24.37 pt;
    position: relative;
    min-width: 100px;
    max-width: 200px;
    text-align: right;
    float: right;

    z-index: 10;
  }

  /* Center the loader */




  #loader {
    position: absolute;
    left: 44%;
    top: 200px;
    z-index: 53;

    margin: -75px 0 0 -75px;

    width: 200px;
    height: 200px;
    -webkit-animation: spin 2.041s linear infinite;
    background: url(images/loader-64x/logoloader.png) center no-repeat;

  }

  body {
    opacity: 1;
    transition: 1s opacity;
  }

  body.fade-out {
    opacity: 0;
    transition: none;
  }

  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(630deg);
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(680deg);
    }
  }

  /* Add animation to "page content" */
  .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 2s;
  }

  @-webkit-keyframes animatebottom {
    from {
      bottom: 0;
      opacity: 0
    }

    to {
      bottom: 0;
      opacity: 1
    }
  }

  @keyframes animatebottom {
    from {
      bottom: 0;
      opacity: 0
    }

    to {
      bottom: 0;
      opacity: 1
    }
  }

  #myDiv {
    display: none;
  }

  img.ijyoyologo {

    position: relative;
    left: 1%;
    padding-top: 1px;
    width: 0px;
    height: 0px;
    z-index: 2;
  }

  .Colore_riempimento_1_copia_5 {
    background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
    position: absolute;
    left: 10%;

    top: 0pxx;
    width: 20%;
    height: 30px;
    padding: 5px;
    z-index: 29;
  }

  .Colore_riempimento_1_copia_6 {
    background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
    position: absolute;
    left: 39%;

    top: 0pxx;
    width: 20%;
    height: 30px;
    padding: 5px;
    z-index: 29;
  }

  .Colore_riempimento_1_copia_7 {
    background-image: url("/images/update/index/Colore riempimento 1 copia 5.png");
    position: absolute;
    left: 70%;

    top: 0pxx;
    width: 20%;
    height: 30px;
    padding: 5px;
    z-index: 29;
  }


  a.five {
    color: white;
    font-family: 'Dosis', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 12pt;
  }

  a.five:hover {
    color: #22caff;


    font-family: 'Dosis', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 12pt;
  }

  .descrpp {
    font-weight: normal;
    font-size: 17pt;
    padding-left: 20%;
    color: rgb(98, 98, 98);
    line-height: 1.7;
    text-align: left;
    z-index: 21;
    max-width: 100%;
  }

  #me2 {
    z-index: 3;
    position: absolute;
    top: 19%;
    padding-bottom: 20%
  }

  #me3 {
    z-index: 5;
    position: absolute;
    top: 10%;
    left: 40%;

  }

  img.new {
    visibility: hidden;
    max-width: 0px;
  }

  img.me {
    visibility: visible;
    max-width: 100%;
  }

  img.memobile {
    visibility: visible;
    width: 100%;


    z-index: 8;
  }

  img.button {
    visibility: visible;
    max-width: 10%;
    padding-top: -10px;
    position: relative;
    z-index: 0;


  }

  img.button5 {
    visibility: hidden;
    max-width: 0px;
    height: 0px;
    position: relative;
    z-index: 0;


  }


  img.button23 {
    visibility: hidden;
    max-width: 0px;
    height: 0px;
    position: relative;
    z-index: 0;


  }

  img.button24 {
    visibility: hidden;
    max-width: 0px;
    height: 0px;
    position: relative;
    z-index: 0;


  }

  img.button25 {
    visibility: hidden;
    max-width: 0px;
    height: 0px;
    position: relative;
    z-index: 0;


  }

  img.button26 {
    visibility: hidden;
    max-width: 0px;
    height: 0px;
    position: relative;
    z-index: 0;


  }

  #bar li {
    display: inline-block;
    list-style-type: none;
    padding-top: 10px 60px 0px 0px;
    font-size: 24.37 pt;
    position: relative;
    min-width: 100px;
    max-width: 200px;
    text-align: right;
    float: right;

    z-index: 10;
  }


}

a.cinque {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);

}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('fancybox.png');
}

#fancybox-overlay {
  background-color: green;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}