/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Parallax
============================== */

#para1{
	background: url('../img/parallax/about_bg.jpg') no-repeat 50% 50% fixed transparent;
}
#para11{
	background: url('../img/parallax/about_bg2.png') 50% 50% fixed transparent no-repeat;
}
#para12{
	background: url('../img/parallax/about_bg3.png') 50% 50% fixed transparent no-repeat;
}
#para3{
	background: url('../img/parallax/works_bg.jpg') no-repeat 50% 50% fixed transparent;
}
#para31{
	background: url('../img/parallax/works_bg2.png') no-repeat 50% 50% fixed transparent;
}
#para32{
	background: url('../img/parallax/works_bg3.png') no-repeat 50% 50% fixed transparent;
}
#para2{
	background: url('../img/parallax/services_bg.jpg') no-repeat 50% 50% fixed transparent;
}
#para21{
	background: url('../img/parallax/services_bg2.png') no-repeat 50% 50% fixed transparent;
}
#para22{
	background: url('../img/parallax/services_bg3.png') no-repeat 50% 50% fixed transparent;
}
#para4{
	background: url('../img/parallax/design_bg.jpg') no-repeat 50% 50% fixed transparent;
}
#para41{
	background: url('../img/parallax/design_bg2.png') no-repeat 50% 50% fixed transparent;
}

#para42{
	background: url('../img/parallax/design_bg3.png') no-repeat 50% 50% fixed transparent;
}

#para1, #para2,#para3, #para4, #para5,
#para11, #para21,#para31, #para41, #para51,
#para12, #para22,#para32, #para42, #para52{
	height: 450px; 
	width: 100%;
	position: relative;
	background-size: cover;
}

#para11, #para21,#para31, #para41, #para51,
#para12, #para22,#para32, #para42, #para52{
}

