html { font-size: 55%; } 

body {
	font-family: 'Raleway', sans-serif !important;
	color: #282828;
	margin: 0;
	font-size: 1.5rem;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
}
.sub {
font-family: 'Open Sans', sans-serif;
	color: #6A6A6A;
	margin:0;
	font-size: 2.4rem;
	font-weight: 700;
	
	-webkit-font-smoothing: subpixel-antialiased;
}

 
.responsive-container {
    position: relative;
    width: 100%;
	
	overflow: hidden;
   
}
.grow{
    width: 100%;
    height: auto;
    overflow: hidden !important;
}

.grow img {
  height: auto;
  width: 100%;
 /* */  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
 
.grow img:hover {   

    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

}

.dummy {
    padding-top: 90%; /* forces 1:1 aspect ratio */
}
.moving-left
{
  display:block;
	margin-right: 8px;
  float:left; 
  transition: transform 0.3s ease;
  transform: translateX(0px);
 
}
.moving-left:hover
{
 transform: translateY(-5px);
	margin-right: 8px;
}
.moving-up
{
  display:inline-block;
 
  transition: transform 0.3s ease;
  transform: translateX(0px);
 
}
.moving-up:hover
{
 transform: translateY(-5px);
}



.img-container {
    position: absolute;
    top: 25%;
    left: 0;
}

.topheight {
    height: 70px !important;
	width: 10px;
}

.contactinput {
	width: 100%;
	padding: 15px;
	font-size: 11px;
	
	background-color:#eeeeee;
	box-sizing: border-box !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #ccc;
-webkit-appearance: none;
    border-radius: 0;
	
}

.submitNew{
	font-family: 'Raleway', sans-serif!important;
	font-size:12px;
	background-color: #666 !important;
	border:3px;
	
    border-radius: 0;
	width: 455px;
	color:#FFF !important;
	padding: 10px;
	font-weight: 700!important;
	 display:block;
    margin: 0 auto;
	
	
}



.submitNew:hover{
	font-family: 'Raleway', sans-serif!important;
	font-size:12px;
	background-color:#999 !important;
	border:3px;
	
    border-radius: 0;
	width: 455px;
		COLOR: #ccc !important;
	padding: 10px;
	font-weight: 700!important;
	display:block;
	margin: 0 auto;
}




 
.topnav a{
	font-family: 'Roboto', sans-serif;
	font-size: 11px!important;
	font-weight: 300!important;
	TEXT-DECORATION: none!important;
	padding: 0;
	color: #ffffff!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #ccc;
	margin-left: 5px;
}


.topnav a:hover {
	font-family: 'Roboto', sans-serif;
	font-size: 11px!important;
	font-weight: 300!important;
	TEXT-DECORATION: none!important;
	padding: 0;
	color: #ccc!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #999;
	margin-left: 5px;
}




 
.signup a:link {
	COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:16px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	letter-spacing: 2px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;	

		

}




 
.signup a:visited {
	COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:16px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	letter-spacing: 2px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;	

		

}




 
.signup a:active {
	COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:16px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	letter-spacing: 2px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;	

		

}


.signup a:hover {
	COLOR: #00E99E;
	background-color:#096;
	font-family: 'Raleway', sans-serif!important;
	font-size:16px!important;
	border: none!important;
	font-weight: 700!important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	letter-spacing: 2px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;	
}




 
.visitlink a:link {
	COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 455px;
	display:block;
	margin: 0 auto;
	letter-spacing: 2px;

}
.visitlink a:visited {
COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	letter-spacing: 2px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 455px;
	display:block;
	margin: 0 auto;

}

.visitlink a:active {
COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	letter-spacing: 2px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 455px;
	display:block;
	margin: 0 auto;
	
}

.visitlink a:hover {
	COLOR: #00E99E;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#009565;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	width: 455px;
	display:block;
	margin: 0 auto;
	letter-spacing: normal;
	letter-spacing: 2px;
}



section {
	background: #fff;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.nav {
	position: fixed; width: 100%;  padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	background: #ffffff;
	border-bottom: 2px solid #34DCE9;
	z-index:10000000;
}

.parallax-container {
	height: 500px;
	width: 100%;
	overflow:hidden;
}



.over {
	height: 100%;
	width: 100%;
	background-image: url(http://www.pyc-trading.com/files/over.) ;
	z-index: 9000000;
	background-repeat: repeat;
	
}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.over {
	background-image: none !important;
}


.topheight {
  height: 0px !important;
}
	}
pre {
  overflow: auto;
}

pre code {
  word-wrap: normal;
  white-space: pre;
}



.footer a {
  color: #ddd !important;
  text-decoration: none;
}

.footer a:hover {
  color: #999 !important;
  text-decoration: underline;
}
.logo {
    width: 200px;
    height: 200px;

  margin-left: auto ;
  margin-right: auto ;
}

.company {
	width: 100%;
		background-color: #34DCE9;
	padding: 10px;
	
	margin-bottom: 20px !important; 
	text-align:left;
	
	 box-sizing: border-box !important; 
	font-size: 1.8rem;
	text-transform:uppercase;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	color: #ffffff;
	-webkit-transition: 0.6s ease-in;
	-moz-transition: 0.6s ease-in;
	transition: 0.6s ease-in;
	
}
.companyimg {
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
	 -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
	
}
.companyimg:hover {
  filter: none;
  -webkit-filter: none;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	box-shadow: inset 0 0 0 25px #34DCE9;

}
.company:hover {
	box-shadow: inset 0 0 0 25px #14B0BD;
	-webkit-box-shadow: inset 0 0 0 25px #14B0BD;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.servicesbox {
	width: 100%;
		background-color: #eee;
	padding: 10px;
	color: #666;
	margin-top: 5px;
	
	
	font-size:12px;
	 box-sizing: border-box !important; 
}

.company span {
	
	color: #999;
	margin-left: 10px;
	text-align:center;
	font-weight:700;
	font-size:11px;
	
}

 a:link {
	COLOR: #666;
	TEXT-DECORATION: none;
}
 a:visited {
	COLOR: #666;
	TEXT-DECORATION: none;
	}
 a:active {
	COLOR: #666;
	TEXT-DECORATION: none;
	}
 a:hover { 
	COLOR: #999999;
	TEXT-DECORATION: none;
	
		}


.services  {
	font-size: 6rem;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #00BE7F;
}
.services span {
	font-weight: 300;
	font-size: 6rem;
	color: #999;
}


.eventstitle{
	font-size: 2.2rem;
	text-transform:uppercase;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #999;
}


.eventsdate{
	font-size: 2.2rem;
	text-transform:uppercase;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	color: #B6B6B6;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 2.6rem;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	color: #A5A5A5;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-weight: 700;
	color: #999;
}

.contactus {
	font-size: 2.6rem;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	color: #00BE7F;
}
.contactus span {
	font-weight: 700;
	color: #fff;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 1.6%;
}

		#wrap {
width:100%;
margin:0 auto;
background:#99c;

}
#main {
float:left;
width:28px;

}
#sidebar {
float:left;
height:13px !important;
padding-top:4px;
 color: #fff;
