/*
Theme Name:		GWD 5Spot
Theme URI: 		https://www.golfwebdesign.com/
Version: 		5.0
Description: 	GWD built for 2012.
Author: 		Golf Web Design
Author URI:		https://www.golfwebdesign.com

Copyright 2012 Golf Web Design.

*/

@font-face {
  font-family: 'social-icon-font';
  src: url('library/fonts/social-icon-font.eot');
  src: url('library/fonts/social-icon-font.eot?#iefix') format('embedded-opentype'), url('library/fonts/social-icon-font.woff') format('woff'), url('library/fonts/social-icon-font.ttf') format('truetype'), url('library/fonts/social-icon-font.svg#social-icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
.social-smugmug:before,
.social-smugmug-square:before,
.social-smugmug-round:before,
.social-dribbble:before,
.social-dribbble-square:before,
.social-dribbble-round:before,
.social-youtube:before,
.social-youtube-square:before,
.social-youtube-round:before,
.social-vimeo:before,
.social-vimeo-square:before,
.social-vimeo-round:before,
.social-twitter:before,
.social-twitter-square:before,
.social-twitter-round:before,
.social-tumblr:before,
.social-tumblr-square:before,
.social-tumblr-round:before,
.social-pinterest:before,
.social-pinterest-square:before,
.social-pinterest-round:before,
.social-linkedin:before,
.social-linkedin-square:before,
.social-linkedin-round:before,
.social-instagram:before,
.social-instagram-square:before,
.social-instagram-round:before,
.social-google:before,
.social-google-square:before,
.social-google-round:before,
.social-foursquare:before,
.social-foursquare-square:before,
.social-foursquare-round:before,
.social-flickr:before,
.social-flickr-square:before,
.social-flickr-round:before,
.social-facebook:before,
.social-facebook-square:before,
.social-facebook-round:before,
.social-fivehundredpix:before,
.social-fivehundredpix-square:before,
.social-fivehundredpix-round:before,
.social-stumbleupon:before,
.social-stumbleupon-square:before,
.social-stumbleupon-round:before,
.social-blogger:before,
.social-blogger-square:before,
.social-blogger-round:before,
.social-reddit:before,
.social-reddit-square:before,
.social-reddit-round:before,
.social-share:before,
.social-heart:before,
.social-heart-outline:before,
.social-email:before,
.social-email-square:before,
.social-email-round:before,
.social-github:before,
.social-github-square:before,
.social-github-round:before {
  font-family: 'social-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.social-youtube:before {
  content: "\e006";
}
.social-icon-style-square .social-youtube:before {
  content: "\e007";
}
.social-icon-style-round .social-youtube:before {
  content: "\e008";
}
.social-vimeo:before {
  content: "\e009";
}
.social-icon-style-square .social-vimeo:before {
  content: "\e00a";
}
.social-icon-style-round .social-vimeo:before {
  content: "\e00b";
}
.social-twitter:before {
  content: "\e00c";
}
.social-icon-style-square .social-twitter:before {
  content: "\e00d";
}
.social-icon-style-round .social-twitter:before {
  content: "\e00e";
}
.social-tumblr:before {
  content: "\e00f";
}
.social-icon-style-square .social-tumblr:before {
  content: "\e010";
}
.social-icon-style-round .social-tumblr:before {
  content: "\e011";
}
.social-pinterest:before {
  content: "\e012";
}
.social-icon-style-square .social-pinterest:before {
  content: "\e013";
}
.social-icon-style-round .social-pinterest:before {
  content: "\e014";
}
.social-linkedin:before {
  content: "\e015";
}
.social-icon-style-square .social-linkedin:before {
  content: "\e016";
}
.social-icon-style-round .social-linkedin:before {
  content: "\e017";
}
.social-instagram:before {
  content: "\e018";
}
.social-icon-style-square .social-instagram:before {
  content: "\e019";
}
.social-icon-style-round .social-instagram:before {
  content: "\e01a";
}
.social-google:before {
  content: "\e01b";
}
.social-icon-style-square .social-google:before {
  content: "\e01c";
}
.social-icon-style-round .social-google:before {
  content: "\e01d";
}
.social-facebook:before {
  content: "\e024";
}
.social-icon-style-square .social-facebook:before {
  content: "\e025";
}
.social-icon-style-round .social-facebook:before {
  content: "\e026";
}
.social-share:before {
  content: "\e033";
}
.social-heart:before {
  content: "\e034";
}
.social-heart-outline:before {
  content: "\e035";
}
.social-email:before {
  content: "\e036";
}
.social-icon-style-square .social-email:before {
  content: "\e037";
}
.social-icon-style-round .social-email:before {
  content: "\e038";
}
.social-github:before {
  content: "\e039";
}
/* =============================================================================
   Global
   ========================================================================== */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
body { font-family: 'Roboto Condensed', Helvetica Neue, Helvetica, Arial, Sans-serif; background-color: #fff; font-size: 1.2em; line-height: 1.5em; color: #666; font-weight: 300; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #222; }
a:focus {outline: none; }
.clear { clear: both; }

.alignleft { float: left; margin: 0px 20px 20px 0px; }
.alignright { float: right; margin: 0px 0px 20px 20px; }
.aligncenter { display: block; margin: 0px auto 20px; }
#wrapper { padding-top: 0px; }  
   .home #wrapper { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 51; }

/* =============================================================================
   Header
   ========================================================================== */
.header { position: relative; width: 100%; z-index: 100; height: 90px; background: url('library/images/dark_brick_wall.png') repeat scroll 0 0 transparent; } 
.logo { float: left; margin-top: 28px; }
.logo-swap { float: left; margin-top: 28px; width:248px; height: 36px; }
.logo-swap a { text-indent: -9999px; display: block; width:248px; height: 36px; background: url('library/images/gwd-home-logo.png') no-repeat top center; }
	.white .logo-swap a { background-position: top center; }

.nav-wrap { padding-top:24px; }
.nav { list-style: none; float: right; margin: 0px; padding: 0px;  }
.nav li { list-style: none; float: left; }
.nav li a { display: block; padding: 10px 35px; font-size: 15px; color: #fff; }

.mobile-header { margin-top: 10px; }
.mobile-header h2 { text-align: center; }

ul#nav { display: none; }
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

#home-slideshow { overflow:hidden; position:relative; width:100%; height: 574px; z-index: 5; }
.video-home { margin: 30px auto 0px; display: block; background: url("library/images/video-shadow.png") no-repeat scroll center 495px transparent; padding-bottom: 29px; background-color: none; }
.lt-ie9 .video-home { background: none; padding: 0px; margin-bottom: 23px; }

/*============ GWD 5s =============*/
.bigimage { width: 100%; height: 500px; background: url('library/images/wood-wall.jpg') no-repeat center center; background-size: cover; text-align: center; }
.bigimage .span10 { padding-top: 70px; }
h1.pow { font-size: 65px; font-weight: 400; margin: 0 0 50px 0; color: #fff; line-height: 1; text-shadow: 1px 1px 2px #000; }
.action { text-align: center; color: #fff; font-size: 1.4em; text-shadow: 1px 1px 2px #000; }
.btn-flat { display:inline-block;*display:inline;*zoom:1; padding: 10px 20px; background-color: #e5ee13; color:#333; font-weight: 400; font-size: 0.8em; text-shadow: none; }
.btn-flat:hover { background-color:#c7ce1b; color: #333; }

/* =============================================================================
   Sidebar Styles
   ========================================================================== */
#sidebar-links { position: static; width:280px; }
.sticky #sidebar-links { position: fixed; top:50px; }
.notsticky.sticky #sidebar-links { position: static; }
ul.sticky-links, ul.cats { list-style: none; margin: 0px; padding: 0px; }
ul.sticky-links li { margin: 0px; padding: 0px; width:100%; padding: 4px 0px; border-bottom: 1px solid #ccc; }
ul.sticky-links li a { display: block; font-size: 18px; padding: 14px 9px; color: #666;
	background: transparent;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
}
ul.sticky-links li a:hover { background: #eaeaea; }
ul.sticky-links li a.current { background: #eaeaea; }

ul.cats { margin-top: 50px; background-color: #f5f5f5; border-radius: 8px; } 
ul.cats li { list-style: none;  }
ul.cats li a { display: block; padding: 4px 5px 4px 35px; height: 28px; line-height: 28px; color: #333; }
ul.cats li a:hover { background-color: #ccc; color: #fff; }

   
/* =============================================================================
   Main Content
   ========================================================================== */
.subnav { margin-bottom: 30px; font-size: .92em; background-color: #eee; }
.subnav.subnav-fixed { position: fixed; top:0px; left: 0px; width: 100%; z-index: 1000; overflow: hidden; height: 50px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
.ultest { margin: 0px; padding: 0px; list-style: none; display: block; overflow: hidden; height: 50px; }
.ultest li { margin: 0px 0px 0px 0px; float: left; line-height: 50px; padding: 0px; width:14.28%; text-align: center; }
.ultest li a { display: block; height: 50px; line-height: 50px; padding: 0px 0px; color: #888; }
.ultest li a:hover { color:#9bc73c; }
	.subnav.subnav-fixed .ultest li a { color: #fff; }
.ultest li a.link-active { color:#9bc73c; }
	.subnav.subnav-fixed .ultest li a.link-active { color:#9bc73c; background-color: #444; }
	.subnav.subnav-fixed .ultest li a:hover { color:#9bc73c; }
	
body.page-template-template-pros .ultest li { width: 16.6%; }

h1.bigbold { color: #BBBBBB; font-size: 10em; line-height: 1; margin: 0; text-align: center; text-transform: uppercase; }

.hentry.post { margin-bottom: 30px; }
.blog-image { background:url("library/images/portfolio_gallery_frame.gif") no-repeat scroll 0 -5px transparent; display:block; height:180px; position:relative; width:288px; float:left; margin:0px 25px 0px 0px; }
.blog-image img{background:none repeat scroll 0 0 #F5F5F5; border:1px solid #FFF; height:151px; left:1px; padding:4px; position:absolute; top:9px; width:276px; }
.entry-excerpt { padding-top: 10px; }
.text-right { text-align: right; }

.blogpicture { margin: 10px 0px 20px; }
.blogpicture img { display: block; margin: 0px auto; }

.twitter-share-button { height: 38px !important; }
 
.strike { text-align: center; background: url("library/images/strike.png") repeat-x scroll left 2px transparent; margin: .7em 0; }
.strike h2 { background: #fff; display: inline; padding:0px 15px; }

article section.section-active { padding-top: 70px; }
article section { padding-top: 70px; }
article section#courseblock1 { padding-top: 10px; }

.bottom20 { margin-top: 30px; margin-bottom:20px; }

/* === Homepage === */
.hometag {border-top: 1px solid #CCCCCC; text-transform: capitalize; font-size: 18px; color: #BBBBBB; font-weight:normal; text-align:center; padding:10px 0px 40px 0px;}
.quote { position: relative; background: transparent !important; padding: 10px; } 
.quote-text { background: #E4E4E4; padding: 15px; position: relative;  -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; display: block; font-size: 1.2em; line-height: 1.5em; font-family: Georgia, serif; font-style: italic; color: #555; } 
.quote-text:after {content: '\25E4';  color: #E4E4E4;  display: block;  position: absolute;  left: 128px;  bottom: -20px;  font-size: 40px; }
.quote-author { margin-left: 15px; padding: 35px 0 5px 120px; position: relative; display: block; } 
.quote-author img { top: 20px; position: absolute; left: 0px; }

.quote.pull-right { float: right; margin-left: 20px; }
.quote.pull-right.half { width:45%; }

.articlequote { float: right; padding: 15px; background-color: #ccc; width:20%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.bottom-shadow {  background: url("library/images/top-shadow.png") no-repeat scroll center top transparent; height: 14px; width: 100%; z-index: 50; }

/* == Contact Page == */
.contact-page { margin-top: 50px; }
.contact-page .gfield_label { display: none !important; }
/* == IE Fix (browser that don't support placeholder text) == */
	.no-placeholder .contact-page .gfield_label { display: inline !important; }

.wordleft { text-align:right;color: #999999; line-height: 40px; height:40px; }
.wordright { font-size: 1.5em;line-height: 40px; height:40px; }
.contact-page .gform_body { margin-top: 20px; }

#colorbox_content .gform_wrapper .top_label .gfield_label { display: none !important; }
#colorbox_content .gform_wrapper .top_label input.medium, #colorbox_content .gform_wrapper .top_label select.medium { width: 100% !important; }
#colorbox_content .gform_wrapper ul li.gfield { padding-left: 3% !important; padding-right: 3% !important; }
#colorbox_content .button { display: block; margin: 0px auto; width:100px; height: 40px; }

/* == Blog == */
h2.entry-title, h2.entry-title a { color: #333; }
h2.entry-title a:hover { color: #666; }
h1.post-title { color: #333; }

/* === Comments === */
#respond { border-top: 1px solid #ccc; margin-top: 15px; }
h3#reply-title { margin: 20px 0px 10px; }
p.form-author { width:32%; margin-right: 2%; float: left; display: block; }
p.form-email { width:32%; margin-right: 2%; float: left; display: block; }
p.form-url { width:32%; float: left; display: block; }
p.form-author input, p.form-email input, p.form-url input { width:88%; padding: 0.5em 1em; }
p.form-textarea textarea { width:96.5%; padding: 1em; }

#comments{margin-top:50px}

h3.comments-header { }

.comment-list{margin:0px; padding: 0px;}
.comment-list li{background:url(library/images/comment_bubble.jpg) 0px 15px no-repeat; list-style-image:none; list-style-position:outside; list-style-type:none; padding:20px 0; overflow:hidden; clear:both}
.comment-list li ul li{margin-left:20px}

.author-info { float: left; width:15%; }
	.avatar-wrap { width: 68px; height: 68px; -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; position: relative; border: 8px solid #e8e8e8; margin: 0px auto 5px; }
	.avatar { -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; position: relative; z-index: 1; }
	.comment-meta { font-size: 12px; text-align: center; }

.comment-text{ width:80%; padding: 1em; overflow:hidden; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #c2c2c2; margin-top: 10px;  }
	.children .comment-text { background-color: #d3d3d3; }
	.children li:last-of-type { padding-bottom: 0px; }

.children{ padding:20px 0px 0px 0px; }
	
.cancel-comment-reply a{color:#bbb; font-size:9px; padding-left:2px; text-transform:uppercase; line-height:15px}

.go-top {
	position:fixed;
	right:15px;
	bottom:15px;
	width:50px;
	height:25px;
	padding-top:25px;
	line-height:25px;
	background:#333;
	color:#888;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior:url(../PIE.htc);
}

.go-top:before {
	position:absolute;
	top:11px;
	left:14px;
	content:"";
	border-bottom:11px solid #888;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
}

.go-top:hover {
	color:#eee;
}

.go-top:hover:before {
	border-bottom-color:#eee;
}

/* =============================================================================
   Footer
   ========================================================================== */
.footer { width:100%; clear: both; border-top: 1px solid #ccc; margin-top: 30px; padding: 20px 0px; } 
	.home .footer { margin-top: 0px;  }
ul.footer-links { list-style: none; margin: 0px; padding: 0px; float: left; }
ul.footer-links li { list-style: none; margin: 0px; padding: 0px; float: left; }
ul.footer-links li a { display: block; padding: 5px 10px; }

p.copyright { text-align: right; font-size: .8em; }

.socials a { color: #ccc; text-decoration: none; font-size: 40px; margin-right: 10px; }

/* FlexSlider Default Theme
*********************************/
.flex-wrapper { margin:40px auto; background: url(library/images/computer.png) no-repeat top center; width:515px; height: 338px; padding: 39px 0px 0px 94px; }
.flexslider { width:427px; height:350px; position: relative; zoom: 1;  }
ul.slides { margin: 0px; padding: 0px; list-style: none; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; padding: 0px; margin: 0px; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; margin: 0px !important; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(library/images/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.flex-wrapper-ipad { margin:40px auto 50px; background: url(library/images/ipad-clear.png) no-repeat top center; width: 482px; height: 377px; padding: 43px 0px 0px 54px; }
.flex-wrapper-ipad .flexslider { width:425px; height: 400px; }

.flex-wrapper-iphone { margin:0px auto 50px; background: url(library/images/iphone-clearv2.png) no-repeat top center; width:277px; height: 486px; padding: 114px 0px 0px 37px; }
.flex-wrapper-iphone .flexslider { width:245px; height: 505px; overflow: hidden; }



/* =============================================================================
   GForms
   ========================================================================== */
   
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
	width:99% !important; padding: 1em !important; height: auto;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
	width:50% !important; padding: 1em !important; height: auto;
}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
	width:96% !important; padding: 1em !important; height: auto;
}

.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
	width:96% !important; padding: 1em !important; height: auto;
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { 
	font-size: 1em !important;
}

@media (max-width:767px){
.visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;}
}
@media (min-width:768px) and (max-width:979px){
.visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;}
}

@media (max-width:480px){

	body{padding-left:10px;padding-right:10px;}
	.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;}
	
	.header { position: relative; width: auto; margin-left: -20px; margin-right: -20px; }
	/* Blog Page */
	.blog-image { float: none; margin: 0px auto; }
	.entry-excerpt .btn { display: block; }
	
	.bigimage { height: 380px; }

}

@media (max-width:767px){
	body{padding-left:20px;padding-right:20px;} img { height: auto; } .container{width:auto;} .row,.thumbnails{margin-left:0;} [class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:auto;margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;}
	
	.header { height: 40px; padding: 5px; width:auto; margin: 0px -20px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);  }
	.home .header { position: relative; background: url("library/images/black-linen.png") repeat scroll 0 0 transparent; }
	img.logo { float: right; display: block; margin: 5px 0px; width:200px; }
	.home .span6 { margin-bottom: 20px; }
	
	.bigimage { width: auto; margin: 0 -20px; }
	h1.pow { font-size: 36px; }
	.bigimage .span10 { padding-top: 35px; }
	
	#wrapper { padding-top: 20px; }
	.home #wrapper { margin-top: 0px; }
	
	.alternate-home { text-align: center; border-bottom: 1px solid #ccc; margin-top: 10px; margin-bottom: 20px; }
	
	.nav-wrap { display:none; }
	.btn-navbar { display: block; float: left; margin-top: 6px; }
	 ul#nav { display: none; }
	.open { display: block; }
	#pageslide { width: 200px; } #pageslide #nav { list-style: none; margin: 0px; padding: 0px; }
	#pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #666; }
	#pageslide #nav li a { color: #FFF; border: none; }
	#pageslide #nav li a:hover { text-decoration: underline; }
	
	.blog-image { width:150px; background-image: none; }
	.blog-image img { width:96%; height: auto; }
	.quote { margin-bottom: 20px; }
	
	.alignleft, .alignright { float: none; display: block; margin: 0px auto 10px; }
	
	.subnav { margin: 0px -20px 30px; }
	.subnav.subnav-fixed { margin: 0px; }
	.subnav ul li, body.page-template-template-pros .subnav ul li { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; margin: 0px; width:20%; text-align: center; }
	
	.subnav.subnav-fixed ul li { height: 50px; overflow: hidden; }
	.subnav.subnav-fixed ul li a { display: block; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
	
	
	/*Portfolio */
	.page-template-template-portfolio .span4 { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; text-align: center; }
	
	/* Contact */
	.wordleft, .wordright { text-align: left;  height: 30px; line-height: 30px; }
	.wordright { font-size: 1em; }
	
	p.form-author { float: none; }
	p.form-email { float: none; }
	p.form-url { float: none; }
	
	.socials { text-align: center; }
	.socials a { font-size: 28px; }
	p.copyright { text-align: center; }

}

@media (min-width:768px) and (max-width:979px){
img { height: auto;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} input,textarea,.uneditable-input{margin-left:0;}

.nav li a { padding: 10px 15px; }

.alignleft, .alignright { float: none; display: block; margin: 0px auto 10px; }

.blog-image { width:150px; background-image: none; }
.blog-image img { width:96%; height: auto; }

.page-template-template-courses .span6, .page-template-template-pros .span6 { text-align: center; }
.page-template-template-courses .span6 .alignleft { display: block; float: none; margin: 0px auto 10px; }

.ultest li { width: auto; }
.ultest li a { padding: 0px 26px;}
	
	
	.bigimage { height: 400px; }
	.bigimage .span10 { padding-top: 70px; }
	h1.pow { font-size: 40px; }
	
	#home-slideshow { height:650px;}
	#sequence { height: 550px; }
	
	/* Slide 1 */
	img.macbook { width:500px; }
	.macbook.animate-in { top: 170px; }
	.slide1.animate-in { left:450px; top:240px; }
	
	/* Slide 2 */
	.slide3.animate-in { left:50px; }
	.iphoneh2, .iphoneh3, .iphoneh4 { width: 230px; }
	.iphoneh2.animate-in { left: 370px; }
	.iphoneh3.animate-in { left: 450px; }
	.iphoneh4.animate-in { left: 530px; }
	
	/* Slide 3 */
	.ipadh { width:280px; }
	.ipadh.animate-in { left: 50px; top:150px; }
	.slide2.animate-in { left: 350px; }
	
	/* Slide 4 */
	.iphoneh { width:280px;}
	.intro.animate-in { left: 10px; }
	.iphoneh.animate-in { left: 400px; }
	
	/* Contact */
	.wordleft { font-size: .9em; }
}

@media (min-width:980px) and (max-width:1199px){
	
	/* Slide 1 */
	img.macbook { width:670px; }
	.macbook.animate-in { top: 180px; }
	.slide1.animate-in { left:650px; top:250px; }
	
	/* Slide 2 */
	.slide3.animate-in { left:50px; }
	.iphoneh2.animate-in { left: 450px; }
	.iphoneh3.animate-in { left: 550px; }
	.iphoneh4.animate-in { left: 650px; }
	
	/* Slide 3 */
	.ipadh.animate-in { left: 100px; }
	.slide2.animate-in { left: 600px; }
	
	/* Slide 4 */
	.intro.animate-in { left: 50px; }
	.iphoneh.animate-in { left: 600px; }
}

@media (min-width:1200px){

.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} 

	.bigimage .span10 { padding-top: 110px; }

}