/* -------------------------------- 
PAGE Settings 
-------------------------------- */
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: white;
	margin: 0px auto;
}

body, html {
	height: 100%;
}

h1{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding-bottom:9px;

}
h2{
	display: inline;
	font-family: 'Varela Round', sans-serif;
	font-weight: normal;
}
h3{
	}
img {
	max-width: 100%;
	border: 1px solid rgba(248,154,0,1.00);
}

a {
	color: #04209F;
	text-decoration: none;
}

.spanOrange {
	color: rgba(0,0,0,1.00);
	font-size: medium;
	text-shadow: 0px 0px 13px rgba(128,128,128,1.00);
}

a:hover img{
	border: 1px solid rgba(0,0,0,1.00);
}


/* -------------------------------- 
Font styles
-------------------------------- 
font-family: 'Fanwood Text', serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Tangerine', cursive;
font-family: 'Conv_LCD-N___', serif;
font-family: 'Sabado', sans-serif;
font-family: 'TwentytwelveSlab', serif

;*/

/* -------------------------------- 
Header style
-------------------------------- */

.mainHeaderScrollMask{
	display: block;
	position: fixed;
	width: 100%;
	height: 70px;
	z-index: 800;
	background-attachment:fixed;
	background: url(../img/shot.jpg) no-repeat   ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-position: 75% -35px;
	  	padding-top: 0px;
	padding-top: 0px;
	
}

.navPanel{
left:0px;
top:0px;
}
.navigationBlock{
	padding-top: 0px;
	width:100%;
	position:fixed;
	z-index:200;
	height:70px;
	border-bottom:1px solid black;
	margin:0;
	padding:0;
}
.navigation{
	overflow: visible;
	width: 1000px;
	position: fixed;
	z-index: 1000;
	height: inherit;
	margin: 0;
	padding-top: 0px;
	padding-right:40%;
	padding-left:0;
	padding-bottom: 10px;
	white-space: nowrap;
font-family: 'Varela Round', sans-serif;}

.navigation ul li a{
	color: rgba(255,255,255,1.00);
}

.navigation ul li a.is-selected{
	color: rgba(116,255,131,1.00);
	font-style: italic;
	-webkit-box-shadow: 0px 0px 0px rgba(255,214,0,1.00);
	box-shadow: 0px 0px 0px rgba(255,214,0,1.00);
	text-shadow: 0px 0px 5px rgba(0,255,29,1.00);
}
.navigation ul li:first-child{
	text-align: left;
	margin-left: 0px;
	font-variant: small-caps;
	font-size: 20px;
	font-weight:bold;
	line-height:38px;
}
.navigation ul li:first-child a:hover
{
	text-decoration:none;
}

.navigation ul li {
	display: inline;
	margin-right: 10px;
	font-size: 18px;
	text-align: left;
}

.navigation ul li a:hover
{
	text-decoration:underline;
}
.navigation ul 
{
	width:auto;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
}

.navigation ul li:first-child a{
	color: rgba(255,208,72,1.00);
}

/* -------------------------------- 
ColConts Settings 
-------------------------------- */
.colCol {
	float: left;
	position: relative;
	text-align: center;
	font-size:11px;
	display:inline-block;
}

/*.colCol a:hover img{
	border: 1px solid rgba(0,0,0,1.00);
} */

.colCol#cco1 {
    width:22%;
    left:0%;
}

.colCol#cco2 {
    width:22%;
    left:4%;
}

.colCol#cco3 {
    width:22%;
    left:8%;
}

.colCol#cco4 {
    width:22%;
    left:11%;
}

/* -------------------------------- 
SECTION Settings 
-------------------------------- */

.uxSection {
	min-height: 500px;
	position: relative;
    padding-bottom: 2em;
	padding-right: 22%;
	padding-left: 22%;
	padding-top:1px;
 	background-image: -webkit-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(240,240,240,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(240,240,240,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(240,240,240,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(248,248,248,1.00) 0%,rgba(240,240,240,1.00) 100%);
	z-index:50;
  }
.uxSection p {
}
.uxSection#section0 {
	min-height: 0px;
	position: relative;
	color: black;
    padding-bottom: 0px;
	padding-right: 0%;
	padding-left: 0%;
}

.uxSection#section1 {
	padding-right: 0%;
	padding-left: 10%;
	overflow: hidden;
	padding-top: 80px;
	background: url(../img/shot.jpg) no-repeat center center fixed;
	background-position: 75% 25%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:850px;
	}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.uxSection#section1 {
	background-attachment: scroll; 	padding-left: 0px;
	padding-top: 10px;
	height:740px;
	}
}	
.uxSection#section2 {
	padding-right: 0;
	padding-left: 0;
	height:auto;
	min-height: 100px;
	height:860px;
}
.uxSection#section3 {
	height:885px;
	min-height: 100px;
}