width: 90%;
}

.contact {
	font-weight: bold;
	color: #fff;
	margin-right:10px;
	background-color:  #00BE7F;
	padding: 4px;
	width:23px !important;
	height:23px !important;
	text-align:center;
	

}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


.greybg {
	background-color: #333;

	vertical-align: bottom;	
	bottom: 0; 
}
.span_1_of_2_grey {
	width: 49.2%;
	background-color: #333;
	padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 6px;
	 box-sizing: border-box !important; 
	 color:#ccc;
	
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2, .span_1_of_2_grey {
	width: 100%;
	
}
.fullwidth {
	width: 100%;
	display: block;
	float:left;
	
	box-sizing: border-box !important;
	
}
.span_1_of_2 {
	width: 49.2%;
	
}
.span_1_of_2new {
	width: 28.4%;
	
}
.span_2_of_2new {
	width: 70%;
	
}
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
 
	 /*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
		
	
	 box-sizing: border-box !important; 
}
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	#hide { 
		display:none;
	}
	.hideimage { 
		display:none !important;
	}
		#image { 
		
		display: none;
	
	}
		#gaptop { 
		margin-top: 25px !important;
		
	}
		.gapbottom { 
		margin-bottom: 35px !important;
	}

 
.topnav a {
	COLOR: #fff!important;
	font-family: 'Raleway', sans-serif!important;
	font-size:11px!important;
	background-color:#2E3277!important;
	border: none!important;
	font-weight: 400!important;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	width: 100%;
	display:block;
	letter-spacing: 2px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
margin-top: 8px;
	margin-left: 0;
	
	

}

.topnav a:hover {
	COLOR: #00E99E!important;
	font-family: 'Raleway', sans-serif!important;
	font-size:11px!important;
	background-color:#3A3F9C!important;
	border: none!important;
		padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
	font-weight: 300!important;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	letter-spacing: 2px;
	width: 100%;
	display:block;
		margin-top: 8px;
	margin-left: 0;
}

.nav {
	position: absolute; width: 100%;  padding-top: 20px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0; background: #ffffff !important;
}
	
	.span_2_of_2, .span_1_of_2, .span_2_of_2new, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_1_of_2_grey { width: 100%;  }
		


.services  {
	font-size: 2.6rem;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	color: #00BE7F;
}

.services span {
	font-weight: 300;
	color: #999;
	font-size: 2.6rem;
}
 .responsive-container {
    position: relative;
    width: 100%;
   
}

.dummy {
    padding-top: 0; /* forces 1:1 aspect ratio */
	
}
.img-container {
	
    position: relative;
    top: 0;
    left: 0;
	
}

