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

body {
	background-color: #424349;
	background-image: url();
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position:center top;
	font-family: Arial, Helvetica, sans-serif;
}

.button-contact-pop {
	background-color: #2081c4; 
	border: none;
	width: 95%;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px  auto ;
	cursor: pointer;
	font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-stretch: extra-condensed;
	font-size: 18px;
	font-weight: 600;
	float: none;
}

		.button-contact-pop-blue {
	background-color: #f27d33; 
	border: none;
	width: 95%;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px auto;
	cursor: pointer;
	font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-stretch: extra-condensed;
	font-size: 18px;
	font-weight: 600;
	float: none;
}

  #liveC {
	  background-color: #fff;
	  width: 10%;padding: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
	  text-align: center;
	  font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 20px;
	  font-weight: 600;
		  color: #2081c4;
		  border-radius: 10px 10px 0px 0px;
	   -moz-box-shadow: 5px 0px 5px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 5px 0px 5px rgba(68, 68, 68, 0.6);
  box-shadow: 5px 0px 5px rgba(68, 68, 68, 0.6);
	  z-index: 25;
  }
	
	.contact-icons-pop{
	width: auto;
	height: 5%;
	max-height: 20px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}
	.liveimg{
	width: 75%;
	max-width: 100%;
		padding-top: 8px;
	height: auto;
	padding-bottom: 10px;
	margin: auto;
}
#widnowpop{
    width:100%;
    border:solid 1px #fff;
}

#title_barpop{
    background: #fff;
    height: 25px;
    width: 100%;
	
}
#buttonpop{
    border:solid 1px;
    width: 97%;
	margin-right: 2px;
	margin-bottom: 5px;
    height: 23px;
    float:right;
    cursor:pointer;
	font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 28px;
	  font-weight: 700;
	border-radius: 5px;
	color: #000;
	line-height: 20px;
}
#boxpop{

    background: #fff;
}
	.toggletime {
 width: 75%;
	max-width: 100%;
		padding-top: 8px;
	height: auto;
	padding-bottom: 10px;
	margin: auto;
  background: #fff;
  color: #fff;
  background-image: url(http://pixeldogcompany.com/images/live-now.gif);
  background-size: contain;
  background-repeat:no-repeat;
  background-position: center center;
  
}
body[data-nighttime] .toggletime {
		padding-top: 8px;
	height: auto;
	padding-bottom: 10px;
	margin: auto;
  background: #fff;
  color: #eee;
  background-image: url(http://pixeldogcompany.com/images/offline.png);
  background-size: contain;
  background-repeat:no-repeat;
  background-position: center center;
}


/* table classes */

td {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1vw;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	padding: 10px;
	text-align: left;
	text-shadow: 1px 1px 4px #000000;
	width: 50%;
}
table {
	width: 100%;
	
}

/* div classes */

#header{
	position: fixed;
	width: 100%;
	height:auto;
	max-height:50px;
	max-width:1920px;
	text-align: right;
	vertical-align: middle;
	line-height:normal;
	display:block;
	z-index: 8;
}

#header1{
	padding-bottom: 2.6%; /* 195:5 */
	max-height:50px;
	position: fixed;
	width: 100%;
	max-width: 1920px;
	background: #f37d33;
	z-index:7;
}

#header2{
	margin-right: auto;
	position: fixed;
	width: 16.93%;
	max-width: 1920px;
	text-align: left;
	vertical-align:middle;
	display:block;
	z-index: 9;
}

.textbox {
width: 90%;
height: auto;	
}


.center {
	margin: auto;
}


/* map classes */

area:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}

/* wrappers Classes */

.wrappernav {
    margin-left: auto;
	margin-right: auto;
	padding-bottom: 2.6%; /* 195:5 */
	text-align: center;
    width: 100%;
	max-width:1920px;
    border:none;
    overflow: hidden;
	background-color: #f37d33;
    position: fixed;
    top: 0;
	padding: 0;
	display: block;
	z-index: 6;
}


