@charset "utf-8";


p {
	font-size: 24px;
	color: #FFF;
	margin: 15px 0 0 0;
}
#danny {
	background-image: url(../images/slide2/DANNY.png);
	background-repeat: no-repeat;
	height: 194px;
	width: 582px;
	float:right;
	text-align:left;
	padding-top:515px;
}
form{
	
	text-align:left;}
	
	
	
#slide2 .wrapper3 h1 {
	font-size: 41px;
	color: #1e5b54;
	margin-bottom: 15px;
	line-height: 55px;
	text-align:left;
}
#slide2 .wrapper3 .item p {
	
}
.offer {
	background-repeat: no-repeat;
	height: 150px;
	width: 365px;
	background-image: url(../images/offer.png);
	overflow: hidden;
	margin-top: -25px;
	padding-top: 325px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 605px;
}
/* CSS Document */

#socail {
	float: right;
	height: 65px;
	width: 400px;
	z-index: 100;
	left: 90%;		
}

#socail p {
	font-family: 'socialicoregular';
    src: url('socialico-webfont.eot');
    src: url('socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('socialico-webfont.woff') format('woff'),
         url('socialico-webfont.ttf') format('truetype'),
         url('socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size: 10px;
	color: #FFF;
}


@font-face {
    font-family: 'socialicoregular';
    src: url('socialico-webfont.eot');
    src: url('socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('socialico-webfont.woff') format('woff'),
         url('socialico-webfont.ttf') format('truetype'),
         url('socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_widenormal';
    src: url('font/novecentowide-normal-webfont.eot');
    src: url('font/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/novecentowide-normal-webfont.woff') format('woff'),
         url('font/novecentowide-normal-webfont.ttf') format('truetype'),
         url('font/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoRegular';
    src: url('font/Arvo-Regular___-webfont.eot');
    src: url('font/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Arvo-Regular-webfont.woff') format('woff'),
         url('font/Arvo-Regular-webfont.ttf') format('truetype'),
         url('font/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
    font-family: 'BebasRegular';
	width:100%;
	height:100%;
}

h1{
	font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
	text-transform: uppercase;
	color: #666;
	font-size:75px;
	text-align: center;
	margin-bottom:0;	
	
	}
	
h3{
	font-family: 'BebasRegular';
	font-style: normal;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #ffffff;
	font-size:30px;
	text-align: center;
	margin-bottom:0;
	margin-top:25px;
	text-align:center;
	margin:0;	
	
	}
	
h4{
	font-family: 'novecento_widenormal';
    src: url('font/novecentowide-normal-webfont.eot');
    src: url('font/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/novecentowide-normal-webfont.woff') format('woff'),
         url('font/novecentowide-normal-webfont.ttf') format('truetype'),
         url('font/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #6b9793;
	font-size:32px;
	line-height:42px;
	text-align: center;
	margin-bottom:0;
	margin-top:12px;
	text-align:center;
	margin:0;	
	
	}
	
	
.light{
	
	color:#333
	
	
	}
	
	
.white{
	color: #ffffff;
	margin-top: 75px;
	word-spacing: 5px;	
	
	}
	
.white2{
	color: #ffffff;
	margin-top: 25px;
	word-spacing: 1em;	
	}


	
p{
	font-family: ArvoRegular;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-style: normal;
	color: #666;
	font-size: 11px;
	line-height: 17px;
	text-align:left;
	}
	
hr{
	margin:-50px 0 25px 0;}

.navigation{
	position: fixed;
	z-index: 2000;
	top: 92%;
	left:20%;
	margin: 0 auto;
	padding:15px;
	height:110px;
	background-image: url(../nav_bg.png);
	background-repeat: repeat;

}
.navigation li{
	color: #ffffff;
	font-family: 'BebasRegular';
	display: inline-block;
	line-height: 50px;
	font-weight: regular;
	-webkit-transition: all .2s ease-in-out;
	text-align: center;
	height: 110px;
	padding:0 10px 0 10px;
	font-size: 20px;
	margin: 0 10px 0 10px;
}
.navigation li:hover{
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
	height:125px;
	background-color: #000;
	
}
.envatologo{
	position: fixed;
	width: 275px;
	z-index: 2000;
	height: 275px;
	margin-top: -75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:left;
}
#envatologo{
	position: fixed;
	width: 100px;
	z-index: 2000;
	height: 100px;
	margin-top: -10px;
	left:0;
	text-align: left;
}


/*#logo {
	height: 275px;
	width: 350px;
	margin-top: -575px;
	margin-right: auto;
	margin-left: auto;
	border: medium dotted #0F0;
	background-image: url(../images/logo.png);
	background-position: center;	
}*/

.slide{
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3);
	background-color: #000000;
	background-repeat: no-repeat;
	text-align:left;
	
}
.wrapper2{
	width: 970px;
	height: 622px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#cs {
	float: left;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3);
	background-color: #900;
	padding: 5%;
}

.clear{
	clear: both;
	height: 1px;
	width: 1px;
}
.wrapper1{
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 300px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.wrapper10{
	width: 100%;
	height: 1433px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.wrapper7{
	width: 100%;
	height: 50%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 125px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.wrapper3{
	width: 970px;
	height: 400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 55px;
	text-align:left;
	
}
#left {
	background-image: url(../images/slide2/Creativeservices.png);
	height: 622px;
	width: 634px;
	float: left;
}
#right {
	background-color: #ed1c24;
	height: 250px;
	width: 970px;
	float: left;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #333;
}
.item {
	background-image: url(../images/slide2/webdesign.png);
	float: left;
	height: 175px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 180px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 55px;
	margin-top: 40px;
}
#price {
	background-image: url(images/slide2/price.png);
	height: 179px;
	width: 250px;
}
.item2 {
	background-image: url(../images/slide2/photography.png);
	float: left;
	height: 175px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 180px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 40px;
}
.item3 {
	background-image: url(../images/slide2/print.png);
	float: left;
	height: 175px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 180px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 40px;
}
.item4{
	background-image: url(../images/slide2/brand.png);
	float: left;
	height: 175px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 180px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 40px;
}


.item6 {
	background-image: url(../HOME_ICONS_facebook.png);
	float: left;
	height: 50px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 155px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 55px;
	margin-top: 40px;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.item7 {
	background-image: url(../HOME_ICONS_mail.png);
	float: left;
	height: 50px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 155px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 55px;
	margin-top: 40px;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.item8 {
	background-image: url(../HOME_ICONS_linkedin.png);
	float: left;
	height: 50px;
	width: 184px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 155px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 55px;
	margin-top: 40px;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.item7:hover{
	
	

opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.item5:hover{
	
	

opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.item6:hover{
	
	

opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
	
	
	


.clear {
	clear: both;
}
#slide2 .wrapper3 h2 {
	color: #666;
	margin-top: -20px;
	margin-bottom:5px;
	font-style: normal;
	font-weight: normal;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	
	float: left;
	height: 295px;
	width: 174px;
	overflow: hidden;
	background-position: center top;
	text-align: center;
	background-repeat: no-repeat;
	padding:10px;
	margin-left: 55px;
	margin-top: 40px;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	
}
.button:hover{
	
	cursor:pointer;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}



/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-color: #000000;
	background-image: url(../images/slide1bg.jpg);
	background-repeat: no-repeat;
	margin-top: -25px;	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
*/
}


/******************************
 SLIDE 2 
*******************************/
#slide2{
		
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-background-size: cover;*/
	background-attachment: fixed;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-image: url(../images/slide2/slide2_background2.png);*/
	height:100% ;
}

/******************************
 SLIDE 3 
*******************************/
#slide3{
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-background-size: cover;*/
	background-color: #ffffff;
	/*background-image: url(../images/slide3/about_background.jpg);*/
	background-repeat: no-repeat;
	height: 100%;
	background-attachment: fixed;	
}
#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
	background-color: #ffffff;
	background-repeat: no-repeat;
	overflow: hidden;
	height:1500px;
	padding: 15px;
	z-index: 1;

}

.CS {
	float: left;
	height: 622px;
	width: 636px;
	background-image: url(../images/slide2/Creativeservices.png);
}

/******************************
 SLIDE 5 
*******************************/
#slide5{
	background-color: #ffffff;
	background-repeat: no-repeat;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-image: url(../images/Slide4/course3.jpg);
	height: 1025px;
}
/********************************
Coda Slider
*********************************/
.wrapper4{
	height: 400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #00a79d;
	border: 1px solid #036d63;	
}
.wrap #slider-id div {
	background-repeat: no-repeat;
	height: 400px;
	width: 910px;
	
}
.quotes {
	background-image: url(../images/slide2/quotes.png);
	height: 200px;
	width: 970px;
}

.wrapper5{
	height: 950px;
	margin-top: 55px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #036d63;	
}
.wrapper6{
	height: 950px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../HOME_ICONS_facebook.png);
	 
  	
}


#state {
	background-image: url(../images/slide2/NC.png);
	background-repeat: no-repeat;
	float: left;
	height: 155px;
	width: 350px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #FFF;
	margin: 0 25px 0 0;	
}

