@font-face{
font-family:'myriad';
font-style:normal;
font-weight:100;
src:url("../fonts/myriad-set-pro_ultralight.woff") format("woff"),url("../fonts/myriad-set-pro_ultralight.ttf") format("truetype");*src:url('');

}


@font-face{font-family:'myriad';
font-style:normal;
font-weight:300;
src:url("../fonts/myriad-set-pro_thin.woff") format("woff"),url("../fonts/myriad-set-pro_thin.ttf") format("truetype");
*src:url('');

}

@font-face{
font-family:'myriad';
font-style:normal;
font-weight:400;
src:url("../fonts/myriad-set-pro_text.woff") format("woff"),url("../fonts/myriad-set-pro_text.ttf") format("truetype");*src:url('');

}

@font-face{
font-family:'myriad';
font-style:normal;
font-weight:500;
src:url("../fonts/myriad-set-pro_medium.woff") format("woff"),url("../fonts/myriad-set-pro_medium.ttf") format("truetype");*src:url('');

}

@font-face{
font-family:'myriad';
font-style:normal;
font-weight:600;src:url("../fonts/myriad-set-pro_semibold.woff") format("woff"),url("../fonts/myriad-set-pro_semibold.ttf") format("truetype");*src:url('');

}

@font-face{
font-family:'myriad';
font-style:normal;
font-weight:700;src:url("../fonts/myriad-set-pro_bold.woff") format("woff"),url("../fonts/myriad-set-pro_bold.ttf") format("truetype");*src:url('');

}

body{
font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:14px;
color:#333;
margin:0;
padding:0;
position:relative;
line-height:1.5;
background: black;
min-width:960px;

}

.center{
max-width:960px;
max-width:1200px;
position:relative;
margin:0 auto;
padding-left:40px;
padding-right:40px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing:border-box;

}

a{
color:#1e70cd;
text-decoration:none;

}

li{margin:5px 0;

}

h1,h2,h3,h4{
font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:300;
color:#1e70cd;

}

h1{
font-size:45px;
line-height:1.2;
margin:25px 0;

}

h1:first-child{
margin-top:0;

}

h2{
font-size:37px;
line-height:1.3;

}

h3{
font-size:33px;
line-height:1.4;

}

h2,h3{
margin:15px 0;

}

h4{
font-size:25px;
margin:10px 0;

}

h3,h4{
color:#1e70cd;

}

code{
font-size:12px;
border:1px solid #e1e1e1;
color:#333;
font-weight:normal!important;

}

pre,code{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;

}

pre{
overflow:hidden;word-wrap:break-word;
font-size:12px;

}

pre code{
display:block;

}

code.hljs{
border:1px solid #e1e1e1;
padding:10px;

}

code{
background:#eee;
color:#000;
display:inline-block;
padding:2px 5px;

}

.nowrap{
white-space:nowrap;

}

/* change back-ground of header here */


header{
/*  background:#1e70cd;
background:-moz-radial-gradient(50% 50%,circle cover,#2c8dfb 0%,#1e70cd 100%);
background:-webkit-gradient(radial,50% 50%,0px,center center,100%,color-stop(0%,#2c8dfb),color-stop(100%,#1e70cd));
background:-webkit-radial-gradient(0% 0%,circle cover,#2c8dfb 0%,#1e70cd 100%);
background:-o-radial-gradient(50% 50%,circle cover,#2c8dfb 0%,#1e70cd 100%);
background:-ms-radial-gradient(50% 50%,circle cover,#2c8dfb 0%,#1e70cd 100%);
background:radial-gradient(circle at 50% 50%,#2c8dfb 0%,#1e70cd 100%); */
background-image: url(../images/portBG.jpg);
  background-repeat: no-repeat;
  background-size: cover;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
color:#fff;
height: 100%;
height: 100vh;
}



header .github-buttons{
text-align:center;

}

header .logo{
background: url(../images/MikeLiv_WebDesignerJJPG.jpg) no-repeat;
background-size: cover;
width:200px;
height:200px;
border-radius:100%;
margin:0 auto;
display:block;
float:left;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;

}


header .title{
margin:0;
font-size:65px;
font-weight:100;
line-height:1;
margin:25px 0 0;
color:#fff;

}

header .subtitle{
color:#fff;
font-size:36px;
margin:0;
font-weight:100;
line-height:1;
margin-top:10px;

}


header .titles{
margin-left:220px;
text-align:left;
margin-bottom:100px;
position:relative;

}

header .by{
font-size:13px;
font-weight:300;
margin-top:10px;

}

header .by a{
color:#fff;
text-decoration:none;
-webkit-transition:200ms;
-moz-transition:200ms;
-ms-transition:200ms;
-o-transition:200ms;
transition:200ms;
opacity:0.5;

}

header .by a:hover{
opacity:1;

}

