/*
Theme Name: Showfolio
Theme URI: http://themes.vorkshop.com/showfolio

/* #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; }
*/


@font-face {
	 font-family: "LLCircularWeb-Book";
	 src: 	 url("../lineto-circular-book-c.eot");
	 src: 	 url("../lineto-circular-book-c.eot?#iefix") format("embedded-opentype"),
		 url("../lineto-circular-book-c.woff") format("woff"),
		 url("../lineto-circular-book-c.ttf") format("truetype");

	 font-weight: normal;
	 font-style: normal;
	 -webkit-font-smoothing: antialiased;
	 -webkit-text-size-adjust: 100%;

}

@font-face {
	 font-family: "LLCircularWeb-Bold";
	 src: 	 url("../CircularStd-Bold.eot");
	 src: 	 url("../CircularStd-Bold.eot?#iefix") format("embedded-opentype"),
		 url("../CircularStd-Bold.woff") format("woff"),
		 url("../CircularStd-Bold.ttf") format("truetype");

	 font-weight: normal;
	 font-style: normal;
	 -webkit-font-smoothing: antialiased;
	 -webkit-text-size-adjust: 100%;

}



/* CSS Reset (Meyer 2.0) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;font: inherit;	vertical-align: baseline; -webkit-font-smoothing: antialiased}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {	border-collapse: collapse;	border-spacing: 0;} a img{line-height:0;margin:0;padding:0}

strong, a.siteName, .pageTitle {

font-family: "LLCircularWeb-Bold", Helvetica, Arial, sans-serif;
font-weight: normal;

}

/* Global */

.lowres.left {
width:49%;
float:left;
height: 215px;
object-fit: cover;
object-position: center top;
}



.lowres.right {
width:49%;
float:right;
height: 215px;
object-fit: cover;
object-position: center top;
}

