img {
		max-width: initial;
	}
	
	.display-table-cell img {
		max-width: 100%;
	}
	
	.text-block img {
		max-width: 100%;
	}
	
 button {
 height: initial;
 min-height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
 border: 0px;
 border-color: none;
}

.ql-formats button {
	min-height: initial;
}
.button:hover {
	filter: brightness(1.04);
}

.fluid:hover, .full-width:hover {
	filter: brightness(1.04);
}
/* reset bulma */

.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {

 height: initial;
 line-height: initial;

}  

button:hover {

filter: brightness(1.15);

}
		
a {
	
}


.large-blue-purchase-button {
	background-color: #30bbf0; color: #FFF; border-radius: 3px; width: 100%; border: 0px; height: 55px; font-size: 16px
}

.larger-blue-purchase-button {
	background-color: #30bbf0; color: #FFF; border-radius: 3px; width: 100%; border: 0px; height: 55px; font-size: 16px
}


.dropdown-item a {
	text-decoration: none;
	color: #3273dc;
}	


.dropdown-item a:hover {
	text-decoration: underline;
}

b, strong {
    color: inherit;
	font-weight: bolder;
}
		

.checkout_button:hover {
	filter: brightness(1.15);
	
}

ul {
  padding: 0;
   list-style: initial;
  list-style-position: inside;

}

ol {
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
}

li {
  margin-left: 10px;
}
a {
  color: #07bbf1;
}

p {
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
}

li {
margin-top: 0.5rem;	
margin-bottom: 0.5rem;	

}

ul {
	padding-left: 0px;
}


.my-8 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  background-color:gray;
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
#filedrag
{
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #888;
	border-radius: 7px;
	cursor: pointer;
    height:250px;
	background-color: #EFEFEF;
}

.preview
{
    max-height:200px;
    max-width:200px;
}


.p10{
    padding:10px
}


.p20{
  padding:20px
}

.normal {
    background-color: grey;
}

.dragArea{
     min-height: 10px;	
}

.sortable-chosen {
    opacity: 0.7;
    background-color:#dcdcdc;
}
.sortable-ghost {
    background-color:#dcdcdc;
}

.del {
    cursor: pointer;
	width: 80px;
}

.move {
	width: 80px;

}


.full-width
{
	box-sizing: border-box;
}
/*
.hover-outline {
	outline: 2px solid #5cbcda;
	outline-offset: -2px;
}

.element-outline {
	border: 2px solid #932de3;
	border-offset: 2px;
}


.column-hover-outline {
	outline: 1px dashed #15c318;
	outline-offset: -2px;
}

.hover-no-outline {
	outline: 0px !important;
	outline-offset: -2px;
}
*/
.hide-element {
	display: none !important;
}


.section-group {
	padding: 0px;
	position: relative;
}

.section-group-item {
	border: 0px;
	position: relative;
}

.ql-align-center {
	text-align: center;
	font-family: inherit;
	font-size: inherit;
}



.body-left-margin {
	position: relative;
	left: 300px;
}




ul.bulletUL {
list-style-type: circle !important;
 list-style-position: inside;
}

li.bulletLi {
   display: list-item;
   list-style-type:  none;
   margin: 10px;
}

li.bulletLi i {
   margin-right: 15px;
}



.fa-arrows-alt {
	cursor: move;
}

.fa-cog {
cursor: pointer;	
}




.speech-bubble {
	position: relative;
	background: #FFFFFF;

	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;

	border: 12px solid transparent;
	border-right-color: #ffffff;
	border-left: 0;
	margin-top: -12px;
	margin-left: -12px;
outline-left: #EEE;

}


.box1 {
  width: 100%;
  background-color: #FFFFFF;
  margin: 50px auto;
  border: 4px solid;
  padding: 20px;
  text-align: left;
  position: relative;

}


/* speech bubble 5 */

.right-side-quote-triangle:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #555555;
  border-right: 10px solid transparent;
  border-top: 10px solid #555555;
  border-bottom: 10px solid transparent;
  right: -21px;
  top: 6px;
}