#responsive {
	background-repeat: no-repeat;
	float: left;
	height: 242px;
	width: 521px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #FFF;
	margin: 0 25px 0 0;
	background-image: url(../images/slide2/responsive.png);
}


#service {
	width: 1200px;
	height: 700px;
}
#image1 {
	height: 622px;
	width: 636px;
	background-image: url(../images/slide2/Creativeservices.png);
	float:left;
}
.wrap {
	height: 100%;
	width: 90%;
	margin: 0 auto;

	
}
.workwrap {
	height: 100%;
	width: 90%;
	padding: 0px 0 25px 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#me {
	background-image: url(../me.png);
	float: left;
	height: 700px;
	width: 465px;
}

#respon {
	height: 400px;
	width: 970px;
	background-image: url(../images/slide2/aboutslide1.png);
	

}
#stats {
	background-image: url(../images/slide5/BELKSTATS.png);
	height: 1433px;
	width: 910px;
}



#burger {
	height: 400px;
	width: 970px;
	background-image: url(../images/slide2/aboutslide2.png);	

}

#seo{
	height: 400px;
	width: 970px;
	background-image: url(../images/slide2/aboutslide4.png);	
}

/*________________portfolio SLIDES___________________*/
#fp_made {
	height: 703px;
	width: 970px;
	background-image: url(../images/slide3/fP_MADE.png);
	background-repeat: no-repeat;	
	

}