.uxSection#section4 {
	height:auto;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.uxSection#section5 {
	height:800px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
/* -------------------------------- 
.uxSection#section4 H1 {
	text-align:center;	
	font-family: 'Ubuntu', sans-serif;
	font-size: 25px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	color: rgba(0,0,0,1.00);
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 1px 2px rgba(187,134,0,1.00);
}
-------------------------------- */

.uxSection#section4 h2 {
	font-family: 'Varela Round', sans-serif;
	font-size: 20px;
	text-decoration: underline;
	font-weight: normal;
	margin:0px 0px 0px 0px; 
	padding-left: 0%;
	padding-top: 0px;
	padding-bottom:3px;
}

.uxSection#section4 H3 {
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	line-height: 2px;
	font-variant: small-caps;
	white-space:nowrap;
}

.uxSection#section4 H4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: small-caps;
	margin:0px 0px 0px 0px; 
	padding-left: 0%;
	padding-top: 0px;
	padding-bottom:3px;
	line-height:2px;
	font-weight: bold;
	white-space:nowrap;
}



.uxSection#section4 a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.uxSection#section4 a {
	font-weight: bold;
	color: rgba(95,41,249,1.00);
}


#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}


.uxCont#sec1{
	height: auto;
	width: auto;
	position: static;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	color: rgba(255,255,255,1.00);
	left: -1px;
	top: -1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
	padding-left: 40px;
	padding-top: 5%
}

.uxCont#sec1a {
	width: 70%;
	padding-left: 0%;
	padding-right: 0%;
		font-size: 18px;
}

.uxCont#sec1b {
	width: 100%;
	padding-left: 60px;

	float:left;
	position:absolute;
}
.uxCont#sec1b ul{
	padding-left: 0%;
	padding-right: 40%;
}
.uxCont#sec1b ul li{
	padding-left: 0%;
	padding-bottom:10px;
}

.uxCont#.sec1c {
	padding-left: 20%;
	padding-right: 20%;
}

.head1 {
	font-family: 'Varela Round', sans-serif;
	text-align: left;
	font-size: 43px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;

}
.head2 {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	text-decoration: overline;
	font-size: 18px;
	}
	

.head3 {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	padding-bottom: 9px;
	font-size: 18px;
}

.uxCont#sec2a {
	margin-left: 20%;
	margin-right: 20%;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,1.00);
}
.uxCont#sec2b {
	margin-left: 25%;
	margin-right: 25%;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,1.00);
	position: relative;
	height:auto;
	display:inline-table
}




.uxCont#sec2c {
	margin-left: 20%;
	margin-right: 20%;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,1.00);
	position: relative;
	display:block
}
.uxCont#sec2d {
	margin-left: 27%;
	margin-right: 27%;
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	color: rgba(0,0,0,1.00);
	padding-top:0px;
}


@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.uxCont#sec2d {
	margin-left: 10%;
	margin-right: 10%;
	}
}	

.imgLineCont {
    white-space: nowrap;
    max-width: 100%;
    margin-right: 2% auto;
    margin-left: 2% auto;
    text-align:center;
}
.imgLineContContents {
    max-width: 20%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.imgLineCont img {
    max-width:100%;
}
.iFrameCont {
	margin: 0;
	padding: 0;
	height: 80%;
	display:block
 }

.iFrameCont iframe{
    top:0;
    left: 0;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
	border: 0px solid rgba(248,154,0,1.00);
}



.uxCont#sec4Main {
	height: auto;
	width: auto;
	position:relative;
	padding-left:10%;
	padding-right:10%;
}
.uxCont#sec4Main1 {
	height: auto;
	width: auto;
	position:relative;
}
.uxCont#sec4Main2 {
	height: auto;
	width: auto;
	position:relative;
	padding-left:10%;
	padding-right:10%;
}
.sec4Col#Hor1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-bottom: 20px;
	padding: 0px 10% 20px 15%;
	display:block;
	max-height: 9999999px;
}

.sec4Col#Hor1 ul{
padding-left: 10%;
padding-right: 1%;
}
.uxCont#sec4Col_Exp {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left:15%;
	padding-right:5%;
	display:block;
	}	