.right-side-quote-triangle:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid #fff;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  right: -11px;
  top: 10px;
}


/* speech bubble 6 */

.left-side-quote-triangle:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #555;
  border-top: 10px solid #555;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

.left-side-quote-triangle:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}


/* speech bubble 7 */

.bottom-left-side-quote-triangle:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #555555;
  border-right: 10px solid transparent;
  border-top: 10px solid #555555;
  border-bottom: 10px solid transparent;
  left: 90px;
  bottom: -23px;
}

.bottom-left-side-quote-triangle:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  left: 94px;
  bottom: -13px;
}


/* speech bubble 8 */

.bottom-right-side-quote-triangle:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #555555;
  border-top: 10px solid #555555;
  border-bottom: 10px solid transparent;
  right: 20px;
  bottom: -23px;
}

.bottom-right-side-quote-triangle:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  right: 24px;
  bottom: -13px;
}







.light-shadow {
	box-shadow: 6px 10px 15px rgba(0, 0, 0, 0.05);
}



.topitemactive {
	background-color: #3a3b43;
	color: #FFF;
	border-radius: 0px;
}
/* always present */
.expand-transition {
  transition: all .3s ease;
  -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}
/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter, .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}


.addelement {
	text-align: left;
	border-radius: 6px;
	padding: 12px;
	padding-left: 16px;
	background-color: #474953;
	color: #EEE;
	text-transform: uppercase;
	font-size: 12px;
	cursor: grab;
}



.addelementcontent {
	
	display: table-cell;
	width: 50%;
	padding: 10px;
}


html {
	-webkit-font-smoothing: initial;
line-height: initial;
}

body {
	font-family: 'Avenir', sans-serif;
}

div, p, ul, span, a {
	overflow-wrap: break-word;
	    word-wrap: break-word;

		white-space: initial;
		
		-webkit-font-smoothing: antialiased;
	
}


.table {
	background-color: initial;
	color: initial;
}
.fadein {
    -webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
          -moz-animation: fadein 0.2s; /* Firefox < 16 */
           -ms-animation: fadein 0.2s; /* Internet Explorer */
            -o-animation: fadein 0.2s; /* Opera < 12.1 */
               animation: fadein 0.2s;
}

.arrow-left-new-element {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #3a3b43 transparent transparent;


  position: absolute;
  right: 55px;
  top: 14px;
}

.topitem {
	display: inline-block; font-size: 15px; padding: 12px; padding-left: 15px; padding-right: 12px; text-align: center; cursor: pointer; height: 100%;
}



.left-menu {
	width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;  z-index: 3; border-radius: 0px;
		
}

.left-menu-inner {
	width: 300px;height: 100%; background-color: #3a3b43; 
}


.left-menu-settings {
		overflow-y: scroll;
		height: calc(100% - 196px);
		padding: 30px; 
		padding-right: 23px;
		padding-top: 20px; 
		display: none;
		color: rgba(255, 255, 255, 0.5);
		font-size: 15px;
}

.bottom-explainer {
	position: relative;
	top: -10px;
}

.active-lms {
	display: block;
}

.active-image {
	border: 2px solid #3c8dbc !important;
}
.left-menu-top {
	height: 50px; 
	width: 100%; 
	background-color: #474953; 
	display: table; 
	color: #FFF;
}

.left-menu-top-item {
	display: table-cell; 
	font-size: 20px; 
	padding: 9px; 
	text-align: center; 
	width: 33%; 
	background-color: #474953;
}

.active-lmti {
	background-color: #3a3b43;
}

/* width */
.left-menu-settings::-webkit-scrollbar {
  width: 14px;

}

/* Track */
.left-menu-settings::-webkit-scrollbar-track {
  background: #3a3b43; 
  border-radius: 10px;


}
 
/* Handle */
.left-menu-settings::-webkit-scrollbar-thumb {
  background: #595a67; 
    padding: 2px;
	  border-radius: 12px;
-webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.3); 