#fpsipstroll {
	height: 703px;
	width: 970px;
	background-repeat: no-repeat;
	background-image: url(../images/slide3/fP_sip&strollcs_b.png);	

}
h1 a {
	font-size: 27px;
	color: #ffffff;
	margin-top: -20px;
	margin-bottom:5px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#dockery {
	height: 1000px;
	width: 970px;
	background-repeat: no-repeat;
	background-image: url(../images/slide3/fP_Dockerycs_C.png);	

}

#targ1 {
	height: 703px;
	width: 970px;
	background-repeat: no-repeat;
	background-image: url(../images/slide2/fP_targetd_1_cs_.png);
}

#social{
	height: 400px;
	width: 970px;
	background-image: url(../images/slide2/aboutslide3.png);
}

#targ2 {
	height: 800px;
	width: 970px;
	background-repeat: no-repeat;
	background-image: url(../images/slide2/fP_targetd2_cs_.png);
}

#targ3 {
	height: 800px;
	width: 970px;
	background-repeat: no-repeat;
	background-image: url(../images/slide2/fP_targetd4_cs_.png);
}

#targ4 {
	height: 894px;
	width: 910px;
	background-repeat: no-repeat;
	background-image: url(../images/slide2/fP_targetd3_cs_.png);
}

#targ5 {
	height: 894px;
	width: 910px;
	background-repeat: no-repeat;
	background-image: url(../images/slide2/fP_targetd_cs5_.png);
}
.form {
}
#slide3 .wrapper3 #david {
	background-image: url(../images/slide3/DAVID_VIDEO.jpg);
	height: 338px;
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	border: 1px solid #999;
}
#golfers {
	height: 436px;
	width: 970px;
	margin-top: 40px;
	border: 1px solid #999;
}
#gravity {
	float: left;
	height: 436px;
	width: 323px;
	background-image: url(../images/slide3/-weareGravity.jpg);
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-repeat: no-repeat;
}

 #drills {
	background-image: url(../images/slide3/drills_gel.jpg);
	float: left;
	height: 217px;
	width: 213px;
}

 #drills:hover {
	background-image: url(../images/slide3/drills_gel_hover.jpg);
	float: left;
	height: 217px;
	width: 213px;
	-webkit-transition: opacity 1s ease 1s;
	-moz-transition: opacity 1s ease 1s;
	-ms-transition: opacity 1s ease 1s;
	-o-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;
}
 #mcllroy {
	background-image: url(../images/slide3/mcllroy_gel.jpg);
	float: left;
	height: 217px;
	width: 210px;
}
#blog {
	background-image: url(../images/slide3/blog_gel.jpg);
	float: left;
	height: 217px;
	width: 214px;
}

 #blog:hover{
	background-image: url(../images/slide3/blog_gel_hover.jpg);
	-webkit-transition: opacity 1s ease 1s;
	-moz-transition: opacity 1s ease 1s;
	-ms-transition: opacity 1s ease 1s;
	-o-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;	
}