body{margin:0px auto;color:#333; background-color: #f6f5f5; width:900px; font-weight:normal}

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

li{list-style:none}

/* Typography */
h1, h1.postTitle {font-size: 1em; font-weight: normal; line-height:1.5em}
h2{font-size: 1em; font-weight: normal; line-height:1.5em}
h3{font-size: 1em; font-weight: normal; line-height:1.5em}
/* h4,p,blockquote,dir{margin: 1.12em 0; font-weight:normal} */
.wp-caption-text {font-size: 1em; font-weight: normal; line-height:1.5em}

blockquote{margin-left: 40px; margin-right: 40px}

i, cite, em,var, address{font-style: italic}

pre, tt, code,kbd, samp{font-family:monospace}

pre{white-space: pre}

.error{font-size:90%;font-style:italic;color:red;clear:both}

.postTitle {font-size: 16px; font-weight: normal; line-height:1.5em}
.postDate {font-size: 1em; font-weight: normal; line-height:1.5em}






/* Inputs */
input{outline:0;font-family: "LLCircularWeb-Book", Helvetica, Arial, sans-serif;font-size:100%;margin:0;padding:0;border:none;border-radius:0;-webkit-appearance: none}
input[type="checkbox"]{outline:0}
input[type="text"]{border:1px solid #333;padding:5px;margin:5px}
input[type="password"]{outline:0;padding:5px 3px;border:1px solid #333;}
input[type="submit"]{cursor:pointer;outline:0;border:0;padding:6px 12px;color:#fff;text-decoration:none;background:#333;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background-image: -webkit-linear-gradient(top, #666, #333);background-image:-moz-linear-gradient(top, #666, #333);background-image:-ms-linear-gradient(top, #666, #333);background-image:-o-linear-gradient(top, #666, #333);}
select{outline:0}
textarea{outline:0;width:280px;height:150px;padding:5px;border:1px solid #333;font-size:14px;font-family: Helvetica, Arial, sans-serif}
button{cursor:pointer;outline:0;border:0;padding:6px 12px;color:#fff;text-decoration:none;background:#333;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background-image: -webkit-linear-gradient(top, #666, #333);background-image:    -moz-linear-gradient(top, #666, #333);background-image:-ms-linear-gradient(top, #666, #333);background-image:-o-linear-gradient(top, #666, #333);}
.contactform input[type="text"],.contactform textarea,.contactform input[type="password"]{border:1px solid #333;padding:5px;font-size:12px}
#searchbox{display:none;position:fixed;right:0;top:43px;background:#fff url('srch.gif') no-repeat center;z-index:999;text-align:right}
#searchbox:hover{border:0}
#searchbox input{border:0;-webkit-transition-duration: 400ms;-webkit-transition-property: width, background;-webkit-transition-timing-function: ease;-moz-transition-duration: 400ms;-moz-transition-property: width, background;-moz-transition-timing-function: ease;-o-transition-duration: 400ms;-o-transition-property: width, background;-o-transition-timing-function: ease;width:40px;padding:12px 12px 11px 12px;color:transparent;}

#searchbox input:focus{border:0;width: 180px;background:#333;color:#fff}
.search input {border: none;}
.search input.box {background:transparent;color:#ccc;}
.search input.box:hover {background:transparent;color:#fff;}
.search input.box:focus {background:transparent;color:#fff;outline: none;}

/* Links */
a:link,a:visited{text-decoration:underline;color:#333}
a:hover,a:active{text-decoration:underline;color:#333}
.tagcloud a{font-size:100% !important;padding:0 10px 0 0;display:block;float:left}
a.comment-reply-link{font-size:11px;padding:2px 5px;background:#666;color:#fff;margin:5px 5px 0 0;display:block;float:left}
.featuredTitle a{color:#fff;text-decoration: none}
#header a{font-weight:normal}
#nav a{font-weight:normal}
a.post-edit-link{display:none}



/* Menus */


/*
#nav ul#menu-nav li:last-child{margin:0}
#nav a{color:#333;text-decoration:underline}
#nav a:hover{color:#333;text-decoration:underline}



#footer ul{margin:10px 0}
#footer ul li{display:inline-block;vertical-align:top}
#footerNav a{color:#333;text-decoration:none;margin:0 10px}
#footerNav a:hover{color:#333;text-decoration:none}

/* Dropdown Menus */
/*
#nav ul#menu-nav ul.sub-menu{margin-left:-15px;padding:8px 0 10px 0;background:#fff}
#nav ul#menu-nav ul.sub-menu li{display:block;clear:both;padding:5px 15px;text-align: left}
#nav ul#menu-nav ul,ul#menu-nav li:hover ul ul,ul#menu-nav ul li:hover ul ul{background:#fff;display:none}
#nav ul#menu-nav li:hover ul,ul#menu-nav ul li:hover ul ,ul#menu-nav ul li ul li:hover ul{background:#fff;clear:both;display:block;position:absolute;z-index:999}
 */

/* Active Menu CSS */
/*
.menu-item{overflow:hidden}
#nav .current-menu-item a,#footerNav .current-menu-item a{color:#333;font-weight:normal;float:left;text-align:left}
#nav .current-menu-item .sub-menu a{color:#333;text-decoration:none;float:left}
#nav .current-menu-item .sub-menu a:hover{color:#333;text-decoration:none;float:left}
#nav .current-menu-parent a,#footerNav .current-menu-parent a{color:#333}
#nav .current-menu-item .sub-menu li a{color:#333;font-weight:normal}
#nav .current-menu-parent .sub-menu a:hover{color:#333;text-decoration:none}
#nav .current-menu-parent .sub-menu .current-menu-item a{color:#333}
 */

#footer, .postCats {
display:none;
}

 {

}



/* Layout */






/* --------------------------------------------------- desktop */



.current_menu_item  {font-weight:normal;}




#nav{text-align:left;width:300px; margin-top:19px;}



.apologies {display:none}

#portfolioGrid {width:700px; margin-top:0px; float:left; margin-bottom:80px}
.portfolioItem img {width:700px; height:525px; margin-bottom:10px}
.portfolioItem {float:left; width:700px; margin-right:0px; margin-bottom:40px;}

#portfolioGrid2 {width:700px; margin-top:0px; float:left; margin-bottom:80px}
.portfolioItem2 img {width:700px; height:525px; margin-bottom:10px}
.portfolioItem2 {float:left; width:700px; margin-right:10px; margin-bottom:10px;}

#nav ul li{display:list-item; list-style-type: none;
padding-right: 20px; text-align:left}


.postContent{text-align:left; width:700px;margin:0 auto; font-weight:normal; color:#333; margin-bottom:80px; float:left}
#header{margin:0px auto;text-align:center;width:250px; margin-top: 80px; float:left; position:fixed;margin-left:-80px}
.pageTitle{text-align:left; width:625px;margin:0 auto; margin-top: 80px; display:inline-block;margin-bottom:4px }
.singleContent h3{width:625px; text-align:left; margin:0 auto;  display:block}
#branding{text-align:left;width:300px;}
#main{width:625px; margin: 0px auto; margin-top: 80px; text-align:left;float:right; box-sizing:border-box}
#headerBackground{width:100%; height:0px; position: fixed; left:0px; top:0px; background-color:#f6f5f5;}

.page-id-2 #main {margin-top:87px}



#content{width:700px; margin-left:0px}
.singleGallery {display:none;}
#post{margin-top:-80px}
iframe {margin-top:25px; margin-bottom:20px;}
body {font: 20px "LLCircularWeb-Book", Sans-Serif; line-height:1.7em; width:900px; letter-spacing:-0.01em;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;}
p {margin-bottom:27px; margin-top:-7px;}
img, video {width:600px; height:auto; margin-bottom:20px;}
.single-post a img, .single-post img {width:700px; height:auto; margin-bottom:20px;}

object, embed {width:600px; height:337px; margin-bottom:20px;}

iframe {width:600px; height:337px; margin-top:0px}

h2 {margin-top:30px; margin-bottom:20px}


h1 {font-weight:normal;}

blockquote {margin-bottom:45px; margin-left: 30px; margin-right: 30px}

#portfolioGrid .portfolioItem a img {margin-bottom:0px}



.single-post img .iPhoneScreenShot {width:300px; height: auto}
.single-post img .iPhoneScreenShotFloatRight {width:300px; height: auto; float:right}



/*--------------------------------------------------------------------- tablet*/

@media only screen and (min-width : 700px) and (max-width : 1024px)  {

.lowres.left {
width:49%;
float:left;
height: 215px;
object-fit: cover;
object-position: center top;
}



.lowres.right {
width:49%;
float:right;
height: 215px;
object-fit: cover;
object-position: center top;
}


.page-id-2 #main {margin-top:95px}

#nav{margin-top:0px;}

#nav ul li{display:inline; list-style-type: none;
padding-right: 20px;}

#portfolioGrid {width:610px; /* background-color:yellow; */ margin-left:0px; margin-top:0px; margin-bottom:20px}
.portfolioItem {float:left; width:610px; height:495px; margin-bottom:70px; margin-right:20px}
 .portfolioItem img {width:610px; height:457px;}

#branding{text-align:left;width:600px; margin: 0px auto;}
.postContent{text-align:left; width:600px;margin:0 auto; font-weight:normal; color:#333; margin-bottom:80px}
body {font: 20px "LLCircularWeb-Book", Sans-Serif; line-height:1.5em; width:600px;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;}
#header{margin:0px auto;text-align:center;width:600px; margin-top: 20px; background-color:#f6f5f5; position:fixed;z-index:1000;}
#main{width:600px; margin: 0px auto; margin-top: 95px; /* background-color:yellow; */ text-align:left}
#content{width:600px; margin: 0px auto; box-sizing:border-box}

#content .aboutMe {margin-top:20px}

#headerBackground{width:100%; height:90px; position: fixed; left:0px; top:0px; background-color:#f6f5f5;z-index:999;}
img, video {width:600px; height:auto; margin-bottom:20px;}
.single-post a img, .single-post img {width:600px; height:auto; margin-bottom:20px;}
object, embed {width:600px; height:337px; margin-bottom:20px;}

iframe {width:600px; height:337px; margin-top:0px; margin-bottom:20px;}
p {margin-bottom:22px}
.pageTitle{text-align:left; width:600px;margin:0 auto; margin-top: 80px; display:inline-block; /* background-color:red; */}

.wp-caption-text {width:600px; margin-top:-5px;}

blockquote {margin-left:10px; margin-right:10px}

h2 {margin-bottom:20px}
h1 {font-weight:normal;}

.single-post img .iPhoneScreenShot, .single-post img .iPhoneScreenShotFloatRight {width:600px; height: auto}

}



/* ------------------------------------------- small mobile portrait */



@media only screen and (max-width: 700px) {

.lowres.left {
width:100%
}



.lowres.right {
width:100%
}

.page-id-2 #main {margin-top:95px}

#nav{margin-top:0px;}

#nav ul li{display:inline; list-style-type: none;
padding-right: 20px;}

#portfolioGrid {width:310px; /* background-color:yellow; */ margin-left:0px; margin-top:0px; margin-bottom:20px}
.portfolioItem {width:310px; height:232px; margin-bottom:60px}
 .portfolioItem img {width:310px; height:232px;}

#branding{text-align:left;width:310px; margin: 0px auto;}
.postContent{text-align:left; width:310px;margin:0 auto; font-weight:normal; color:#333; margin-bottom:80px}
body {font: 16px "LLCircularWeb-Book", Sans-Serif; line-height:1.5em; width:310px;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;}
#header{margin:0px auto;text-align:center;width:310px; margin-top: 20px; background-color:#f6f5f5; position:fixed;z-index:9999}
#main{width:310px; margin: 0px auto; margin-top: 95px; /* background-color:yellow; */ text-align:left}
#content{width:310px; margin: 0px auto; box-sizing:border-box; padding-bottom:40px;}

#content .aboutMe {margin-top:15px}

#headerBackground{width:100%; height:90px; position: fixed; left:0px; top:0px; background-color:#f6f5f5; z-index:999;}
img, video {width:310px; height:auto; margin-bottom:20px;}
.single-post a img, .single-post img {width:310px; height:auto; margin-bottom:20px;}
object, embed {width:310px; height:174px; margin-bottom:20px;}

iframe {width:310px; height:174px; margin-top:0px; margin-bottom:20px;}
p {margin-bottom:22px}
.pageTitle{text-align:left; width:310px;margin:0 auto; margin-top: 80px; display:inline-block; /* background-color:red; */}

.wp-caption-text {width:310px; margin-top:-5px;}

blockquote {margin-left:10px; margin-right:10px}

h2 {margin-bottom:20px}
h1 {font-weight:normal;}

.single-post img .iPhoneScreenShot, .single-post img .iPhoneScreenShotFloatRight {width:310px; height: auto}

}



/* ------------------------------------------- dark mode */

@media (prefers-color-scheme: dark) {
body {
color: rgb(200, 200, 200);
background-color: rgb(20, 20, 20);
}
img {
opacity:0.9;
}
a:link, a:visited, .postContent {
color:rgb(200, 200, 200);
}
#headerBackground, #header {
background-color: rgb(20, 20, 20);
} 
}


#nav .current_page_item a  {text-decoration:none}

#nav .current_menu_item  {font-weight:normal;}

#branding a {text-decoration:none}







p.homeProjectDate {

margin-top:-28px;

}






.postThumb img{max-width:960px;height:auto !important}
.pageWrap{text-align:center;width:780px;margin:0 auto}
.page-template-blog-php img,.single-blog img{max-width:960px;height:auto}
.wp-caption-text{padding:0px 0px 0px 0px;margin:0 0 20px 0;color:#888;line-height:150%;font-size:14px;margin-top:-10px}
.s2 img{max-width:960px}
.search .featuredTitle h1,.tag .featuredTitle h1,.archive .featuredTitle h1{border:0;margin:-80px 0 0 10px !important;max-width:960px;width:auto;}







a.siteName{clear:both}
#blogSidebar{margin:0;clear:both}
#blogSidebar li{margin-right:3%;width:21.7%;display:inline-block;vertical-align:top}
#blogSidebar li:last-child{margin-right:0}
#blogSidebar li ul li{width:auto;display:block;margin:0}
.archive #main{text-align:center}
.page .controlsNavContainer{display:none}
.term{font-style:italic}
.rule{height:1px;border-bottom:1px solid #eee;margin:10px 0;width:100%}
#footer{display:none;clear:both;overflow:hidden;margin:20px auto;max-width:1280px;padding:0 20px}
#footerNav,.copyright,.vs{text-align:center}
.vs{height:21px;width:120px;margin:0 auto}
a.byVorkshop{text-decoration:none;float:none;font-size:9px;line-height:9px;text-transform:uppercase;border-radius:20px;padding:3px 10px;background:#f9f9f9;color:#ddd;-moz-border-radius:20px;-webkit-border-radius:20px;}
a.byVorkshop:hover{text-decoration:none;background:#eee;color:#999;}
.imgGallery img{margin:10px 0 0 0}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{float:right;}
.alignleft{float:left}
.aligncenter{margin:0 auto;text-align:center}

.singleContent{text-align:left}





.postCats{display:none;}
/* .archive .postThumb, .postContent img{margin:20px 0;} */






.singleContent h5{margin-bottom:0}
.singleGallery p{margin:0;line-height:1.5em}
.postTags{clear:both;margin:0 auto 20px auto;width:780px}
.postTags a{margin-left:10px}
.postComments{padding:0;width:780px;margin:0 auto;text-align:center}
.pagination{margin:20px auto;padding:10px;width:auto;text-align:center}
.pagination .current{color:#ccc}
.pagination .page-numbers{margin:0 5px 0 0;}
ul.post-categories{display:inline-block;margin:0;}
.post-categories li{margin-left:10px;display:inline}
.page-template-blog-php .type-blog{margin:0 auto 20px auto;padding:0 0 20px 0;border-bottom:1px solid #ddd;width:780px;text-align:center}
.result .pageTitle{clear:both;border-bottom:1px solid #eee}
.resultsPhrase{font-size:1em;font-weight:normal;padding: 10px;background: #F9F9F9;width: auto;float: left;}
.searchResults{clear:both}
.comment,.respond{max-width:760px}
.tagline{font-size:13px;color:#ccc}
.youCode,.vimCode{margin:20px 0;}

/* Projects */
#projectList{margin:0 auto;width:1280px;}
.search .blog,.post{width:236px;height:auto;margin-bottom:30px;line-height:0;overflow:hidden;float:left;text-align:center}
.projectInfo h2{font-size:13px;font-weight:normal;margin:0;padding:7px 0 7px 0;text-align:center}
.projectInfo{z-index:999}
.projectInfoTable{display:none;background:transparent;}
.projectInfoTable a{color:#333;background:transparent}
.projectInfoTable h2 a:hover{text-decoration: none}
.project:hover .projectInfoTable{display:block}
.projectThumb{background:transparent url('loader.gif') no-repeat center center;}
div#projectList div.post{opacity: 1.0;transition: opacity .3s;-moz-transition: opacity .3s;-webkit-transition: opacity .3s;-o-transition: opacity .3s;}
div#projectList div.post:hover{opacity: 0.1;}
div#projectList:hover > div {  opacity: 0.5; }
div#projectList:hover > div:hover {  opacity: 1.0; }

/* Contact Form */
.contactForm{margin:20px 0}

/* Google Map */
.googlemap{clear:both;margin:20px 0;}

/* Image Captions */
.wp-caption {line-height:11px;font-size:11px;}

/* Comments */
div#respond{margin:10px 0}
div.reply{margin:10px 0}
.vcard,.commentmetadata{font-size:11px}
.commentmetadata{clear:both}
.even{background:#f9f9f9}
.odd{background:#f0f0f0}
li.comment{margin:10px 0 0 0;padding:10px;overflow:hidden}
li.comment div div{float:left}
li.comment div p{clear:both}
ul.children li{clear:both}
ul.children li.comment{padding:10px 10px 0 10px}
p.nocomments, #respond h3 { display: none;}
.form-allowed-tags{font-size:75%;font-style:italic}
#commentform input{clear:both}

/* Alerts */
div.alertWin{background: #ffcbcb;padding:9px 10px;color: #810000}
div.noteWin{background: #fffdc1;padding:9px 10px;color: #463803}
div.successWin{background: #c2ffc4;padding:9px 10px;color:#0a6c00;}

/* Sliders and Images */ .s1{clear:both;height:520px;background:transparent url('js/ajax-load.gif') no-repeat center center;}
.featuredImage{height:520px;overflow:hidden;background:#1a1a1a}
.s1 img{width:100%;height:auto}
.gallery-item{float:left;padding:5px 10px 0 0}
.search .featuredTitle,.tag .featuredTitle,.archive .featuredTitle{margin:0;top:none;position:relative;display:block;vertical-align:baseline;width:100%;text-align:left}
.search .featuredImage,.tag .featuredImage,.archive .featuredImage{height:470px;}

.singleGallery{width:780px;margin:0 auto;text-align:center}
.singleGallery img{max-width:780px;height:auto;margin:20px 0 10px 0}
.singleGallery li{line-height:0;margin:0;padding:0}

/* Fluid Columns */ .one_half{width:48%}
.one_third{width:30.66%}
.two_third{width:65.33%}
.one_fourth{width:22%}
.three_fourth{width:74%}
.one_fifth{width:16.8%}
.two_fifth{width:37.6%}
.three_fifth{width:58.4%}
.four_fifth{width:67.2%}
.one_sixth{width:13.33%}
.five_sixth{width:82.67%}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{position:relative; margin:0 4% 10px 0; float:left}
.last{margin-right:0; clear:right}
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%}

/* Responsive Sliders */
.flex-container a:active,.featuredSlider a:active,.flexslider2 a:active,.flex-container a:focus,.featuredSlider a:focus  {outline: none;}
.flexslider2 a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.featuredSlider {margin: 0; padding: 0;overflow:hidden}
.featuredSlider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.featuredSlider .slides img {max-width: 100%; display: block;}
.flexslider2 {margin: 0; padding: 0;}
.flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;}

 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider2 .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.featuredSlider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.featuredSlider .slides {zoom: 1;}
.featuredSlider .slides > li {position: relative;}
.flexslider2 {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider2 .slides {zoom: 1;}
.flexslider2 .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative}
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width:20px;height:40px;position: absolute; top: 55%; margin:-35px 0 0 0; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;opacity:0.15;right:20px;width: 0; height: 0; border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #fff}
.flex-direction-nav li .next:hover {opacity:1}
.flex-direction-nav li .prev {transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;opacity:0.15;left:20px;width: 0; height: 0; border-top: 20px solid transparent;border-bottom: 20px solid transparent; border-right:20px solid #fff}
.flex-direction-nav li .prev:hover {opacity:1}
.flex-direction-nav li .disabled {opacity: .3; cursor: default;}
.flex-control-nav li {display: inline-block; zoom: 1;display: inline}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {padding:0 4px 0 3px;line-height:0;margin:0;cursor:pointer;color:transparent;margin:0 10px 0 0;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;background-color: #eee;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff),to(#ccc));background-image: -webkit-linear-gradient(top, #fff, #ccc);background-image:    -moz-linear-gradient(top, #fff, #ccc);background-image:-ms-linear-gradient(top, #fff, #ccc);background-image:-o-linear-gradient(top, #fff, #ccc);}
.flex-control-nav li a:hover {background-color: #eee;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));background-image: -webkit-linear-gradient(top, #fff, #ddd);background-image:    -moz-linear-gradient(top, #fff, #ddd);background-image:-ms-linear-gradient(top, #fff, #ddd);background-image:-o-linear-gradient(top, #fff, #ddd);}
.flex-control-nav li a.active {background-color: #333;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background-image: -webkit-linear-gradient(top, #666, #333);background-image:    -moz-linear-gradient(top, #666, #333);background-image:-ms-linear-gradient(top, #666, #333);background-image:-o-linear-gradient(top, #666, #333)}
.featuredTitle{bottom:10px;left:20px;position:absolute;z-index:999}
.featuredTitle h1{background:#333;font-size:150%;padding:20px}
.controlsNavContainer{margin:-100px 0 0 0;position:absolute;width:100%}
.flex-control-nav{width:600px;margin:0 auto !important}
.featuredVideo{position:absolute;width:100%;text-align:cent