border: 4px solid #3a3b43;


}


.fa-2x {
	color: #EEE; font-size: 30px; cursor: pointer; float: right; margin-right: 10px; margin-top: 5px;
}

/*
/* Handle on hover 
.left-menu-settings::-webkit-scrollbar-thumb:hover {
  background: #595a67; 
    outline: 1px solid #FFF;

}
*/

#slider {
    position: absolute;
    width: 100px;
    height: 100px;
    background: blue;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.slide-in {
    animation: slide 1s forwards;
    -webkit-animation: slide 1s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    from { left: -300px; }
    to   { left: 0; }
}

@-webkit-keyframes slide-in {
    from { left: -300px; }
    to   { left: 0; }
}

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fa-times-thin:before {
	content: '\00d7';
}

hr {

	border-top: 1px solid #5e6069;
}

.active-elements-menu {
	text-decoration: underline; display: inline-block; color: #FFF;
}

.inactive-elements-menu {
	opacity: 0.5;
}

.show-menu {
	display: table; width: 100%;
}

.hide-menu {
	display: none !important;
}


.current-color {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #000;
	cursor: pointer;
}

.checkout-label {
	
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
	
}


.icon-input {
	display: inline-block; 
	width: 18%; 
	text-align: left; 
	padding: 5px; 
	padding-left: 14px; 
	padding-top: 17px; 
	vertical-align: top; 
	font-size: 12px;
	border-radius: 3px;
	background-color: #474953;
	color: #EEE;
	font-size: 13px;
	border: 0px;
	height: 46px;
	margin-top: 10px;
	    margin-bottom: 20px;
}
.vc-chrome {
	width: 100%;
}

.vue-slider-process {
    background-color: #07bbf1 !important;
}
.vue-slider-dot-tooltip-inner {
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-color: #07bbf1;
    background-color: #07bbf1 !important;
    box-sizing: content-box;
}


.menu-bottom {
	position: fixed; bottom: 0px; left: 0px; background-color: #27282a; height: 70px; padding: 30px; width: 300px; display: table; color: #FFF
}

.menu-bottom-item {
	display: table-cell; font-size: 20px; padding: 9px; text-align: center; width: 33%;
}

section {
	z-index: 2;
	
}



h1, h2, h3, h4, h5, h6 {
	line-height: inherit;
	margin: 0px;
	
	margin-block-start: 0px;
	    margin-block-end: 0px;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;

}



/*
#main-menu {
	height: 50px; background-color: #474953; width: 100%; z-index: 100; font-size: 13px; color: #FFF; border-radius: 0px; text-align: right; position: fixed; top: 0px; right: 0px;
}



#addElementMenu {
	width: 300px; height: 320px; position: fixed; right: 75px; top: 65px; background-color: #3a3b43; z-index: 121; padding: 20px; border-radius: 6px;
}

#settingsMenu {
	width: 300px; height: 800px; position: fixed; right: 75px; top: 15px; background-color: #3a3b43; z-index: 3; padding: 20px; border-radius: 6px;
}
*/
.default-hidden {
	display: none;
}

.has-fields {
	display: block !important; 
}



.switch input {
  position: absolute;
  opacity: 0;
  background: #FFFFFF;
}

/**
 * 1. Adjust this to size
 */

.switch {
  display: inline-block;
  font-size: 20px; /* 1 */
  height: 1em;
  width: 2em;
  background: #FFFFFF;
  border-radius: 1em;
}

.switch div {
  height: 1em;
  width: 1em;
  border-radius: 1em;
  background: #c7092a;
  box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
          transition: all 300ms;
}

.switch input:checked + div {
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
		  background: #41b883;
}

#main .dropdown li {
  border-bottom: 1px solid rgba(112, 128, 144, 0.1)
}

#main .dropdown li:last-child {
  border-bottom: none;
}

#main .dropdown li a {
  padding: 10px 20px;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 1.25em;
}