#nicklaus {
	background-image: url(../images/slide3/nicklaus_gel.jpg);
	height: 219px;
	width: 333px;
    float: left;
}
#dvd {
	background-image: url(../images/slide3/dvd_gel.jpg);
	height: 219px;
	width: 210px;
 	float: left;
}
#couples {
	height: 219px;
	width: 213px;
	background-image: url(../images/slide3/couples_gel.jpg);
	float: left;
}
#anika {
	background-image: url(../images/slide3/annika_gel.jpg);
	float: left;
	height: 219px;
	width: 213px;
}


/*____________________________defualt slider styles_______________________________*/
.main,
.container > header {
	width: 970px;
	max-width: 70em;
	margin: 50px auto;
	padding:0;
}
#day {
	
	float: left;
	height: 508px;
	width: 440px;
	background-image: url(../images/Slide4/01-Gel.jpg);
	background-repeat: no-repeat;
	margin:-155px 0 0 0;
}



.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}
#YEP {
	background-color: #F00;
	height: 100px;
	width: 345px;
	background-image: url(../images/slide5/VIDEOS_HEADER_danny.jpg);
	background-repeat: no-repeat;
	padding:250px 0 0 625px;
	margin: -150px 0 0 0;
	border: 1px solid #FFF;
}
#videos {
	height: 436px;
	width: 971px;
	margin-top: 55px;
	
}
#days {
	height: 508px;
	width: 970px;
	margin-top: 55px;
}
#1stday {
	background-color: #0F0;
	height: 337px;
	width: 970px;
}
#d1 {
	background-image: url(../images/Slide4/01-Gel.jpg);
	height: 385px;
	width: 440px;
	float: left;
	padding-top: 123px;
}

#schedules {
	
	padding: 20px;
	width: 420px;
	float: left; 
}
#breakfast {
	background-image: url(../images/Slide4/Breakfest_01.jpg);
	float: left;
	height: 257px;
	width: 263px;
}
#meeting {
	background-image: url(../images/Slide4/Meet.jpg);
	float: left;
	height: 257px;
	width: 266px;
}
#schedules h1 {
	font-size: 24px;
	color: #999;
	text-align: left;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 10px;
	width:50px;
}
------------swipper css------------

.center {
	width:910px;
	margin:0 auto;
	position: relative;
}
.main {
	width: 100%;
	margin: 0 auto;
	background: #F00;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.home-device {
	width:910px;
	height:750px;
	padding:70px 30px;
	margin:100px auto 0 auto;
	position:relative;
	border-color:#0F0;
	
}

