@charset "utf-8";
/* CSS Document */

/* <div class="font-effect-3d">This is a font effect!<div>
<div class="shadow">This is a font custom class!<div> */



body { font-family: 'Poppins', sans-serif; color:#777777; font-weight: 300; font-size: calc(0.75em + 1vmin); padding: 2%; background-color:#888888; }

h1 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: calc(1.5em + 6vmin); text-transform: uppercase; margin-bottom: 40px;}
h2 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: calc(0.75em + 5vmin); text-transform: uppercase; margin-bottom: 30px;}
h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: calc(0.75em + 3vmin); text-transform: uppercase; margin-bottom: 20px;}
h4 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: calc(0.75em + 2vmin); margin-bottom: 10px; line-height: 1.375em;}
p { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: calc(0.75em + 1vmin); line-height: 120%; }
.heavy { font-weight: 600;}
.quotescript {font-family: 'Finger Paint', cursive; }

h3.shadowdark { font-weight: 500; 	font-size: calc(0.75em + 6vmin); }


.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.bold { font-weight:600; }
.semibold { font-weight:500; }
.linespace110 { line-height: 110%; }
.linespace120 { line-height: 120%; }
.linespace130 { line-height: 130%; }

.padlow {padding-bottom:30px; }
.padlow50 {padding-bottom:50px; }
.padtop { padding-top:10px}
.padhi { padding-top:30px}
.padhi50 {padding-top:50px; }
.padhi75 {padding-top:75px; }