#main .dropdown li a .fa {
  padding-right: 0.5em;
}


.full-width {
	width: 100%;
	display: block;
}

.fluid {
	display: inline-block;
	width: initial;
	min-width: 100px;
}

.vs__dropdown-toggle {
	border: 0px !important;
	color: ;
}

.vs__selected, .vs__clear, .vs__actions
{
	color: ;
}

.ql-align-right {
	text-align: right;
}



.dropshadow-light {
	
	-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.22);
}


.dropshadow-medium {
	
	-webkit-box-shadow: 0px 0px 35px 4px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 0px 35px 4px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 35px 4px rgba(0,0,0,0.50);
}

.dropshadow-heavy {
	
	-webkit-box-shadow: 0px 0px 35px 10px rgba(0,0,0,0.80);
	-moz-box-shadow: 0px 0px 35px 10px rgba(0,0,0,0.80);
	box-shadow: 0px 0px 35px 10px rgba(0,0,0,0.80);
}




.design-1 {
	text-decoration: none;
    background: #f47e7e;
	color: #FFF;
	    font-weight: bold;
	    border-bottom: solid;
		border-width: 2px;
		border-color:  #e76969;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
	    padding: 15px 25px 15px 25px;
		text-align: center;
}

.design-1:hover {
	border-color:  #e76969;
}


.design-2 {
	text-align: center;
	text-decoration: none;
    background: #5c8ab8;
	color: #FFF;
	border-radius: 0px;
	padding: 15px 45px 15px 45px;
}



.design-3 {
	text-decoration: none;
	text-align: center;
	background: #FFF;
	    border: 2px solid #222;
		color: #222;
		border-radius: 3px;
	    padding: 13px 23px;
		font-size: 12px;
	    border: 2px solid #55c35c;
	    background-color: #9deca2;
	    color: #3c763d;
}


.design-4 {
	text-decoration: none;
	text-align: center;
		border-radius: 0px;
	    padding: 8px 17px;
		font-size: 12px;
	    border-bottom: 4px solid #E04342;
		border-left: 0px !important;
		border-right: 0px !important;
		border-top: 0px !important;
	    background-color: #fa5a5a;
	    color: #FFFFFF;
}

.design-5 {
	text-decoration: none;
	text-align: center;
	background: #17aa56;
	    color: #fff;
	    border-radius: 7px;
	    border-bottom: 5px solid #119e4d;
		border-left: 0px !important;
		border-right: 0px !important;
		border-top: 0px !important;
	    padding: 10px 20px;
}

.design-6 {
	text-decoration: none;
	text-align: center;
	background-color: #5E55EB;
	    border: 0px solid #5a54b3;
	    color: #ffffff;
		padding: 12px 25px;
		border-radius: 8em !important;
}


.paypal-button {

    background: #2997d8;
	text-transform: uppercase;
		color: #b6e4ff;
		border-radius: 6px;
		border: 2px solid #3b7bbf ;
	    padding: 8px 18px;
}

.lighthr {
	border-top: 1px solid #CCC;
	width: 100%;
	margin-top: 24px;
	margin-bottom: 20px;
	height: 1px;
}

.col-select {
	border-radius: 6px; margin-bottom: 10px; padding: 10px; text-align: center; background-color: #474953; font-size: 12px;
}