.uxCont#sec4Col_ExpCont {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left: 10%;
	height: 100%;
}
.uxCont#sec4Col_Skills {
	position: relative;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left:0%;
	padding-right:10%;
	max-width:650px;
}
.uxCont#sec4Col_SkillsCont {
	width:100%;
	padding-left: 10%;
	max-width:650px;
}
.uxCont#sec4Col_SkillsCont1 {
	width:30%;
	display:inline-table;
	min-width: 190px;
	padding-right: 3%;
}
.uxCont#sec4Col_SkillsCont2 {
	padding-right: 3%;
	width:30%;
	display:inline-table;
	min-width: 190px;
}
.uxCont#sec4Col_SkillsCont3 {
	width:30%;
	display:inline-table;
	min-width: 50px;
}
.uxCont#sec4Col_EduCont {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left: 10%;
	height: 100%;
}
.uxCont#sec4Col_AnimCont {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left: 10%;
	height: 100%;
}
.uxCont#sec4Col_HighCont {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-left: 10%;
	height: 100%;
}

.sec4StatBarCont{
	position: relative;
	height:50px;
	padding-right:0;
	padding-left:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	display:inline-block;
	width:503px;
}

.sec4StatBa{
	position: relative;
	display:inline-table;
	width: 110px;
	text-align:center;
}

.sec4StatBa h3{
	line-height: 1px;
	margin-bottom:8px;
	text-decoration:underline
}



.iFrameCont5 {
	margin: 0;
	padding: 0;
	height: 500px;
	display:block
 }

iframe#contactIframe{
	height: 300px;
}
/* Image Line  */


/* -------------------------------- 
Navigation Dots Section 
-------------------------------- */
/* No Touch devices */
.no-touch #dotsNavBox {
	position: fixed;
	right: 5%;
	top: 250px;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1000;
	width: 50px;
}
.no-touch #dotsNavBox ul {
	text-align: right;
	list-style-type: none;
}
.no-touch #dotsNavBox li {
  text-align: right;
  padding-bottom: 7px;
}
.no-touch #dotsNavBox a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-touch #dotsNavBox a:after {
  content: "";
  display: table;
  clear: both;
}
.no-touch #dotsNavBox a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.no-touch #dotsNavBox a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* 
.no-touch #dotsNavBox a:hover .cd-dot {
  background-color: rgba(25,25,255,0.65);
}
*/
.no-touch #dotsNavBox a.is-selected .cd-dot {
	background-color: rgba(54,217,93,1.00);

}

.no-touch #dotsNavBox .cd-dot {
	position: relative;
	/* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
	top: 8px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgba(58,29,74,1.00);
	-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	-moz-transition: -moz-transform 0.2s, background-color 0.5s;
	transition: transform 0.2s, background-color 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*
.no-touch #dotsNavBox a.is-selected .cd-label {
	color: rgba(25,25,255,1.00);
	opacity:1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  }
*/

/* No Touch devices */
.touch .cd-nav-trigger {
 }
.touch .cd-nav-trigger span {
 }
.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {
 }
.touch .cd-nav-trigger span::before {
}
.touch .cd-nav-trigger span::after {
}

.touch #cd-vertical-nav {

}
.touch #cd-vertical-nav a {
}
.touch #cd-vertical-nav a span:first-child {
}
.touch #cd-vertical-nav a.is-selected span:last-child {
}
.touch #cd-vertical-nav.open {
 }
.touch #cd-vertical-nav.open + .cd-nav-trigger {
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span {
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
 }
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
}
.touch #cd-vertical-nav li:last-child a {
}

@media only screen and (min-width: 768px) {
  .touch .cd-nav-trigger, .touch #cd-vertical-nav {
    bottom: 40px;
  }
}

/*
.no-touch #dotsNavBox a.is-selected .cd-label {
	color: rgba(25,25,255,1.00);
	opacity:1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  }
*/

body #section1 h2 {
	text-align: center;

}
/*
.no-touch #dotsNavBox a.is-selected .cd-label {
	color: rgba(25,25,255,1.00);
	opacity:1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  }
*/

body #section1 h2Copy {
	text-align: center;
}

/*.hover_group:hover {
    opacity: 0.5;
}
*/
rect, text, path{
   cursor: pointer;
}
rect:hover
  {
 	opacity: 0.25;
 }
path:hover
  {
 	opacity: 0.45;
 }
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	rect:hover
	  {
		opacity: 0;
	 }
	.touch .cd-nav-trigger
	{
		display:none;
	}
	path:hover
	  {
		opacity: 0;
	 }

	#dotsNavBox {
		display:none;	
	}
	.iFrameCont {
	height: 80%;
 	}
	.uxSection#section3 {
	padding-left:5%;
	padding-right:5%;
	}
	.imgLineCont {
	}
	.quoteCont {
		background-color: rgba(202,3,3,1.00);
	}		
}