.shadow { text-shadow: 4px 4px 4px #aaaaaa; }
.shadowdark { text-shadow: 4px 4px 4px #1e1e1e; }
.shadowbrown { text-shadow: 4px 4px 5px rgba(120,64,24, 0.8); }
.shadowgreen { text-shadow: 4px 4px 4px #33CA91; }
.shadowblue { text-shadow: 4px 4px 4px #339BBD; line-height: 360%; }

.greentoo { color:#333333; background-color:#99e5c8; }
.quote { color:#006282; background-color:#99cdde; background-image: url(../images/blue-stars-01.png)}
.threespace { color:#333333; background-color:#e5e5e5; }

.cool-grey1 { background-color: #e5e5e5; }
.cool-grey2 { background-color: #dedede; }
.cool-grey3 { background-color: #d6d6d6; }
.cool-grey4 { background-color: #c9c9c9; }
.cool-grey5 { background-color: #adadad; }
.cool-blue { background-color: #d6ecf2; }
.cool-green { background-color: #99e5c8; }
.cool-white { background-color: #ffffff; }

.white { color:#ffffff; }
.grey1 { color:#ADADAD; }
.grey2 { color:#BEBEBE; }
.grey3 { color:#929292; }
.grey4 { color:#777777; }
.grey5 { color:#595959; }
.grey6 { color:#3C3C3C; }
.grey7 { color:#1E1E1E; }
.red1 { color:#F799C7; }
.red2 { color:#F466AB; }
.red3 { color:#F0338F; }
.red4 { color:#EC0073; }
.red5 { color:#B10056; }
.red6 { color:#76003A; }
.red7 { color:#3B001D; }
.yellow1 { color:#FEF5AF; }
.yellow2 { color:#FDF186; }
.yellow3 { color:#FDEC5E; }
.yellow4 { color:#FCE736; }
.yellow5 { color:#BDAD29; }
.yellow6 { color:#7E741B; }
.yellow7 { color:#3F3A0E; }
.orange1 { color:#F9CCAC; }
.orange2 { color:#F6B383; }
.orange3 { color:#F39959; }
.orange4 { color:#F08030; }
.orange5 { color:#B46024; }
.orange6 { color:#784018; }
.orange7 { color:#3C200C; }
.green1 { color:#99E5C8; }
.green2 { color:#66d7ad; }
.green3 { color:#33CA91; }
.green4 { color:#00bd76; }
.green5 { color:#008E59; }
.green6 { color:#005F3B; }
.green7 { color:#002F1E; }
.blue1 { color:#A9ABC5; }
.blue2 { color:#7F81A7; }
.blue3 { color:#54578A; }
.blue4 { color:#292D6D; }
.blue5 { color:#1F2252; }
.blue6 { color:#151737; }
.blue7 { color:#0A0B1B; }
.teal1 { color:#99CDDE; }
.teal2 { color:#66B4CE; }
.teal3 { color:#339BBD; }
.teal4 { color:#0082AD; }
.teal5 { color:#006282; }
.teal6 { color:#784018; }
.teal7 { color:#00212B; }


.footer { color:#777777; background-color:#3c3c3c; font-size: calc(0.45em + 1vmin); text-transform:uppercase; }
/* unvisited link */
a.footer:link { color: #777777; text-transform:uppercase; }
/* visited link */
a.footer:visited { color: #777777; text-transform:uppercase; }
/* mouse over link */
a.footer:hover { color: #ffffff; font-weight: 600; text-decoration:none; text-transform:uppercase; }
/* selected link */
a.footer:active { color: #777777; font-weight: 600; text-decoration:none; text-transform:uppercase; }


/* unvisited link */
a.services:link { color: #0082ad; font-weight: 500; }
.aslider:link { color:#ffffff; text-decoration:none; }

/* visited link */
a.services:visited { color: #ffffff; font-weight: 500; }
.aslider:visited { color:#ffffff; text-decoration:none; }

/* mouse over link */
a.services:hover { color: #008E59; font-weight: 600; text-decoration:none; }
.aslider:hover { color: #ffffff; text-decoration:none; }

/* selected link */
a.services:active {
    color: #ffffff;
	font-weight: 500;
}
.aslider:active {
	text-decoration:none;
	color:#FFFFFF;
}

.aslider {
	text-decoration:none;
	color:#FFFFFF;
}

.jumbobg {
    margin-bottom: 0px;
    background-image: url();
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

a.rolledover {
	width: 200px;
	height: 200px;
	display: block;
	background-image: url(../images/wizart-wink.gif);
	text-decoration: none;
	border-radius:50%
}
.hideit {
	position: absolute;
	left: -5000px;
}
.rolledover:hover {
	background-position: -200px 0px;
}


.logo-small {
      color: #0082ad;
      font-size: 50px;
  }
.logo-mini {
	color: #ffffff;
    font-size: 30px;
  }
.logo {
      color: #0082ad;
      font-size: 200px;
  }
@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }

@media screen and (min-width : 320px) {
}




.port-marqueepill {
	position:relative;
	background:#f08030;
	border-top:4px solid #c9c9c9;
	border-bottom:4px solid rgba(255,255,255,0.8);
	line-height:90px;
	font-weight: 600;
	font-size: calc(0.75em + 3vmin);
	color:#ffffff;
	text-transform:uppercase;
	border-radius:35px;
}

.port-checkbox {
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	width:50px;
	height:50px;
	background:#f08030;
	border-radius:50%;
	overflow:hidden;
	z-index:10;
	border-bottom:4px solid rgba(255,255,255,0.8);

}

.wizwrapper { position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
width: auto;
min-height: 90px;
-webkit-box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);
box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);
border-radius:35px;
padding:10px;
}

.movinonup {
	position: absolute;
	top: auto;
	bottom: auto;
	float: left;
	white-space: nowrap;
	z-index:20;
	border-radius:35px;
 width: 500%;
 /* Starting position */
 -moz-transform:translateX(4%);
 -webkit-transform:translateX(4%);	
 transform:translateX(4%);
 /* Apply animation to this element */	
 -moz-animation: wizmarquee 30s ease-in-out infinite alternate;
 -webkit-animation: wizmarquee 30s ease-in-out infinite alternate;
 animation: wizmarquee 30s ease-in-out infinite alternate;
}

/* Move it (define the animation) */
@-moz-keyframes wizmarquee {
 0%   { -moz-transform: translateX(4%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes wizmarquee {
 0%   { -webkit-transform: translateX(4%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes wizmarquee {
 0%   { 
 -moz-transform: translateX(4%); /* Browser bug fix */
 -webkit-transform: translateX(4%); /* Browser bug fix */
 transform: translateX(4%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

  .threespace .btn:hover {
      border: 1px solid #0082ad;
      background-color: #fff !important;
      color: #0082ad;
  }

  .threespace .btn {
      margin: 15px 0;
      background-color: #0082ad;
      color: #fff;
  }


.dropdown-menu{
	background-color:#888888;
}

.modal{z-index:10050;text-align: center;
  padding: 0!important;}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #777777;
}


.three-d-grey { text-shadow: 0px 1px 0px #777777, 0px 2px 0px #6f6f6f, 0px 3px 0px #636363, 0px 4px 0px #565656, 0px 5px 0px #4a4a4a, 0px 6px 0px #414141, 0px 8px 7px #777777;
    color: #a5a5a5;
}


.vid {
	border: 4px #f08030 solid;
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:20px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

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

.nodec {
	text-decoration:none;
	color:#f08030;
	cursor:pointer;
}
.nodec:hover {
	color: #f08030;
	text-decoration:none;
	}