.active-col {
	background-color: #28282a;
}


   .checker:checked + .modal {
     display: flex;
   }
   .checker2:checked + .modal {
     display: flex;
   }
   
   .checker3:checked + .modal {
   display: flex;	
   }
   
 
   .is-active {
	   display: block;
   }
   
   
   .individual-item {
	   
   	display: inline-block; padding: 5px; border: 1px solid #DDD; margin: 5px; width: 100px; height: 100px; vertical-align: text-top; background-color: #FFF;
   
   }
   

   
   .dark-menu-section {
   	background-color: rgb(40, 40, 42); border-radius: 6px; padding: 20px; margin-bottom: 10px; width: 100%;
   }
   
   .font-select-button {
	   display: inline-block;
	   background-color: #efefef;
	   color: #555;
	   padding: 10px;
	   width: 250px;
	   border-radius: 3px;
	   font-size: 15px;
	   margin: 10px;
	   text-align: center;
	   cursor: pointer;
   }
   
   .font-select-button strong {
	   font-weight: 800;
	   font-size: 120%;
   }

 
   
   
   .button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
   	
	   height: initial;
	   line-height: initial;
	
   }
   
   
   .nav-items {
	   display: table; width: 100%;
   }
   
   .nav-item {
   	display: table-cell; text-align: center; padding-right: 10px; padding-left: 10px;
   }
   
   .nav-item-mobile {
      	display: none; text-align: center;	
   }
   
   .nav-items-mobile {
      	display: none; text-align: center;	
   }
   
   .display-table-cell-33 {
   	width: 33% !important; vertical-align: top; padding-right: 2%; display: table-cell !important;
   }
   
   .display-table-cell-33-last {
   	width: 33% !important; vertical-align: top; padding-right: 0%; display: table-cell !important;
   }
   
   
   .display-table-cell-50 {
   	width: 50% !important; vertical-align: top; display: table-cell !important;
   }
   
   .display-table-cell-50-last {
   	width: 50% !important; vertical-align: top; padding-left: 2%; display: table-cell !important;
   }
   
   .display-table-testimonial {
  margin: auto; width: 100%; max-width: 100%; display: table;
	
   }


  .modal-content {
	  width: 640px;
	  max-width: 95%;
  }
  
  
   @media only screen and (max-width: 800px) { 
	   
	   .display-table-testimonial {
	    margin: auto; width: 100%;
	
	   }
	   
	   
	 .modal-card, .modal-content {
	 	
		 height: 100%;
		 border-radius: 0px;
		 max-height: 100%;
	 }
	   
	   .modal-close {
	   		
		   background-color: #555555;
		
	   }
	   
	}
	   
   
   
   .mobile-nav-bars {
   	 	
	   display: none;
		
   }
   
   .nav-items-mobile {
	   
      	
		text-align: center;	
		background-color: #000000;
	    display: none;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
		
		
   }
   
   @media only screen and (max-width: 600px) {
	   
	   
	   .mobile-nav-bars {
   	 	
		   display: block;
		   position: fixed;
		   right: 10px;
		   top: 10px;
		   font-size: 130%;
	
	   }
	   
	   
	   .display-table-cell-33 {
	   	width: 100% !important; vertical-align: top; padding-right: 0%; display: block !important;
	   }
   
	   .display-table-cell-33-last {
	   	width: 100% !important; padding-right: 0%; vertical-align: top; display: block !important;
	   }
	   
	   
	   
	   .display-table-cell-50 {
	   	width: 100% !important; vertical-align: top; display: block !important;
	   }
   
	   .display-table-cell-50-last {
	   	width: 100% !important; vertical-align: top; padding-left: 2%; display: block !important;
	   }
	   
	   
	   
	   
	   body {
		   margin-top: 0px;
	   }

	   #main-menu {
		   display: none;
	   }
	   
	   .section-group {
		   max-width: 100%;
	   }
	   
   	.column-group {
   		padding: 0px;
   		position: relative;
   		display: block !important;
   		width: 100%;
   	}

   	.column-group-item {
   		border: 0px;
   		position: relative;
   		padding: 0px;
   		width: 100% !important;
   		display: block !important; 
		vertical-align: middle;
   	}
	
    .nav-item {
    	display: none; text-align: center; vertical-align: middle;
		
    }
	
  
	
    .nav-items-mobile .nav-item {
       	display: block; font-size: 25px; vertical-align: middle;	 
    }
	
	
	
	.section-group, .row-group {
		margin: 0px;
	}
	
	.row-group-item, .section-group-item {
		padding: 0px !important;
	}
	
	

	
   }
   
   
   
   .clickout {
	   position: fixed;
	       width: calc(100% - 300px);
	       height: 100%; left: 300px; 
		   top: 0px;
		   z-index: 99;
   }
   
   .clickout2 {
	   position: fixed;
	       width: 100%;
	       height: 100%; 
		   left: 0px; 
		   top: 0px;
		   z-index: 99;
   }
   
   .menu-bottom {
	   display: none;
   }
   
   
   .click-to-show-menu {
	   cursor: pointer;
   }
   
   .videoWrapper {
   	position: relative;
   	padding-bottom: 56.25%; /* 16:9 */
   	padding-top: 25px;
   	height: 0;
   }
   .videoWrapper iframe {
   	position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   }
   
   
   input {
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	     box-sizing: border-box; 
   }
   
   
   input, textarea {
	   border-style:solid;
   	border-radius: 3px;
   	background-color: #EEE;
   	color: #555;
   	padding: 16px;
   	width: 100%;
   	border: 0px;
	box-sizing: border-box;
	
   }
   
   input[type=checkbox], input[type=radio] {
      width: initial;
	  padding: initial;
	  border-style:solid;
   }
   
   select {
      	border-radius: 3px;
      	background-color: #EEE;
      	color: #555;
      	padding: 6px;
      	width: 100%;
      	border: 0px;
   	box-sizing: border-box;
	
   }
   
   
   .apply-code {
      	border-radius: 3px;
      	background-color: #EEE;
      	color: #555;
      	padding: 16px;
      	width: 100%;
      	border: 0px;
   	box-sizing: border-box;
      }
   }
   
   .active-option {
	  border: 1px solid #DDD;
	      background-color: #FFFFFF;
	      padding: 20px;
	      padding-top: 24px;
	      padding-left: 5px;
	      font-size: 112%;
	      border-radius: 10px;
	      filter: drop-shadow(0 0 0.75rem #DDD);
   }

   .active-option input {
	   display: none !important;
   } 
  
  .left-radio-button-div {
  	display: table-cell; width: 6%; vertical-align: middle; text-align: center;
  }
  
   .active-option > .left-radio-button-div {
	   width: 0%;
   }
   
   .selector-middle {
   	display: table-cell; width: 75%; padding-left: 2%; vertical-align: middle;
   }
   
   .selector-middle label {
	   margin-bottom: 0px;
   }
   
   .active-option > .selector-middle {
	   width: 87%;
   }
   
   .selector-right {
   	display: table-cell; width: 15%; font-size: 12px; padding-right: 2%; text-align: right; vertical-align: middle; white-space: nowrap;
   }
   
   /* this below only applies to the ecom store*/
   
   .active-shipping-option {
	   border: 1px solid #DDD;
	  
	       padding: 20px;
	       padding-top: 24px;
	       padding-left: 5px;
	       font-size: 112%;
	       border-radius: 10px;
	    
	   
   }
   
   .active-shipping-option input {
	   display: none !important;
   } 
   
   
   
   .active_payment_step {
   	border-bottom: 2px solid;
   }
   
   .inactive_payment_step {
	   border-bottom: 0px;
   }


 	   .form-subheading {
 	   	font-size: 120%; font-weight: bold; margin-bottom: 15px; margin-top: 45px;
 	   }
	   
	   
	   .panel-body
	   {
		   background-color: #FFFFFF;
	   }
	   
	   
	   .padding-table {
		   padding: 20px;
		   margin: auto;
	   }

 	   .group {
 		   width: 100%; 
 		   margin-top: 10px;
 		   margin-bottom: 20px;
 		   position: relative;
 	   }
   
   
   
   .menu-label:not(:first-child)
   {
   	margin-top: initial;
   	margin-bottom: initial;
   }
   
.menu-label:not(:last-child) {
	margin-top: initial;
	margin-bottom: initial;
}

	 .menu-label {
		 letter-spacing: initial;
	 }
 	   .checkout-form-input {
	       min-height: 50px;
	       height: 50px;
	       display: block;
	       border-radius: 3px;
	       width: 100%;
		   background-color: #FFFFFF;
	   }
	   
	   
	   
   
	   .group > label {
		   margin-bottom: 10px;
		   color: #333;
	   }
	   
	   .group-cell > label {
		   margin-bottom: 10px;
		   color: #333;
	   }
	   
	   .group-cell {
		   position: relative;
	   }
	   .outcome {
	     float: left;
	     width: 100%;
	     padding-top: 8px;
	     min-height: 24px;
	     text-align: center;
	   }

	   .success,
	   .error {
		 margin-top: 10px;
	     display: none;
	     font-size: 13px;
	   }

	   .success.visible,
	   .error.visible {
	     display: block;
	   }

	   .error {
	     color: #E4584C;
	   }

	   .success {
	     color: #666EE8;
	   }

	   .success .token {
	     font-weight: 500;
	     font-size: 13px;
	   }
   


	
 
	   label.checkout-form-label {
	        position: absolute; 
	        top: calc(50% - 12px);
			font-size: 10px;
	        left:  10px; 
	        opacity:  0;
	        transition: all .3s ease; 
	      }
	      input.checkout-form-input:not(:placeholder-shown) {
	   	padding-top: 22px !important;

	      }
	      input.checkout-form-input:not(:placeholder-shown) + label {
	        transform:  translateY(-12px); 
		
	        opacity:  0.7; 
	      }
 
 
 
		  
		  .social-links a {     
		    font-size: 42px;
		    margin: 5px;
		    display: inline-block;
		  }
	    
		
		
		.full-width, .fluid {
			
			transition-duration: 0.1s;
		}
		
		
		  .full-width:hover {
		      transform:scale(1.02,1.02);
		      -webkit-transform:scale(1.02,1.02);
		      -moz-transform:scale(1.02,1.02);
		  }
		  
		  
		  .fluid:hover {
		      transform:scale(1.02,1.02);
		      -webkit-transform:scale(1.02,1.02);
		      -moz-transform:scale(1.02,1.02);
		  }
		  
		  
		  a.fluid:hover {
			  text-decoration: none;
		  }
		  
		  a.full-width:hover {
			  text-decoration: none;
		  }
		  
		  
		  .product-image {
		  	
			transition-duration: 0.1s;
		  }
		  
		  
		  .product-image:hover {
		  	
		      transform:scale(1.02,1.02);
		      -webkit-transform:scale(1.02,1.02);
		      -moz-transform:scale(1.02,1.02);
		  }
		  
		  
		  
		  .youtube_wrapper {
		  	background-color: #000;
		  	margin-bottom: 30px;
		  	position: relative;
		  	padding-top: 56.25%;
		  	overflow: hidden;
		  	cursor: pointer;
		  }
		  .youtube_wrapper img {
		  	width: 100%;
		  	top: -16.82%;
		  	left: 0;
		  	opacity: 0.7;
		  }
		  .youtube_wrapper .play-button {
		  	width: 90px;
		  	height: 60px;
		  	background-color: #333;
		  	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
		  	z-index: 1;
		  	opacity: 0.8;
		  	border-radius: 6px;
		  }
		  .youtube_wrapper .play-button:before {
		  	content: "";
		  	border-style: solid;
		  	border-width: 15px 0 15px 26.0px;
		  	border-color: transparent transparent transparent #fff;
		  }
		  .youtube_wrapper img,
		  .youtube_wrapper .play-button {
		  	cursor: pointer;
		  }
		  .youtube_wrapper img,
		  .youtube_wrapper iframe,
		  .youtube_wrapper .play-button,
		  .youtube_wrapper .play-button:before {
		  	position: absolute;
		  }
		  .youtube_wrapper .play-button,
		  .youtube_wrapper .play-button:before {
		  	top: 50%;
		  	left: 50%;
		  	transform: translate3d( -50%, -50%, 0 );
		  }
		  .youtube_wrapper iframe {
		  	height: 100%;
		  	width: 100%;
		  	top: 0;
		  	left: 0;
		  }