.home-device2 {
	width: 910px;
	height: 508px;
	padding: 30px 40px;
	margin: 125px auto 0 auto;
	position: relative;
	
	/*border-color:#0F0;
	background-color:#099;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */*/
; 	background-image: url(../images/Slide4/danny.png);
	background-repeat: no-repeat;
}
.home-device .arrow-left {
	background:url(../img/arrows.png) no-repeat left top;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-15px;
	width:17px;
	height:30px;
	background-color:#000;
}
.home-device2 .arrow-left {
	background:url(../img/arrows.png) no-repeat left top;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-15px;
	width:17px;
	height:30px;
	background-color:#000;
}
.home-device .arrow-right {
	background:url(../img/arrows.png) no-repeat left bottom;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
	width:17px;
	height:30px;
	background-color:#000;
	cursor:pointer;
	
}
.home-device2 .arrow-right {
	background:url(../img/arrows.png) no-repeat left bottom;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
	width:17px;
	height:30px;
	background-color:#000;
	cursor:pointer;
	
}
.swiper-main {
	width: 910px;
	height: 100%;
	position: relative;
}
.sm-shadow {
	position: absolute;
	bottom: -15px;
	width: 606px;
	height: 38px;
	left: 17px;
	background: url(../img/shadow.png);
}
/*.sm-free {
	width: 105px;
	height: 61px;
	background: url(../img/free.png);
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 2;
}*/
.swiper1, .swiper1 .swiper-slide{
	width: 910px;
	height: 1000px;
}
.swiper2, .swiper2 .swiper-slide{
	width: 910px;
	height: 1000px;
}
.pagination1 {
	text-align: center;
	margin-top: 5px;
}

.pagination2 {
	text-align: center;
	margin-top: 5px;
}
.content-slide {
	background: #fff;
	width:909px;
	height:1000px;
	
	
}

.content-slide-h {
	width: 373px;
	height: 186px;
	background-color: #fff;
	background-image: url(../images/slide5/SHCEDULE_HEADER.jpg);
	background-repeat: no-repeat;
	padding-left:563px;	
	
}

.content-slide-h2 {
	width: 373px;
	height: 186px;
	background-color: #fff;
	background-image: url(../images/slide5/NEWSCHED2.jpg);
	background-repeat: no-repeat;
	padding-left: 563px;	
}

.content-slide-h3 {
	width: 373px;
	height: 186px;
	background-color: #fff;
	background-image: url(../images/slide5/NEWSCHED3.jpg);
	background-repeat: no-repeat;
	padding-left: 563px;
}
.cs-1, .cs-2 {
	float: left;
	width:283px;
	padding: 10px 10px 0 10px;
	height: 312px;

	
}
.cs-1 {
	background: #c7f1ed;
	color: #fff;
}
.cs-2 {
	background: #96d5cf;
	color: #fff;
}

.cs-3 {
	background: #ad2e4c;
	color: #fff;
}
/* Pagination */
.pagination1 .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 3px;
	cursor: pointer;
}
.pagination2 .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 3px;
	cursor: pointer;
}
.pagination1 .swiper-active-switch {
	background: #fff;2f9933
}
.pagination2 .swiper-active-switch {
	background: #fff;2f9933
}

.sw-title {
	padding: 5px 20px;
	font-size: 41px;
	margin: 50px 0 20px;
	font-family: 'Lato', sans-serif;
	line-height: 50px;
	color: #222;
	font-weight: 300;
	border-bottom: 1px solid #555;
}
.sw-content {
	background: #fff;
	border-radius: 5px;
}
.demo-title {
	margin-bottom: 5px;
	text-align: center;
	font-size: 31px;
	font-family: "Lato", Arial, Helvetica;
	font-weight: 300;
	line-height: 35px;
	margin: 50px 0 20px;
}




/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
#slide1 .wrapper1 .wrap h3 {
	font-size: 14px;
	color: #FFF;
	margin-bottom: -25px;
}
#slider-id div p {
	font-family: 'novecento_widenormal';
	font-size: 12px;
	color: #FFF;
}

p{
	font-size:14px;
	
	}