/* #Site Styles
================================================== */
a, a:visited,a:active{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.center {
	margin:0 auto !important;
	display:block !important;
	float:none !important;
	text-align:center;
}

.small-margin-bottom {
	margin-bottom:10px !important;
}

body,html{
	height: 100%;
	line-height: 18px;
}

.page-wrapper{
	overflow: hidden;
	background-color: #ffffff !important;
}

p{
	line-height: 18px;
}

h1,h2,h3,h4,h5,h6{

}

hr{
	height:1px;
	border:none;
}

*{ 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

ul.check li {
	padding-left:30px;
	line-height:20px;
	margin-left:10px;
	background:url(../img/check.png) 0 1px no-repeat;
}

.overlay{
	/*background:url('../img/theme/overlayimg.png');*/
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
}
.video-frame{
	display: block;
	margin:37px 0 39px 0;
	width:auto;
	max-width: 100%;
	height:auto;
	overflow: hidden;
}

.video{
	position: relative;
	padding: 0 0 56.25% 0;
	height: 0;
	overflow: hidden;
}

.video iframe{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
/* #Page Styles
================================================== */
.design, .about,.services,.portfolio,.contact{
	padding-top: 0px;
	padding-bottom: 64px;
}
.about .container,.services .container,.portfolio .container,.contact .container,.training .container {
	padding-top:24px;
}

.services{
	padding-bottom: 78px;
}

.message-block{
	font-weight: 300;
	text-align: center;
	margin-bottom: 36px;
	padding: 18px 36px;
}

.message-block span{
	font-weight: 300;
}

.title-bar{
	overflow: hidden;
	margin-bottom: 18px;
	margin-top: 18px;
}
.title-bar h1{
	color: #333;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	line-height:70px;
	font-size: 40px;
}
.message p{
	padding-top:120px;
	font-size: 28px;
	text-align: center;
	line-height: .9;
	font-weight: 600;
}

/* HOME SECTION
============================== */

.home{
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
}

.super h4{
	font-size: 46px;
	line-height: 52px;
	margin-bottom: 18px;
	font-weight:bold;
}

.super p{
	font-size: 17px;
	line-height: 22px;
}

.slider-container{
	position: absolute;
	top:8%;
	max-width:80%;
	width:750px;
	overflow: hidden;
	z-index: 999;
	-webkit-font-smoothing: antialiased;
	right:50px;
	text-align:right;
}

/* NAVBAR
============================== */

.nav-container {
	position:relative;
	height:74px;
	z-index:200;
}
.menu{
	height:74px;
	position: absolute;
	z-index: 100;
	bottom:0;
	left:0;
	width:100%;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
}

#others .menu{
	height:74px;
	position: fixed;
	z-index: 100;
	bottom:auto;
	left:0;
	top:0;
	width:100%;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
}

.menu-holder{
	float: right;
	overflow: hidden;
}

.menu-list{
	overflow: hidden;
	margin:0;
	padding:0;
}

.menu-list li{
	float: left;
	margin:0;
	padding:0;
}
.menu-list li a{

	position: relative;
	text-align:center;
	height: 74px;
	line-height: 74px;
	display: inline-block;
	padding:;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding:0 12px;


	-webkit-transition:color 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in;  
  	-o-transition:color 0.2s ease-in;  
   	transition:color 0.2s ease-in;
}
.menu-list li.active a, .menu-list li a:hover{
	font-size: 13px;
}
.menu-list li.active .arrow,.menu-list li a:hover .arrow, .team li:hover .arrow,.holder li:hover .arrow{
	display: block;
}
.arrow{
	display: none;
	position: absolute;
	bottom: -2px;
	left:50%;
	margin-left: -6px;
	height: 0;
	font-size:0;
	line-height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	-webkit-font-smoothing: antialiased;

}

.fixed {
        position:fixed;
        top:0;
}

.logo{
	padding:0;
	margin:15px 0 0;
	line-height: 0;
	display: inline-block;
	float: left;
}

.sub-menu{
	width:130px;
	float:right;
	padding:4px;
	margin-top: 24px;
	display: none;
	opacity: 0;
}

/* ABOUT SECTION
============================== */

.slider-area{
	margin-bottom: 36px;
}

.slider-area1{
	margin-bottom: 0px;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container1{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:100% !important;
	overflow:hidden;
}

/* TEAM
============== */

.team-section h3{
	margin-top: 18px;
}
.team{
	text-align: center;
	overflow: hidden;
	padding: 0;
}
.social{
	padding: 18px 0;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;

}

.social a{
	color: #333;
	display: inline-block;
	width:24px;
	height: 24px;
	font-size: 13px;
	line-height: 24px;
	-moz-border-radius:24px; 
	-webkit-border-radius:24px; 
	border-radius: 24px;
	text-decoration: none;
	margin-right: 6px;
}


.team li{
	overflow: hidden;
}

.team img{
	padding: 0;

}

.info{
	margin-top: 16px;
	margin-bottom: 15px;
}
.info h4{
	margin-bottom: 0;
	font-size: 16px;
	color:#666;
}
.info h4 .color{
	font-weight: 400;
}
.info em{
	font-size: 10px;
	display: block;
	margin-bottom: 18px;
	color:#999;
}

.info p{
	font-size: 11px;
}

/* SERVICES
============================== */
.services{

}

.services h4{
	margin-bottom: 18px;
	font-size: 16px;
}
.service{
	text-align: center;
}
.service li{
	margin-bottom: 24px;
}
.service p{
	padding:0 18px;
}
.service i{
	font-size: 90px;
	line-height: 90px;
	color:#444;
}

/* Portfolio
============================== */

#portfolioSliderBk {
	z-idex:99;
}

.portfolio .holder h4{
	margin-bottom: 18px;
	font-size: 15px;
}

.holder{
	margin:0 0 18px 0;
	overflow: hidden;
}
.holder li{
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 18px;
}

.holder .img-frame{
	position: relative;
	margin-bottom: 18px;
	overflow: hidden;
	width: 220px;
	margin: 18px auto 18px auto;
}
.holder .img-frame a,.holder .img-frame img{
	display: block;
	padding:0;
	margin: 0;

}

li .img-over{
	position: absolute;
	overflow: hidden;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;

	filter: alpha(opacity = 0);

	-webkit-transition:opacity 0.2s ease-in;  
    -moz-transition:opacity 0.2s ease-in;  
  	-o-transition:opacity 0.2s ease-in;  
   	transition:opacity 0.2s ease-in;
}
li:hover .img-over{
	display: inline-block;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.icon{
	position: absolute;
	display:block;
	text-align: center;
	width:18px;
	height:18px;
	top:-45%;
	left:45%;
	opacity: 1;


	-webkit-transition:all 0.2s ease-in-out;
 	-moz-transition:all 0.2s ease-in-out;
 	-o-transition:all 0.2s ease-in-out;
 	transition:all 0.2s ease-in-out;

}

li:hover .icon{
	top:45%;
}

.filter h5{
	display: inline-block;
	float: left;
	margin-right: 6px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 20px;
}

.filter{
	overflow: hidden;
}

.filter ul{
	overflow: hidden;
	margin-bottom:-4px;
}

.filter li{
	float:left;
	margin-right: 6px;
	line-height:18px;
}

.filter li a{
	padding:1px 6px;
	line-height: 16px
	text-decoration: none;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px;
	display: inline-block;
	color:#777;
	behavior: url(../PIE.php);
}

.filter li.active a,.filter li a:hover{
	text-decoration: none;
	-webkit-transition:background-color 0.2s ease-in-out;
 	-moz-transition:background-color 0.2s ease-in-out;
 	-o-transition:background-color 0.2s ease-in-out;
 	transition:background-color 0.2s ease-in-out;
}


/* CONTACT
============================== */

.contact h4{
	margin-bottom: 18px;
	font-size: 16px;
}

.contact .social{
	border:none;
	padding:0 0 3px 0;
	margin-right:20px;
}
.contact .social a{
	text-align: center;
	margin-bottom: 6px;
}

.address span{
	float: left;
}
.contact-info li{
	overflow: hidden;
}
.contact-info i{
	font-size: 14px;
	margin-right: 3px;
	float:left;
}
.contact-area input,textarea{
	margin: 0;

}
.contact-info li span{
	float: left;
	display: inline-block;
	margin-left: -1px;
}
.contact-area{
	overflow: hidden;
	margin-bottom: 36px;
}
.contact-area input{
	width: 54%;

}
.contact-area textarea{
	width:100%;
}
.contact-area button.std-button{
	float:right;
	font-size: 12px;
	font-family: "Open Sans",Helvetica,Arial, sans-serif;
	border: none;
	padding: 6px 9px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px;
	cursor: pointer;
	margin-top: 9px;
	behavior: url(../PIE.php);
	-webkit-transition:background-color 0.2s ease-in;  
    -moz-transition:background-color 0.2s ease-in;  
  	-o-transition:background-color 0.2s ease-in;  
   	transition:background-color 0.2s ease-in;
}

.contact-area label{
	display: block;
	font-size: 11px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial, sans-serif;
	line-height: 18px;
	margin-bottom: 6px;
	margin-top: 12px;
	line-height: 12px;
}
.contact-area label.error{
	display: inline-block;
	padding:0 9px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 3px;
	behavior: url(../PIE.php);
}
.first{
	margin-top:0 !important;
}

/* map
============================== */
.map{
 position: relative;
}
.map-wrap{
	position: relative;
}
.map-wrap iframe{
	width: 100%;
	height: 324px;
	margin-bottom: 18px;
	border: none;
}



/* slide panel
============================== */
.slide-panel{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 1000;
}

.panel-wrap{
	position: relative;
	overflow: hidden;
	padding: 36px 0 54px 0;
}

.panel-wrap .flickr{
	overflow: hidden;
	padding-top: 5px;
	margin-left: -6px;
	margin-bottom: 18px;
}
.panel-wrap .flickr img{
	height: 69px;
	width:69px;
	margin-left: 6px;
}
.panel-wrap .list li{
	line-height: 18px;
	padding-bottom: 6px;
	padding-top: 6px;

}
.panel-wrap .list li.last{
	padding-bottom: 0;
	border-bottom: none;
}
.panel-wrap .list li.first{
	padding-top: 0;
	border-top: none;
}

.panel-wrap .list i{
	margin-right: 4px;
}
.panel-wrap .toggle{
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 24px;
	border-radius: 24px;
	position: absolute;
	bottom: 18px;
	left:50%;
	margin-left: -12px;
	cursor: pointer;
	behavior: url(../PIE.php);
}

/* FOOTER
============================== */

.tweet{
	overflow: hidden;
    height: 500px;
	
    
}

.tweet .tweet_time{
	display: none;
}
.tweet li{
	position: relative;
	padding-top: 200px;
	height: 500px;
	font-size: 26px;
	text-align: center;
	line-height: 30px;
	font-weight: 600;
}
.tweet li a{
	font-weight: 300;
}
.tweet img{
	border-radius: 32px;
	position: absolute;
	bottom: 40px;
	left:50%;
	margin-left: -16px;
	behavior: url(../PIE.php);
}

.footer{
	/*height: 72px;*/
	text-align: center;
	line-height: 50px;
}

.color_big{
	position: absolute; 
	text-shadow: none; 
	font-weight: 800; 
	font-size: 75px;
	line-height: 75px; 
	font-family: 'Open Sans', sans;
	padding: 3px 4px; 
	padding-top: 1px;
	margin: 0px; 
	border-width: 0px; 
	border-style: none;
	letter-spacing: 0px;	
}

.biggest{
	position: absolute; 
	text-shadow: none; 
	font-weight: 800; 
	font-size: 200px;
	line-height: 200px; 
	font-family: 'Open Sans', sans;
	padding: 3px 4px; 
	padding-top: 1px;
	margin: 0px; 
	border-width: 0px; 
	border-style: none;
	letter-spacing: 0px;	
}

.fullwidthbanner-container i{
	font-weight: 300 !important; 
	font-size: 14px;
	margin-right: 6px;
}

#contact input, #contact textarea {
padding:1px 8px;
width:100%;
height:32px;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#646464;
-webkit-transition-property:[all,0.25s,ease-out];
-webkit-transition-duration:.25s;
-webkit-transition-delay:0;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-property:[all,0.25s,ease-out];
-moz-transition-duration:.25s;
-moz-transition-delay:0;
-moz-transition-timing-function:ease-in-out;
-ms-transition-property:[all,0.25s,ease-out];
-ms-transition-duration:.25s;
-ms-transition-delay:0;
-ms-transition-timing-function:ease-in-out;
transition-property:all .25s ease-out;
transition-duration:.25s;
transition-delay:0;
transition-timing-function:ease-in-out;
border:1px solid #c4c4c4;
background:#fff url(../img/bg-input.png) repeat-x left top;
}

#contact textarea {
	height:128px;
	width:197px;
	padding:5px 1px 0 0;
}

#contact input:focus, #contact textarea:focus {
outline:0;
border-color:#52a8ec;
border-color:rgba(82,168,236,0.8);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

#contact input.placeholder, #contact textarea.placeholder {
font-style:italic;
color:#c4c4c4;
}