header.inner-header{
height:auto;
padding:30px 0;
overflow:hidden;
background-position:center bottom;
background:#1e70cd;
background:-moz-radial-gradient(0% 0%,ellipse cover,#2c8dfb 0%,#1e70cd 50%);
background:-webkit-gradient(radial,0% 0%,0px,center center,100%,color-stop(0%,#2c8dfb),color-stop(50%,#1e70cd));
background:-webkit-radial-gradient(0% 0%,ellipse cover,#2c8dfb 0%,#1e70cd 50%);
background:-o-radial-gradient(0% 0%,ellipse cover,#2c8dfb 0%,#1e70cd 50%);
background:-ms-radial-gradient(0% 0%,ellipse cover,#2c8dfb 0%,#1e70cd 50%);
background:radial-gradient(ellipse at 0% 0%,#2c8dfb 0%,#1e70cd 50%);

}

header.inner-header .logo{
height:150px;
width:150px;
background:url(../i/logo.png);
-webkit-background-size:100% auto;
background-size:100% auto;
float:left;

}

header.inner-header .title-links{
float:none;
margin-left:130px;
margin-left:180px;

}

header.inner-header .title,header.inner-header .subtitle{
font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;

}

header.inner-header .title{
margin:0;
margin-bottom:0px;
line-height:1;

}

header.inner-header .subtitle{
margin-top:0;
margin-bottom:20px;

}

header.inner-header .inner-links a{
color:#fff;
margin-right:10px;

}

header.inner-header .links a{
width:100px;
font-size:14px;

}

header.inner-header .links-label{
width:50px;
padding-right:10px;
text-align:right;

}

header.inner-header .links-row{
margin:10px 0;

}

header.inner-header .links-row:last-child{
margin-bottom:0;

}

header.inner-header .links-row .links-label,header.inner-header .links-row .links{
display:inline-block;
margin:0;

}


header .release-info{
font-size:14px;
margin:20px 0;
font-weight:300;
text-align:center;
letter-spacing:0.02em;

}

header .release-info a{
color:inherit;
text-decoration:none;

}

header .release-info a:hover{
text-decoration:underline;

}

header .links{
margin:20px 0;
font-weight:300;
text-align:center;

}


header .links a{
color:#fff;
display:inline-block;
border:1px solid #fff;
border-right:none;
text-decoration:none;
height:27px;
line-height:27px;
font-size:13px;
width:100px;
text-align:center;
-webkit-transition:200ms;
-moz-transition:200ms;
-ms-transition:200ms;
-o-transition:200ms;
transition:200ms;

}

header .links a:first-child{
border-radius:5px 0 0 5px;

}

header .links a:last-child{
border-radius:0 5px 5px 0;
border-right:1px solid #fff;

}

header .links a:hover{
background:rgba(255,255,255,0.1);

}

header .links a:active,header .links a.active{
background:#fff;
color:#1e70cd;

}

.header-swipers{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;

}

.header-swipers .swiper-container{
position:absolute;
left:0;top:0;
width:100%;
height:100%;
}

.header-swipers .swiper-container .swiper-slide{
box-sizing:border-box;
padding:40px;

}

.header-swipers .swiper-pagination{
bottom:70px;

}

/* Header Background Control */

.header-swipers .header-swiper-back-2 .swiper-slide{
height:580px;
width:880px;
margin-left:auto;
margin-right:auto;
border:1px solid rgba(0,0,0,0.2);
background:rgba(0,0,0,0.05);

}

.header-swipers .header-swiper-back-1{
opacity:0.5;

}

.header-swipers .header-swiper-back-1 .swiper-slide{
height:540px;
width:840px;
margin-top:auto;
margin-bottom:auto;
border:1px solid rgba(255,255,255,0.5);

}

.header-swipers .header-swiper-front .swiper-slide{
height:500px;
width:800px;
margin-top:auto;
margin-bottom:auto;
border:1px solid #fff;

}

.header-swipers .slide-title,.header-swipers .slide-subtitle{
font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:55px;
font-weight:100;
line-height:1;
margin-bottom:40px;

}

.slide-subtitle{
text-align: center;

}

#matty_pic {
margin-top: -100px;


}

#meech_pic {
margin-top: -100px;


}


.header-swipers .slide-subtitle{
font-size:45px;

}

.header-swipers .demo-iframe-title{
position:absolute;
background: #727A8C;
opacity: 0.8;
left:0;
top:0;
padding:10px;
margin:0;
z-index:100;
font-weight:300;
font-size:31px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;backface-visibility:hidden;

}

.header-swipers .slide-features-list{
list-style:none;
margin:0;
padding:0;
font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:21px;
font-weight:300;

}

.header-swipers .slide-features-list li{
float:left;
width:50%;
position:relative;

}


.header-swipers .slide-features-list li:before{width:12px;
height:6px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
position:absolute;
right:100%;
margin-right:8px;
content:'';
top:8px;-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);opacity:0.7;

}

.header-swipers .swiper-slide.swiper-slide-gallery{
padding:0;
border:none;

}

.header-swipers .swiper-gallery-top .swiper-slide,.header-swipers .swiper-gallery-thumbs .swiper-slide{-webkit-background-size:cover;
background-size:cover;
background-position:center;
border:none;
padding:0;
height:100%;

}


.header-swipers .swiper-gallery-top{
height:79%;
margin-bottom:1%;
position:relative;
left:0;
top:0;

}

.header-swipers .swiper-gallery-thumbs{
height:20%;
position:relative;
left:0;
top:0;

}

.header-swipers .swiper-gallery-thumbs .swiper-slide{opacity:0.5;
cursor:pointer;

}

.header-swipers .swiper-gallery-thumbs .swiper-slide-active{
pacity:1;

}

.header-swipers .swiper-slide.last-centered-slide{
text-align:center;
padding-top:180px;

}

.home-block{
margin:100px 0;
position:relative;
font-size:19px;
font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;

}

.home-block:first-child{
margin-top:50px;

}

.home-block h2{
font-size:47px;
letter-spacing:-1px;
line-height:1.25;

}


.home-intro h1{
font-size:47px;
margin-bottom:20px;
font-weight:300;

}

.home-features{
font-size:17px;

}


.home-features h2{
text-align:center;


}

.home-features ul{
overflow:hidden;
list-style:none;
margin:0;
padding:0;

}

.home-features li{
float:left;
width:30%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}

.home-features li:nth-child(3n - 1){
margin:0 5%;

}

.home-features li:nth-child(3n + 1){
clear:both;

}

.home-features h3{
color:#333;
margin-top:0
margin-bottom:14px;
line-height:1.2;

}

.home-logos{

text-align:center;

}

.home-logos .logos{
overflow:hidden;

}

.home-logos .logo{
float:left;
width:18%;
margin-right:2.5%;

}

.home-logos .logo:nth-child(5n){
margin-right:0;

}

.home-logos .logo:nth-child(5n + 1){
clear:both;

}

.home-logos .logo img{
width:100%;
height:auto;

}

.home-donate{
text-align:center;

}

.home-donate a{
border:1px solid #1e70cd;
color:#1e70cd;
text-decoration:none;border-radius:5px;
padding:0 20px;
display:inline-block;
text-align:center;
line-height:44px;
margin:0 20px;

}

.home-donate a:hover{
background:rgba(30,112,205,0.1);

}

.home-free{
text-align:center;

}


.home-free p a{
border:1px solid #1e70cd;
color:#1e70cd;
text-decoration:none;border-radius:5px;
padding:0 20px;
display:inline-block;
text-align:center;
line-height:44px;
margin:0 20px;

}

.home-free p a:hover{
background:rgba(30,112,205,0.1);

}

.home-products{
text-align:center;

}

.home-products .product{
text-align:center;
float:left;
width:33.33%;
margin:1em 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 20px;

}

.home-products .title{
font-size:25px;
font-weight:300;

}

.home-products a{
text-decoration:none;

}

.home-products a:hover img{
opacity:0.8;
}

.home-products img{
width:150px;

}

.home-products .text{
color:#333;

}

.home-products .more-products{
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;

}

.content{
padding:40px;-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
min-height:800px;

}

.content img{
max-width:100%;

}

.centered{
text-align:center;

}

.github-buttons iframe{
border:none;

}

.github-buttons .flattr-button{
display:inline-block;

}

.github-buttons .flattr-button+iframe{
margin-left:5px;

}

.share-line{
background:#1758a1;
border-top:1px solid #2c8dfb;
padding:15px 0;

}

.share-line .center{
padding:0 40px;

}

.share-line .github-buttons{
float:right;

}

.share-line .share{
white-space:nowrap;
text-align:center;

}

.share-line .addthis_toolbox{
display:inline-block;
vertical-align:top;

}

.share-line .flattr-button{
display:inline-block;
vertical-align:top;
margin-left:10px;}

.share-line .addthis_button_google_plusone{
width:78px!important;

}

.share-line .addthis_button_twitter_follow_native{
width:215px!important;

}

.share-line .addthis_button_tweet{
width:100px!important;

}

.inner-header+.share-line .share,.content+.share-line .share{
white-space:nowrap;
float:left;
width:590px;

}

.inner-header+.share-line .addthis_toolbox,.content+.share-line .addthis_toolbox{
display:block;

}

.inner-header+.share-line .flattr-button,.content+.share-line .flattr-button{
float:right;
margin-left:0;

}

.inner-header+.share-line .center,.content+.share-line .center{
padding:0 30px;

}

.inner-header+.share-line .flattr-button,.content+.share-line .flattr-button{
height:24px;
float:left;
position:relative;

}

footer{
background:#113f74;
text-align:center;
color:#fff;
color:rgba(255,255,255,0.7);
padding-top:20px;
padding-bottom:20px;

}

footer a{
color:rgba(255,255,255,0.7);
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,0.2);

}

footer a:hover{
color:#fff;

}

footer .links a{
margin:0 10px;

}

footer .links{
margin-bottom:10px;

}

table{
width:100%;
color:#333;
font-size:13px;

}

table th,table td{
padding:5px;
border:1px solid #ccc;

}

table.params-table th,table.params-table td{
vertical-align:top;

}

table.params-table tbody td:first-child,table.params-table tbody td:nth-child(2),table.params-table tbody td:nth-child(3):not(:last-child){
font-size:12px;
color:#8c2418;
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;

}

table.params-table tbody td:nth-child(2){
color:#006700;

}

table.params-table tbody th[colspan="4"]{
background:#eee;

}

table.params-table td p:first-child{
margin-top:0;

}

table.params-table td p:last-child{
margin-bottom:0;

}

table.params-table pre{
white-space:pre-wrap;

}

.method-wrap{
background:#f8f8f8;
padding:10px;
border:1px solid #eee;
margin:1em 0px;

}

.method-wrap p:first-child{
margin-top:0;

}

.method-wrap p:last-child,.method-wrap ul:last-child{
margin-bottom:0;

}

p.method,span.method{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;color:#000;font-size:15px;

}

p.method span,span.method span{
color:#8c2418;

}

ul.method-parameters{
margin-top:-10px;
margin-bottom:20px;
padding-left:30px;
}

ul.method-parameters .parameter{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#8c2418;

}

ul.method-parameters .parameter-type{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#006700;

}

.method-returns{
list-style:none;
font-style:italic;

}

table.methods-table th,table.methods-table td{
vertical-align:top;

}

table.methods-table tbody td:first-child:not(:last-child){
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#000;
white-space:nowrap;
font-size:12px;

}

table.methods-table tbody td:first-child:not(:last-child) span{
color:#8c2418;

}

table.methods-table .parameter-type{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
font-size:12px;
color:#006700;

}

table.methods-table ul.method-parameters{
margin:0;
padding-left:20px;

}

table.methods-table ul.method-parameters .parameter,table.methods-table ul.method-parameters .parameter-type{
font-size:12px;

}

table.methods-table th[colspan="2"]{
background:#eee;

}

table.methods-table.dom7-table td{
vertical-align:top;

}

table.methods-table.dom7-table tbody td:first-child:not(:last-child){
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#000;
white-space:normal;
font-size:12px;

}

table.methods-table.dom7-table tbody td:first-child:not(:last-child) span{
color:#8c2418;

}

table.methods-table td p:first-child{
margin-top:0;

}

table.methods-table td p:last-child{
margin-bottom:0;

}

table.events-table tbody td:nth-child(2) span{
white-space:nowrap;
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#8c2418;
font-size:12px;
display:block;

}

table.events-table tbody td:first-child{
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
color:#000;
white-space:nowrap;
font-size:12px;

}

.important-note{
padding:5px 10px;
background:#ffe5e5;
color:#000;
border:1px solid #ffcccc;

}

.important-note ul{
margin:0;
padding-left:20px;

}

.demo{
margin-bottom:40px;

}

.demo .demo-iframe{
margin:1em auto;box-shadow:0px 0px 1px 0px #aaa;
background:#eee;
position:relative;

}

.demo .demo-iframe:after{
content:'Loading...';
position:absolute;
left:0;
width:100%;
height:30px;
line-height:30px;
margin-top:-15px;
color:#fff;
top:50%;
text-align:center;
color:#555;

}

.demo .demo-iframe.loaded:after{
display:none;

}

.demo iframe{display:block;
width:100%;
border:none;
margin:0;
box-sizing:border-box;
height:400px;
width:1px;
min-width:100%;

}

.demo h3{
margin-bottom:0;

}

.demo .demo-links a{
position:relative;
margin-right:20px;
text-decoration:none;
color:#b72f20;
padding-right:15px;

}

.demo .demo-links a:after{
content:'';
position:absolute;
width:10px;
height:10px;border-radius:2px;
border:1px solid #b72f20;
right:0;top:50%;
margin-top:-5px;

}

.demo .demo-links a:before{
width:4px;
height:4px;
border-right:1px solid #b72f20;
border-top:1px solid #b72f20;
content:'';
right:3px;
top:50%;
margin-top:-2px;
position:absolute;

}

.demo .demo-links a:hover{
text-decoration:underline;

}

.clearfix:before,.clearfix:after{
content:" ";
display:table;

}

.clearfix:after{
clear:both;

}

#clear {
clear: both;

}