.submitNew{
	
	font-size:12px;
	background-color:#666;
	border:3px;
	border-radius: 0;
	width: 100%;
	
	color:#FFF;
	padding: 10px;
	font-weight: 700;
	
	
}



.submitNew:hover{
	font-size:12px;
	background-color:#999;
	border:3px;
	border-radius: 0;
	width: 100%;
	
		color:#ccc;
	padding: 10px;
	font-weight: 700;
	
}




 
.visitlink a:link {
	COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 100%;
	display:block;
	margin: 0 auto;

}
.visitlink a:visited {
COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 100%;
	display:block;
	margin: 0 auto;

}

.visitlink a:active {
COLOR: #fff;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#00BE7F;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;

	
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;	
width: 100%;
	display:block;
	margin: 0 auto;
	
}

.visitlink a:hover {
	COLOR: #00E99E;
	font-family: 'Raleway', sans-serif!important;
	font-size:12px!important;
	background-color:#009565;
	border: none!important;
	font-weight: 700!important;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	text-align: center !important;
	TEXT-DECORATION: none!important;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
width: 100%;
		display:block;
	margin: 0 auto;
}

.contact {
	font-weight: bold;
	color: #fff;
	margin-right:10px;
	background-color:  #00BE7F;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	
	width:23px !important;
	height:23px !important;
	text-align:center;
	

}
#sidebar {
float:left;
height:13px !important;
padding-top:3px;
 color: #fff;
width: 90%;
}


}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}




.videocontainer {
    position: relative;
    width: 100%;
      height: 0;
    padding-bottom: 60%;
		
   
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

	}

.vimeocontainer {
    position: relative;
    width: 100%;
      height: 0;
    padding-bottom: 56.5%;
	padding-top: 0;
		
	
   
}
.vimeo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

	
	}





















.dhtml_question{	/* Styling question */
	/* Start layout CSS */
	
	font-size:12px;	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtml_answer{	/* Parent box of slide down content */
	/* Start layout CSS */

	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtml_answer_content{	/* Content that is slided down */
	padding-top:5px;
padding-bottom:5px;
	position:relative;
}



 
 
.category a {
	COLOR: #ffffff !important;
	background-color: #0785BB;
	width: 100% !important;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	display: block;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box !important;
	margin-top: 10px;
}

.category a:hover {
	background-color: #139DDF;
	COLOR: #69CEF9 !important;
	width: 100%  
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	display: block;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 3px;
	box-sizing: border-box !important;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 10px;
}