/*misc changes*/
#review-block h2, #product-changelog h2 {
margin-top:30px!important;
}
.content-section {
padding: 30px 0;
}
/*need to change main stylesheet, but later*/
.h3.thin-text {
font-size:22px!important;
text-align: left;
padding:10px 0!important;
margin: 0!important;
}
.row.example p {
font-size:18px;
}
.row.example h2 {
margin-top:20px!important;
}
.nav-item.slidelink a:hover {
cursor:pointer;
}
.leadheading {
font-size:35px;
margin-bottom:20px!important;
}
/*demo slides link*/
.slidelink {
font-size:14px;
margin-left:10px!important;
}
.slidelink.active {
color: black;
background-color: #eee;
}
.slidelink.active:after {
	border-top: 10px solid #337ab7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 0;
}
.loader {
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.magiczoomplus-example, .example-container {
box-shadow: none!important;
}
/*dirty hack, need to remove probably*/
.mobile-center {
	margin-top:20px;
}
.customers-image {
	margin-bottom:50px;
}
/*background cta */
.banner {
position:relative;
padding: 50px 0;
}
.banner-mzp:before {
background-image: linear-gradient(rgba(45, 43, 15, 0.5), rgba(103, 75, 49, 0.53)), url(https://magictoolbox.sirv.com/Tests/Test_Image_Small.jpg?crop.y=200);
content: '';
position: absolute;
top:0;
width: 100vw;
height: 100%;
left:50%;
transform:translateX(-50%);
background-size: initial;
background-color: #f5f4f2;
background-repeat: no-repeat;
}
.banner-overlay {
color:black;
opacity:0.3;
}
.banner p {
	letter-spacing:-0.3px;
	font-size: 30px;
	letter-spacing: -0.3px;
	text-shadow:1px 1px 2px black;
	color:#fff;
}
/* CTA block & Buttons */
.cta {
display: block;
border-radius: 4px;
background: #f9f9f9;
min-width: 365px;
padding: 7px 20px;
font-size:17px;
text-align: center;
}
.cta h3 {
	margin-top:10px;
}
.button-container {
	padding: 8px;
}
.ghost-btn-blue {
display:inline-block;
text-decoration:none;
border:1px solid #ff8b01;
height:36px;
line-height:36px;
color:#fff;
-webkit-border-radius:5px;
-webkit-background-clip:padding-box;
-moz-border-radius:5px;
-moz-background-clip:padding;
border-radius:5px;
background-clip:padding-box;
font-size:20px;
padding: .4em 1.5em;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
cursor:pointer;
zoom:1;
-webkit-backface-visibility:hidden;
position:relative;
background-color:#ff8b01!important;
}
.ghost-btn-blue:hover {
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-o-transition:0.2s ease;
	transition:0.2s ease;
	background-color:#ff8b01!important;
	color:#ffffff!important;
	text-decoration:none
	}
.ghost-btn-blue:focus {
  outline:none;
  color: #ffffff;
}
.ghost-btn-blue2{
margin-left:10px;
display:inline-block;
text-decoration:none;
border:1px solid #0073BD;
height:36px;
line-height:36px;
color:#0073BD;
-webkit-border-radius:5px;
-webkit-background-clip:padding-box;
-moz-border-radius:5px;
-moz-background-clip:padding;
border-radius:5px;
background-clip:padding-box;
font-size:20px;
padding: .4em 1.5em;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
cursor:pointer;
zoom:1;
-webkit-backface-visibility:hidden;
position:relative;
background:transparent;
}
.ghost-btn-blue2:hover {
-webkit-transition:0.2s ease;
-moz-transition:0.2s ease;
-o-transition:0.2s ease;
transition:0.2s ease;
background-color:#01609e!important;
color:#ffffff!important;
text-decoration:none}
.ghost-btn-blue2:focus{outline:none}
.ghost-btn-blue3 {
background-color:#0073BD!important;
color:white!important;
}

/*Accordion*/
.more-less {
float: right;
color: #ececec;
margin-top:16px;
}
.panel {
    box-shadow:none;
}
.panel-group .panel, .panel-default>.panel-heading, .panel-body {
border: none;
background: none;
text-align: left;
}
.panel-title a {
text-decoration: none;
}
.panel-group .panel+.panel {
margin-top: 0px;
}
.panel-heading {
padding:0;
}
/*Pricing table*/
.block a {
text-decoration: none;
}
.block a:hover {
text-decoration: none;
}
/*pricing table*/
.pricing {
text-align: center;
color: #777;
font-size: 14px;
padding-left: 0;
margin-bottom: 30px;
border-radius:5px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 4px 0px, rgba(0, 0, 0, 0.0980392) 0px 8px 16px 0px;
border-radius: 4px;
}
.pricing:hover {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.pricingdarkbg {
box-shadow: rgba(142, 136, 136, 0.56) 0px 0px 4px 0px, rgba(0, 0, 0, 0.6) 0px 8px 16px 0px;
}
.pricing img {
display: block;
margin: auto;
width: 32px;
}
.pricing li:first-child,
.pricing li:last-child {
padding: 20px 13px 0px 13px;
}
.pricing li {
list-style: none;
padding: 13px;
}
.pricing li + li {
border-top: 1px solid #f0f0f0;
}
.pricing big {
font-size: 32px;
}
.pricing h3 {
margin-bottom: 0;
font-size: 42px;
margin-top:0px;
}
.pricing span {
font-size: 16px;
color: #999;
font-weight: normal;
margin-top: 25px;
}
.pricing li:nth-last-child(2) {
padding: 30px 13px;
}
.pricing .buttonlink {
width: auto;
margin: auto;
font-size: 18px;
border-radius: 5px;
color: #fff;
padding: 9px 24px;
background: #aaa;
opacity: 1;
transition: opacity .2s ease;
border: none;
outline: none;
}
.pricing .buttonlink:hover {
opacity: .9;
}
.pricing .buttonlink:active {
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/* pricing color */
.p-dark big,
.p-dark h3 {
color: #333;
}
.p-dark .buttonlink {
background: #fd9a1e;
}
.p-yel big,
.p-yel h3 {
color: #ffbb42;
}
.p-yel .buttonlink {
background: #ffbb42;
}
.p-red big,
.p-red h3 {
color: #e13c4c;
}
.p-red .buttonlink {
background: #e13c4c;
}
.p-blue big,
.p-blue h3 {
color: #3f4bb8;
}
.p-blue .buttonlink {
background: #3f4bb8;
}
/*includes list after pricing table*/
.includes {
width: 750px;
float: none;
margin: 0 auto;
padding: 0 0 0 50px;
font-size: 20px;
}
ul.includes li {
float: left;
color: #454545;
width: 50%;
position: relative;
text-align: left;
margin-bottom: 27px;
font-size: 18px;
list-style: none;
}
/* Custom loader for lazy loaded examples on MZP product page */
@-webkit-keyframes square-animation {
  0% {
    left: 0;
    top: 0;
  }
  10.5% {
    left: 0;
    top: 0;
  }
  12.5% {
    left: 32px;
    top: 0;
  }
  23% {
    left: 32px;
    top: 0;
  }
  25% {
    left: 64px;
    top: 0;
  }
  35.5% {
    left: 64px;
    top: 0;
  }
  37.5% {
    left: 64px;
    top: 32px;
  }
  48% {
    left: 64px;
    top: 32px;
  }
  50% {
    left: 32px;
    top: 32px;
  }
  60.5% {
    left: 32px;
    top: 32px;
  }
  62.5% {
    left: 32px;
    top: 64px;
  }
  73% {
    left: 32px;
    top: 64px;
  }
  75% {
    left: 0;
    top: 64px;
  }
  85.5% {
    left: 0;
    top: 64px;
  }
  87.5% {
    left: 0;
    top: 32px;
  }
  98% {
    left: 0;
    top: 32px;
  }
  100% {
    left: 0;
    top: 0;
  }
}
@keyframes square-animation {
  0% {
    left: 0;
    top: 0;
  }
  10.5% {
    left: 0;
    top: 0;
  }
  12.5% {
    left: 32px;
    top: 0;
  }
  23% {
    left: 32px;
    top: 0;
  }
  25% {
    left: 64px;
    top: 0;
  }
  35.5% {
    left: 64px;
    top: 0;
  }
  37.5% {
    left: 64px;
    top: 32px;
  }
  48% {
    left: 64px;
    top: 32px;
  }
  50% {
    left: 32px;
    top: 32px;
  }
  60.5% {
    left: 32px;
    top: 32px;
  }
  62.5% {
    left: 32px;
    top: 64px;
  }
  73% {
    left: 32px;
    top: 64px;
  }
  75% {
    left: 0;
    top: 64px;
  }
  85.5% {
    left: 0;
    top: 64px;
  }
  87.5% {
    left: 0;
    top: 32px;
  }
  98% {
    left: 0;
    top: 32px;
  }
  100% {
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes hue-rotate {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
}
@keyframes hue-rotate {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
}


.loading {
  position: relative;
  width: 96px;
  height: 96px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: hue-rotate 10s linear infinite both;
          animation: hue-rotate 10s linear infinite both;
   left: 250px;
   top: 120px;
}

.loading__square {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  margin: 2px;
  border-radius: 2px;
  background: #07a;
  background-image: -webkit-linear-gradient(45deg, #fa0 40%, #0c9 60%);
  background-image: linear-gradient(45deg, #fa0 40%, #0c9 60%);
  background-image: -moz-linear-gradient(#fa0, #fa0);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  -webkit-animation: square-animation 10s ease-in-out infinite both;
          animation: square-animation 10s ease-in-out infinite both;
}
.loading__square:nth-of-type(0) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading__square:nth-of-type(1) {
  -webkit-animation-delay: -1.42857s;
          animation-delay: -1.42857s;
}
.loading__square:nth-of-type(2) {
  -webkit-animation-delay: -2.85714s;
          animation-delay: -2.85714s;
}
.loading__square:nth-of-type(3) {
  -webkit-animation-delay: -4.28571s;
          animation-delay: -4.28571s;
}
.loading__square:nth-of-type(4) {
  -webkit-animation-delay: -5.71429s;
          animation-delay: -5.71429s;
}
.loading__square:nth-of-type(5) {
  -webkit-animation-delay: -7.14286s;
          animation-delay: -7.14286s;
}
.loading__square:nth-of-type(6) {
  -webkit-animation-delay: -8.57143s;
          animation-delay: -8.57143s;
}
.loading__square:nth-of-type(7) {
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
}
@media screen and (max-device-width: 767px) {
.h1_home {
margin-top:40px!important;
}
.product-item {
text-align:center;
}
.ghost-btn-blue, .ghost-btn-blue2 {
	font-size:15px!important;
	margin-right:5px!important;
	margin-bottom: 5px;
}
.slidelink	{
display:none!important;
}
.carousel-inner>.item {
display: block!important;
}
.carousel-inner.home-carousel .item {
min-height:initial!important;
}
.includes {
width: auto;
}
ul.includes li {
padding-left:0;
width:auto;
}
.mobile-center {
text-align: center!important;
}
.cta {
min-width: inherit;
}

.pricing li {
    height: auto !important;
}
.pricing big {
    /*font-size: inherit;*/
    font-weight: bold;
}

.banner-mzp:before { background-size:cover; }

.pricing-row a { width: 100% !important; }

}