.wrapper {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapperhome001 {
    margin-left: auto;
	margin-right: auto;
	padding-bottom: 17.53%; /* 16:9 */
	position: relative;
    width: 100%;
	max-width: 1920px;
	background-image:url(../images/pd-home-bg-001.png);
	background-repeat:repeat;
	background-size: 100% auto;
	background-position: top;
	background-attachment:fixed;
	background-color: #01192f;
    border: none;
    overflow: inherit;
	display: table;
	text-align:center;
	z-index:1;
}

.wrapperhome002 {
    margin-left: auto;
	margin-right: auto;
	position: relative;
    width: 100%;
	max-width: 1920px;
	background-image:url(../images/pd-home-bg-002.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: top;
	background-color: #0c82cc;
    border:none;
    overflow: inherit;
	display: table;
	z-index:2;
}

.wrapperhome003 {
    margin-left: auto;
	margin-right: auto;
	position: relative;
    width: 100%;
	max-width: 1920px;
	background-image:url();
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: top;
	background-color: #f37d33;
    border:none;
    overflow: inherit;
	display: table;
	z-index:2;
}

.wrapperhome004 {
    margin-left: auto;
	margin-right: auto;
	position: relative;
    width: 100%;
	max-width: 1920px;
	background-image:url();
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: top;
	background-color: #ffffff;
	text-align: left;
    border:none;
    overflow: inherit;
	display: table;
	z-index:2;
}

.wrapperfooter {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-position: top;
	background-color: #424349;
    border:none;
    overflow: hidden;
	display: table;
	z-index:2;
}

.wrapperfooterb {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	background-position: top;
	background-color: #424349;
    border:none;
    overflow: hidden;
	display: table;
}

.wrapper100percentwbg {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	background-color: #ffffff;
	height:auto;
    border:none;
    overflow: hidden;
	display: block
}

.wrapper100percentbbg {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	background-color: #0c82cc;
	height:auto;
    border:none;
    overflow: hidden;
	text-align: center;
	display: block
}

.wrapperindex001 {
    width: 100%;
	max-width: 1920px;
	background-color: #ffffff;
    border: thick;
	border-bottom-style:solid;
	border-color:#f37d33;
    overflow: auto;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	z-index:2;
}

.wrappersub001 {
    width: 100%;
	max-width: 1920px;
	background-color: #ffffff;
    border: thick;
	border-bottom-style:solid;
	border-color:#f37d33;
    overflow: auto;
	text-align:center;
	padding-top:2%;
	padding-bottom:0%;
	z-index:2;
}


.wrappersubquiz {
    width: 100%;
	max-width: 1920px;
	background-color: #0c82cc;
    border: thick;
	border-bottom-style:solid;
	border-color:#f37d33;
    overflow: auto;
	text-align:center;
	padding-top:2%;
	padding-bottom:0%;
	z-index:2;
}


.wrapper45per {
    margin-left: 3%;
    width: 60%;
	max-width: 1920px;
	text-align:left;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapper75per {
    margin: auto;
    width: 85%;
	max-width: 1920px;
	text-align:center;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}


.wrapperc02b {
	background-image: url(../images/pd-hp-c02-pdbar-dogjust.png);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-size: 25.364583333333336% auto;
    margin-left: 0;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
	display: block;
	text-align:right;
	overflow: visible;
	z-index:3;
}

.wrapperc02c {
	background-color: #ffffff;
    margin-left: 0;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
	display: block;
	text-align:right;
	overflow: visible;
	z-index:2;
}

.wrapperc02f {
	margin-right: 0;
	margin-left:auto;
	padding: 3%;
    width: 70%;
	max-width: 1920px;
	height:auto;
    border:none;
	display: block;
	text-align:right;
	overflow: visible;
	z-index:2;
}

.wrapper-sub {
    margin-left: auto;
	margin-right: auto;
	display: block;
    width: 85%;
	max-width: 1920px;
	height:auto;
    border:none;
	text-align: left;
    overflow: hidden;
	z-index: 3;
	
}

.wrapper-branding {
    margin-left: auto;
	margin-right: auto;
	display: block;
    width: 95%;
	max-width: 1920px;
	height:auto;
    border:none;
	text-align: center;
    overflow: hidden;
	z-index: 4;
	
}

.indexPrevClientswrapper {
    margin-left: auto;
	margin-right: auto;
    width: 98%;
	max-width: 1882px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.indexImglinkSpacer {
	margin-right: 0;
    width: 0.8001041666666666%;
	max-width: 15.362px;
	height:200px;
    border:none;
    overflow: hidden;
	display: block;
	float: left;
	background-color: #cccccc;
}

.wrapper-social {
    margin-left: 0;
	margin-right: auto;
    width: 60%;
	max-width: 396px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapper-center {
    margin: auto;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
	text-align: center;
}

.tweet {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 273px;
	height:100%;
	max-height: 286px;
    border:none;
    overflow: hidden;
	display: block;
}

/* grid Classes */

.gridfooter001, .gridfooter, .gridfooter002, .gridfooter003, .gridfooter004, .gridfooter005, .gridfooter006, .gridfooter007, .gridfooter008, .gridfooter009 {
    width: 17.29%;
	max-width: 332px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridfooter001 {
}
.gridfooter {
    margin:0;
}
.gridfooter002 {
    width: 10.94%;
    height: auto;
	max-width: 210px;
	text-align:left;
}
.gridfooter003 {
    width: 21.77%;
    height: auto;
	max-width: 418px;
	text-align:left;
}
.gridfooter004 {
    width: 18.02%;
    height: auto;
	max-width: 346px;
	text-align:left;
}
.gridfooter005 {
    width: 14.48%;
    height: auto;
	max-width: 278px;
	text-align:left;

}

.gridfooter006 {
    width: 17.5%;
    height: auto;
	max-width: 336px;
}

.gridfooter007 {
    width: 17.29%;
    height: auto;
	max-width: 332px;
}
.gridfooter008 {
    width: 65.21%;
    height: auto;
	max-width: 1252px;
}
.gridfooter009 {
    width: 17.5%;
    height: auto;
	max-width: 336px;
}

.gridfooterb001, .gridfooterb, .gridfooterb002, .gridfooterb003 {
    width: 17.29%;
	max-width: 332px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridfooterb001 {
}
.gridfooterb {
    margin:0;
}
.gridfooterb002 {
    width: 65.21%;
    height: auto;
	max-width: 1252px;
}
.gridfooterb003 {
    width: 17.5%;
    height: auto;
	max-width: 336px;
}


.gridf, .grid, .gridm, .gridn, .grido, .gridp, .gridl {
    width: 15.21%;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridf {
}
.grid {
    margin:auto;
}
.gridm {
    width: 34.53%;
    height: auto;

}
.gridn {
    width: 34.69%;
    height: auto;

}
.grido {
    width: 15.57%;
    height: auto;

}

.gridsocial001, .gridsocial, .gridsocial002, .gridsocial003, .gridsocial004, .gridsocial005, .gridsocial006, .gridsocial007, .gridsocial008, .gridsocial009 {
    width: 50%;
	max-width: 154px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridsocial001 {
}
.gridsocial {
    margin:0;
}
.gridsocial002 {
    width: 50%;
    height: auto;
	max-width: 154px;
	text-align:left;
}
.gridsocial003 {
    width: 50%;
    height: auto;
	max-width: 211px;
	background-color: #ccc;
}
.gridsocial004 {
    width: 50%;
    height: auto;
	max-width: 154px;
	text-align:left;
}
.gridsocial005 {
    width: 50%;
    height: auto;
	max-width: 154px;
	text-align:left;
}

.gridsocial006 {
    width: 50%;
    height: auto;
	max-width: 154px;
}

.gridsocial007 {
    width: 50%;
    height: auto;
	max-width: 154px;
}
.gridsocial008 {
    width: 50%;
    height: auto;
	max-width: 154px;
}
.gridsocial009 {
    width: 50%;
    height: auto;
	max-width: 154px;
}


.gridIndexLinks1, .gridIndexLinks, .gridIndexLinks2, .gridIndexLinks3, .gridIndexLinks4, .gridIndexLinks5, .gridIndexLinks6, .gridIndexLinks7, .gridIndexLinks8, .gridIndexLinks9 {
    width: 0.80010416666666662%;
	max-width:  15.362px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridIndexLinks1 {
}
.gridIndexLinks {
    margin:auto;
}
.gridIndexLinks2 {
	position: relative;
    width: 24%;
    height: auto;
	max-width: 460.79999999999995px;

}
.gridIndexLinks3 {
    width: 0.80010416666666662%;
	max-width:  15.362px;
    height: auto;

}
.gridIndexLinks4 {
	position: relative;
    width: 24%;
    height: auto;
	max-width: 460.79999999999995px;

}
.gridIndexLinks5 {
    width: 0.80010416666666662%;
	max-width:  15.362px;
    height: auto;


}
.gridIndexLinks6 {
	position: relative;
    width: 24%;
    height: auto;
	max-width: 460.79999999999995px;

}
.gridIndexLinks7 {
    width: 0.80010416666666662%;
	max-width:  15.362px;
    height: auto;


}
.gridIndexLinks8 {
	position: relative;
    width: 24%;
    height: auto;
	max-width: 460.79999999999995px;

}
.gridIndexLinks9 {
    width: 0.80010416666666662%;
	max-width:  15.362px;
    height: auto;
}

.grid1indexclients1, .grid1indexclients, .grid1indexclients2, .grid1indexclients3, .grid1indexclients4, .grid1indexclients4 {
    width: 21.98%;
	max-width: 404px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid1indexclients1 {
}
.grid1indexclients {
    margin:auto;
}
.grid1indexclients2 {
    width: 22.85%;
	max-width: 420px;
    height: auto;

}
.grid1indexclients3 {
    width: 40.81%;
	max-width: 750px;
    height: auto;

}
.grid1indexclients4 {
    width: 14.36%;
	max-width: 264px;
    height: auto;

}
.grid1indexclients5 {
    width: 100%;
	max-width: 1838px;
    height: auto;

}

.grid2indexclients1, .grid2indexclients, .grid2indexclients2, .grid2indexclients3, .grid2indexclients4 {
    width: 14.25%;
	max-width: 262px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid2indexclients1 {
}
.grid2indexclients {
    margin:auto;
}
.grid2indexclients2 {
    width: 39.66%;
	max-width: 729px;
    height: auto;

}
.grid2indexclients3 {
    width: 14.04%;
	max-width: 258px;
    height: auto;

}
.grid2indexclients4 {
    width: 32.05%;
	max-width: 589px;
    height: auto;

}

.grid3indexclients1, .grid3indexclients, .grid3indexclients2, .grid3indexclients3, .grid3indexclients4 {
    width: 31.45%;
	max-width: 578px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid3indexclients1 {
}
.grid3indexclients {
    margin:auto;
}
.grid3indexclients2 {
    width: 10.88%;
	max-width: 200px;
    height: auto;

}
.grid3indexclients3 {
    width: 49.95%;
	max-width: 918px;
    height: auto;

}
.grid3indexclients4 {
    width: 7.72%;
	max-width: 142px;
    height: auto;

}

.grid4indexclients1, .grid4indexclients, .grid4indexclients2, .grid4indexclients3, .grid4indexclients4 {
    width: 9.36%;
	max-width: 176px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid4indexclients1 {
}
.grid4indexclients {
    margin:auto;
}
.grid4indexclients2 {
    width: 32.75%;
	max-width: 602px;
    height: auto;

}
.grid4indexclients3 {
    width: 11.59%;
	max-width: 213px;
    height: auto;

}
.grid4indexclients4 {
    width: 46.08%;
	max-width: 847px;
    height: auto;

}

.grid5indexclients1, .grid5indexclients, .grid5indexclients2, .grid5indexclients3, .grid5indexclients4 {
    width: 23.56%;
	max-width: 433px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid5indexclients1 {
}
.grid5indexclients {
    margin:auto;
}
.grid5indexclients2 {
    width: 8.98%;
	max-width: 165px;
    height: auto;

}
.grid5indexclients3 {
    width: 55.65%;
	max-width: 1023px;
    height: auto;

}
.grid5indexclients4 {
    width: 11.81%;
	max-width: 217px;
    height: auto;

}

.grid6indexclients1, .grid6indexclients, .grid6indexclients2, .grid6indexclients3, .grid6indexclients4, .grid6indexclients5 {
    width: 13%;
	max-width: 239px;
    height: auto;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.grid6indexclients1 {
}
.grid6indexclients {
    margin:auto;
}
.grid6indexclients2 {
    width: 30.41%;
	max-width: 559px;
    height: auto;

}
.grid6indexclients3 {
    width: 20.84%;
	max-width: 383px;
    height: auto;

}
.grid6indexclients4 {
    width: 14.31%;
	max-width: 263px;
    height: auto;

}

.grid6indexclients5 {
    width: 21.44%;
	max-width: 394px;
    height: auto;

}


.gridportfolio001, .gridportfolio, .gridportfolio002, .gridportfolio003 {
    width: 25%;
	max-width: 640px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridportfolio001 {
}
.gridportfolio {
    margin:0;
}
.gridportfolio002 {
    width: 25%;
    height: auto;
	max-width: 640px;
	text-align:left;
}
.gridportfolio003 {
    width: 25%;
    height: auto;
	max-width: 640px;
	text-align:left;
}

.gridanimation001, .gridanimation, .gridanimation002, .gridanimation003 {
    width: 12.5%;
	max-width: 240px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridanimation001 {
}
.gridanimation {
    margin:0;
}
.gridanimation002 {
    width: 12.5%;
    height: auto;
	max-width: 240px;
	text-align:left;
}
.gridanimation003 {
    width: 12.5%;
    height: auto;
	max-width: 240px;
	text-align:left;
}

.gridanimstills001, .gridanimstills, .gridanimstills002, .gridanimstills003 {
    width: 20%;
	max-width: 384px;
    height: auto;
    display:block;
    float: left;
    margin: 0 auto;
	text-align: center;
}
.gridanimstills001 {
}
.gridanimstills {
    margin:0;
}
.gridanimstills002 {
    width: 20%;
    height: auto;
	max-width: 384px;
	text-align:left;
}
.gridanimstills003 {
    width: 20%;
    height: auto;
	max-width: 384px;
	text-align:left;
}

.gridthrees001, .gridthrees, .gridthrees002, .gridthrees003 {
    width: 30%;
    height: auto;
	border: 1px solid #ccc;
    display:block;
    float: left;
    margin: auto;
	text-align: center;
}
.gridthrees001 {
}
.gridthrees {
    margin:0;
}
.gridthrees002 {
    width: 30%;
    height: auto;
	border: 1px solid #ccc;
	padding: 10px;
	margin: auto;
	text-align:center;
}
.gridthrees003 {
    width: 28%;
    height: auto;
	margin: auto;
	border: 1px solid #ccc;
	text-align:left;
}


/* img Classes */

.imgMain {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgMainShadow {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;

}

.imgLogo {
	justify-content:left;
	width: 100%;
    max-width:325px;
    height: auto;
    margin: 0;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.imgGetyour {
	position:absolute;
	width: 18.07%;
    max-width:347px;
    height: auto;
    margin: 0;
    display:block;
	text-align:center;
	float: right;
	right:0;
	bottom:0;
	
}

.img-pd-dg {
	position:absolute;
	width: 25.364583333333336%;
    max-width:487px;
    height: auto;
    margin: 0;
    display:block;
	float: left;
	left:0;
	bottom:0;
	z-index: 3;
	
}

.img-pd-dgSub {
	position: relative;
	width: 25.364583333333336%;
    max-width:487px;
    height: auto;
    display:block;
	margin: 0;
	float: right;
	right:0;
	bottom:0;
	z-index: 3;
	
}

.imgc02pd {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: 0;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}


.imgb-spacer {
	justify-content:right;
	width: 2.97%;
    max-width:57px;
    height: 100%;
    margin-right: 0;
	text-align:right;
	vertical-align:top;
	float: none;
	margin-top: 0;
	z-index: 9;
}

.imgFootTemp {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: 0;
    display:block;
	text-align:left;
	float: none;
	margin-top: 0;
}

.imgFtr {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: 0;
    display:block;
	float: left;
	margin-top: 0;
}

.imgLgo {
    width:51.15%;
	max-width:982px;
    height: auto;
    margin: auto;
    display:block;
	float: inherit;
}



/* Text Classes */

h1 {
	font-family: 'Orbitron', sans-serif;
	font-size: 120%;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 3vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.5vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.35vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

h7 {
	font-family: 'Open Sans', sans-serif;
	font-size: 3vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: center;
}

h8 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: center;
}

h9 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.45vw;
	font-weight: 300;
	margin: 0;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}
h10 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.5vw;
	font-weight: 700;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

h11 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

h12 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5vw;
	font-weight: 600;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

h13 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}
h14 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2vw;
	font-weight: 700;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}
p {
	font-family: 'Orbitron', sans-serif;
  font-weight:400;
	font-size: 16px;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
}

.titles {
	font-family: 'Orbitron', sans-serif;
	font-size: 1.5vw;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-shadow: 1px 1px 4px #000000;
}

.figure {
	font-family: 'Open Sans', sans-serif;
	font-size: .7vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

.howto {
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bar {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}
.IndexMain {
	font-family: 'Open Sans', sans-serif;
	font-size: 3.0vw;
	font-weight: 400;
	color: #999ca7;
	font-style: normal;
	font-variant: normal;
	margin:auto;
	text-align: center;
}

.IndexMainBold {
	font-family: 'Open Sans', sans-serif;
	font-size: 3.0vw;
	font-weight: 500;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	margin:auto;
}
.IndexMainSkills {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.11vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	margin: auto;
}

.footer {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

.footerlegal {
	font-family: 'Open Sans', sans-serif;
	font-size: .75vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: center;
}


.c02-pd-os {
	font-family: 'Open Sans', sans-serif;
	font-size: 3vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

.c02-pd-ne {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.75vw;
	font-weight: 300;
	color: #424349;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

.c02-pd-listb {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.35vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}

.c02-pd-lists {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2vw;
	font-weight: 300;
	color: #f37d33;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}


.designbytext {
    font-family: 'Orbitron', sans-serif;
	font-size: .6vw;
	letter-spacing: 1px;
	color: #484848;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-align: left;
	padding:10px;
	text-decoration: none;
}

/* links */

a:link {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}

a:active {
    font: Arial, Helvetica, sans-serif;
	font-size: .6vw;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a.fixednav:link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: none;
}

a.fixednav:visited {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: none;
}

a.fixednav:hover {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.fixednav:active {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: none;
}

a.email:link {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:visited {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:hover {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:active {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.sublinks:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: underline;
}

a.sublinks:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #0a79bf;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: underline;
}

a.sublinks:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #f27d33;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: underline;
}

a.sublinks:active {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7vw;
	font-weight: 300;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: underline;
}


/* index image links */

a.email:link {
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:visited {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:hover {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #0c82cc;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}

a.email:active {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	text-align: right;
	text-decoration: underline;
}



/* lines */
.pxline {
height: 3px;
margin:0;
background: #f37d33;
width: 70%;
font-size: 1px;
}

.pxline2 {
height: 3px;
margin:0;
background: #f37d33;
width: 60%;
font-size: 1px;
}

.pxline3 {
height: 3px;
margin:0;
background: #f37d33;
width: 100%;
font-size: 1px;
}

.pxlineBlue {
height: 1px;
margin:0;
background: #0c82cc;
width: 100%;
font-size: 1px;
}

.pxlineGreyBar {
height: 3vh;
margin:0;
background: #424349;
width: 100%;
font-size: 1px;
	z-index: 5;
}

.pxlineBlueBar {
height: 3vh;
margin:0;
background: #0c82cc;
width: 100%;
font-size: 1px;
	z-index: 5;
}

.pxlineSilverBar {
height: 3vh;
margin:0;
background: #989ba6;
width: 100%;
font-size: 1px;
	z-index: 5;
}

.dottedLine {
  border:none;
  border-top:2px dotted #f27d33;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:95%;
	margin: auto;
}


.container {
  position: relative;
  width: 100%;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .90;
  transition: 1.5s ease;
	text-align: center;
}

.container:hover .overlay {
  opacity: 0;
}

.text {
	font-family: 'Open Sans', sans-serif;
  color: white;
  font-size:2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	text-shadow: 2px 3px 7px #000;
}

.pdorange {
	background-color:#f37d33;
}
.pdblue {
	background-color:#0c82cc;
}
.pdgray {
	background-color:#424348;
}
.pdsilver {
	background-color:#999ba7;
}
.white {
	background-color:#fff;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: auto;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 90%;
}

/* Style inputs with type="text", select elements and textareas */
inputO[type=text], select, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 2vh;
	font-weight: 400;
	color: #999ca7;
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 2px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
inputO[type=submit] {font-family: 'Open Sans', sans-serif;
	font-size: 2vh;
	font-weight: 400;
    background-color: #0c82cc;
    color: white;
    padding: 12px 40px;
    border: 2px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
inputO[type=submit]:hover {
    background-color: #f37d33;
}

/* Add a background color and some padding around the form */
.containerContact {
	font-family: 'Open Sans', sans-serif;
	font-size: 2vh;
	font-weight: 700;
	color: #424349;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
}

.containerContact {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #424349;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
}


#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 24px 'Open Sans', sans-serif }

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}



fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #424348;
	border-radius: 4px;
	background:#FFF;
	 box-sizing: border-box;
	margin:0 0 12px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #0c82cc;
}

#contact textarea {
	height:200px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0c82cc;
	color:#FFF;
	margin:0 0 5px;
	padding:12px;
	font-size:24px;
	border-radius: 4px;
}

#contact button[type="submit"]:hover {
	background:#f37d33;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #424348;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}