#contact input.error, #contact textarea.error {
border-color:#b94a48;
}

#contact input.error:focus, #contact textarea.error:focus {
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(185,74,72,0.6);
}

#contact .formContainer {
float:left;
width:720px;
}

#contact .formContainer>p {
margin:0;
padding:0 0 21px;
font-size:14px;
line-height:18px;
color:#747474;
}

#contact .formContainer p.subText {
clear:both;
position:relative;
top:-8px;
margin:0;
padding:0 10px;
font-size:11px;
line-height:15px;
color:#c4c4c4;
}

#contact .formContainer p.subText span {
color:#ff8f00;
}

#contact form {
}

#contact form div.info > div.first {
	margin-left:0;
}

#contact form div.info > div.last {
	margin-right:0;
}

#contact form div.info div > div {
float:left;
margin:0 0px 15px;
border-top:1px solid #fbfcfc;
width:80%;
}

#contact form button {
/*float:right;*/
margin-top:-6px;
margin-right:10px;
}

#contact .required {
position:relative;
}

#contact .required span {
left:7px;
top:7px;
position:absolute;
font-size:14px;
color:#ff8f00;
}

#contact .required input,#contact .required textarea {
width:100%;
padding-left:13px;
}

#contact p.errorMsg {
float:right;
font-size:12px;
margin-right:10px;
margin-top:4px;
margin-bottom:0;
color:#b94a48;
line-height:16px;
}

#contact .email {
float:left;
font-size:14px;
line-height:18px;
color:#747474;
}

#contact .email a {
color:#0ae;
text-decoration:none;
}

#contact .email a:hover,#contact .email a:focus {
text-decoration:underline;
color:#0073a2;
}

#contact .email p {
margin:0;
padding:0 0 10px;
}

#contact #thanks {
display:none;
position:absolute;
left:0;
top:2px;
right:0;
bottom:0;
background:urlbackground-thanks-repeat.png) left top repeat;
}

#contact #thanks.active {
display:block;
}

#contact #thanks .container {
text-align:center;
}

#contact #thanks h3 {
display:block;
overflow:hidden;
font:a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
margin:58px auto 0;
width:456px;
height:132px;
background:urltext-thanks.png) left top no-repeat;
}

#contact #thanks a {
font-size:16px;
font-weight:700;
color:#0ae;
text-decoration:none;
}

#contact #thanks a:hover,#contact #thanks a:focus {
color:#0073a2;
text-decoration:underline;
}
#errors, #error, #success {
	display:none;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#portfolioBox h3 {
			text-align:left;
		}
		.slide-panel{
			position: relative;
		}
		.panel-wrap .toggle{
			display: none;
		}
		.menu-list,.filter{display: none;}
		.sub-menu{opacity: 1;display:inline-block;}
		.slider-container h4{
			font-size: 16px;
			margin-bottom: 18px;
			line-height: 16px;

		}
		.slider-container{
			right: 20px;
			/*background: none;
			border-top: none;*/
		}
		#para1, #para2, #para3, #para4, #para5, #para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			height:200px;
		}
		.message p {
			font-size:50px !important;
			padding-top:50px !important;
		}
		
		.message p small {
			font-size:15px !important;
		}
		.tp-leftarrow.large {
			background:url("../assets/small_left.png") no-repeat scroll left top transparent;
		}
		.tp-rightarrow.large {
			background:url("../assets/small_right.png") no-repeat scroll left top transparent;
		}
		#para11, #para12 {
			background-size:auto 100%;
		}
		#para21, #para31, #para41, #para22 {
			background-size:200% auto;
		}
		#para32, #para51, #para42, #para52 {
			background-size:0% 0%;
		}
		.title-bar h1 {
			font-size:30px;
			text-align:center;
			margin:0 0 10px;
			border:0px solid !important;
			width:100%;
			padding:0;
			line-height:30px;
		}
		.title-bar span {
			display:block;
			width:100%;
			text-align:center;
		}
		/*.slider-container p{
			font-size: 12px;

		}
		.slider-container a.load-item,.slider-container a#prevslide,.slider-container a#nextslide{
			width:0;

		}
*/
		.tweet li{
			position: relative;
			padding-top: 200px;
			height: 500px;
			font-size: 18px;
			text-align: center;
			line-height: 24px;
			font-weight: 600;
		}
		.message p{
			padding-top:200px;
			font-size: 18px;
			line-height: 24px;
		}

		.map-wrap .mobile-fix{
			background-color: !transparent;
			position: absolute;
			width: 100%;
			height: 324px;
			top:0;
			left:0;
		}

		#para1, #para2,#para3, #para4, #para5{
			/*background-size: 300% auto;
			background-position:50% 50%;*/

		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			background-size:0% 0%;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 319px) {

	}

	@media only screen and (max-height: 480px) {
		.super p {
			display:none;
		}
	}
/*
	@media only screen and (max-height: 960px) {
		#para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			background-size:0% 0%;
		}
	}
	@media only screen and (max-height: 860px) {
		#para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			background-size:auto 100%;
		}
	}
	@media only screen and (max-height: 768px) {
		#para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			background-size:auto 100%;
		}
	}
	@media only screen and (max-height: 480px) {
		#para11, #para21, #para31, #para41, #para51, #para12, #para22, #para32, #para42, #para52 {
			background-size:auto 100%;
		}
	}
*/

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }*/
	    
.training {
  background-color: #eee;
  padding-bottom: 40px;
}