/* @import url("fonts.css");
 */ /* @import url("fontello/css/fontello.css");
 */ /* @import url("font-awesome/css/font-awesome.min.css");
 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 }
 p.address { color:#DFDFDF;
 }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;
 }
 audio, canvas, video { display: inline-block;
 }
 audio:not([controls]) { display: none;
 height: 0;
 }
 [hidden] { display: none;
 }
 code, kbd, pre, samp { font-family: monospace, serif;
 font-size: 1em;
 }
 pre { white-space: pre;
 white-space: pre-wrap;
 word-wrap: break-word;
 }
 blockquote, q { quotes: "\201C" "\201D";
 }
 blockquote:before, blockquote:after, q:before, q:after { content: '';
 content: none;
 }
 ins { background-color: #ff9;
 color: #000;
 text-decoration: none;
 }
 mark { background-color: #A7F4F6;
 color: #555;
 }
 del { text-decoration: line-through;
 }
 abbr[title], dfn[title] { border-bottom: 1px dotted;
 cursor: help;
 }
 table { border-collapse: collapse;
 border-spacing: 0;
 }
 *, *:before, *:after { -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 }
 html { font-size: 62.5%;
 -webkit-font-smoothing: antialiased;
 }
 body { background: #fff;
 font-family: 'opensans-regular', sans-serif;
 font-weight: normal;
 font-size: 15px;
 line-height: 30px;
 color: #838C95;
 -webkit-font-smoothing: antialiased;
 -webkit-text-size-adjust: 100%;
 }
 h1, h2, h3, h4, h5, h6 { color: #313131;
 font-family: 'opensans-bold', sans-serif;
 font-weight: normal;
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;
 }
 h1 { font-size: 38px;
 line-height: 42px;
 margin-bottom: 12px;
 letter-spacing: -1px;
 }
 h2 { font-size: 28px;
 line-height: 36px;
 margin-bottom: 6px;
 }
 h3 { font-size: 22px;
 line-height: 30px;
 margin-bottom: 12px;
 }
 h4 { font-size: 20px;
 line-height: 30px;
 margin-bottom: 6px;
 }
 h5 { font-size: 18px;
 line-height: 30px;
 }
 h6 { font-size: 14px;
 line-height: 30px;
 }
 .subheader { }
 p { margin: 0 0 30px 0;
 }
 p img { margin: 0;
 }
 p.lead { font: 19px/36px 'opensans-light', sans-serif;
 margin-bottom: 18px;
 color:#DFDFDF;
 }
 em { font: 15px/30px 'opensans-italic', sans-serif;
 }
 strong, b { font: 15px/30px 'opensans-bold', sans-serif;
 }
 small { font-size: 11px;
 line-height: inherit;
 }
 blockquote { margin: 30px 0px;
 padding-left: 40px;
 position: relative;
 }
 blockquote:before { content: "\201C";
 opacity: 0.45;
 font-size: 80px;
 line-height: 0px;
 margin: 0;
 font-family: arial, sans-serif;
 position: absolute;
 top: 30px;
 left: 0;
 }
 blockquote p { font-family: 'librebaskerville-italic', serif;
 padding: 0;
 font-size: 18px;
 line-height: 36px;
 }
 blockquote cite { display: block;
 font-size: 12px;
 font-style: normal;
 line-height: 18px;
 }
 blockquote cite:before { content: "\2014 \0020";
 }
 blockquote cite a, blockquote cite a:visited { color: #8B9798;
 border: none }
 .pull-quote { position: relative;
 padding: 18px 30px 18px 0px;
 }
 .pull-quote:before, .pull-quote:after { height: 1em;
 opacity: 0.45;
 position: absolute;
 font-size: 80px;
 font-family: Arial, Sans-Serif;
 }
 .pull-quote:before { content: "\201C";
 top: 33px;
 left: 0;
 }
 .pull-quote:after { content: '\201D';
 bottom: -33px;
 right: 0;
 }
 .pull-quote blockquote { margin: 0;
 }
 .pull-quote blockquote:before { content: none;
 }
 abbr { font-family: 'opensans-bold', sans-serif;
 font-variant: small-caps;
 text-transform: lowercase;
 letter-spacing: .5px;
 color: gray;
 }
 abbr:hover { cursor: help;
 }
 .drop-cap:first-letter { float: left;
 margin: 0;
 padding: 14px 6px 0 0;
 font-size: 84px;
 font-family: 'opensans-bold', sans-serif;
 line-height: 60px;
 text-indent: 0;
 background: transparent;
 color: inherit;
 }
 hr { border: solid #E3E3E3;
 border-width: 1px 0 0;
 clear: both;
 margin: 11px 0 30px;
 height: 0;
 }
 a, a:visited { text-decoration: none;
 outline: 0;
 color: #11ABB0;
 -webkit-transition: color .3s ease-in-out;
 -moz-transition: color .3s ease-in-out;
 -o-transition: color .3s ease-in-out;
 transition: color .3s ease-in-out;
 }
 a:hover, a:focus { color: #313131;
 }
 p a, p a:visited { line-height: inherit;
 }
 ul, ol { margin-bottom: 24px;
 margin-top: 12px;
 }
 ul { list-style: none outside;
 }
 ol { list-style: decimal;
 }
 ol, ul.square, ul.circle, ul.disc { margin-left: 30px;
 }
 ul.square { list-style: square outside;
 }
 ul.circle { list-style: circle outside;
 }
 ul.disc { list-style: disc outside;
 }
 ul ul, ul ol, ol ol, ol ul { margin: 6px 0 6px 30px;
 }
 ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px;
 }
 li { line-height: 18px;
 margin-bottom: 12px;
 }
 ul.large li { }
 li p { }
 .stats-tabs { padding: 0;
 margin: 24px 0;
 }
 .stats-tabs li { display: inline-block;
 margin: 0 10px 18px 0;
 padding: 0 10px 0 0;
 border-right: 1px solid #ccc;
 }
 .stats-tabs li:last-child { margin: 0;
 padding: 0;
 border: none;
 }
 .stats-tabs li a { display: inline-block;
 font-size: 22px;
 font-family: 'opensans-bold', sans-serif;
 border: none;
 color: #313131;
 }
 .stats-tabs li a:hover { color: #11ABB0;
 }
 .stats-tabs li a b { display: block;
 margin: 6px 0 0 0;
 font-size: 13px;
 font-family: 'opensans-regular', sans-serif;
 color: #8B9798;
 }
 dl { margin: 12px 0;
 }
 dt { margin: 0;
 color: #11ABB0;
 }
 dd { margin: 0 0 0 20px;
 }
 .lining dt, .lining dd { display: inline;
 margin: 0;
 }
 .lining dt + dt:before, .lining dd + dt:before { content: "\A";
 white-space: pre;
 }
 .lining dd + dd:before { content: ", ";
 }
 .lining dd:before { content: ": ";
 margin-left: -0.2em;
 }
 .dictionary-style dt { display: inline;
 counter-reset: definitions;
 }
 .dictionary-style dt + dt:before { content: ", ";
 margin-left: -0.2em;
 }
 .dictionary-style dd { display: block;
 counter-increment: definitions;
 }
 .dictionary-style dd:before { content: counter(definitions, decimal) ". ";
 }
 .pagination { margin: 36px auto;
 text-align: center;
 }
 .pagination ul li { display: inline-block;
 margin: 0;
 padding: 0;
 }
 .pagination .page-numbers { font: 15px/18px 'opensans-bold', sans-serif;
 display: inline-block;
 padding: 6px 10px;
 margin-right: 3px;
 margin-bottom: 6px;
 color: #6E757C;
 background-color: #E6E8EB;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 border-radius: 3px;
 }
 .pagination .page-numbers:hover { background: #838A91;
 color: #fff;
 }
 .pagination .current, .pagination .current:hover { background-color: #11ABB0;
 color: #fff;
 }
 .pagination .inactive, .pagination .inactive:hover { background-color: #E6E8EB;
 color: #A9ADB2;
 }
 .pagination .prev, .pagination .next { }
 img { max-width: 100%;
 height: auto;
 }
 img.pull-right { margin: 12px 0px 0px 18px;
 }
 img.pull-left { margin: 12px 18px 0px 0px;
 }
 .button, .button:visited, button, input[type="submit"], input[type="reset"], input[type="button"] { font: 16px/30px 'opensans-bold', sans-serif;
 background: #11ABB0;
 display: inline-block;
 text-decoration: none;
 letter-spacing: 0;
 color: #fff;
 padding: 12px 20px;
 margin-bottom: 18px;
 border: none;
 cursor: pointer;
 height: auto;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 border-radius: 3px;
 }
 .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #3d4145;
 color: #fff;
 }
 .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #3d4145;
 color: #fff;
 }
 .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%;
 padding-left: 0 !important;
 padding-right: 0 !important;
 text-align: center;
 }
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0;
 padding: 0;
 }
 form { margin-bottom: 24px;
 }
 fieldset { margin-bottom: 24px;
 }
 input[type="text"], input[type="password"], input[type="email"], textarea, select { display: block;
 padding: 18px 15px;
 margin: 0 0 24px 0;
 border: 0;
 outline: none;
 vertical-align: middle;
 min-width: 225px;
 max-width: 100%;
 font-size: 15px;
 line-height: 24px;
 color: #647373;
 background: #D3D9D9;
 }
 input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color: #B3B7BC;
 background-color: #3d4145;
 }
 textarea { min-height: 220px;
 }
 label, legend { font: 16px/24px 'opensans-bold', sans-serif;
 margin: 12px 0;
 color: #3d4145;
 display: block;
 }
 label span, legend span { color: #8B9798;
 font: 14px/24px 'opensans-regular', sans-serif;
 }
 input[type="checkbox"], input[type="radio"] { font-size: 15px;
 color: #737373;
 }
 input[type="checkbox"] { display: inline;
 }
 .row { width: 96%;
 max-width: 1020px;
 margin: 0 auto;
 }
 .ie .row { width: 1000px;
 }
 .narrow .row { max-width: 980px;
 }
 .row .row { width: auto;
 max-width: none;
 margin: 0 -20px;
 }
 .row:before, .row:after { content: " ";
 display: table;
 }
 .row:after { clear: both;
 }
 .column, .columns { position: relative;
 padding: 0 20px;
 min-height: 1px;
 float: left;
 }
 .column.centered, .columns.centered { float: none;
 margin: 0 auto;
 }
 .row.collapsed > .column, .row.collapsed > .columns, .column.collapsed, .columns.collapsed { padding: 0;
 }
 [class*="column"] + [class*="column"]:last-child { float: right;
 }
 [class*="column"] + [class*="column"].end { float: right;
 }
 .row .one { width: 8.33333%;
 }
 .row .two { width: 16.66667%;
 }
 .row .three { width: 25%;
 }
 .row .four { width: 33.33333%;
 }
 .row .five { width: 41.66667%;
 }
 .row .six { width: 50%;
 }
 .row .seven { width: 58.33333%;
 }
 .row .eight { width: 66.66667%;
 }
 .row .nine { width: 75%;
 }
 .row .ten { width: 83.33333%;
 }
 .row .eleven { width: 91.66667%;
 }
 .row .twelve { width: 100%;
 }
 .row .offset-1 { margin-left: 8.33333%;
 }
 .row .offset-2 { margin-left: 16.66667%;
 }
 .row .offset-3 { margin-left: 25%;
 }
 .row .offset-4 { margin-left: 33.33333%;
 }
 .row .offset-5 { margin-left: 41.66667%;
 }
 .row .offset-6 { margin-left: 50%;
 }
 .row .offset-7 { margin-left: 58.33333%;
 }
 .row .offset-8 { margin-left: 66.66667%;
 }
 .row .offset-9 { margin-left: 75%;
 }
 .row .offset-10 { margin-left: 83.33333%;
 }
 .row .offset-11 { margin-left: 91.66667%;
 }
 .row .push-1 { left: 8.33333%;
 }
 .row .pull-1 { right: 8.33333%;
 }
 .row .push-2 { left: 16.66667%;
 }
 .row .pull-2 { right: 16.66667%;
 }
 .row .push-3 { left: 25%;
 }
 .row .pull-3 { right: 25%;
 }
 .row .push-4 { left: 33.33333%;
 }
 .row .pull-4 { right: 33.33333%;
 }
 .row .push-5 { left: 41.66667%;
 }
 .row .pull-5 { right: 41.66667%;
 }
 .row .push-6 { left: 50%;
 }
 .row .pull-6 { right: 50%;
 }
 .row .push-7 { left: 58.33333%;
 }
 .row .pull-7 { right: 58.33333%;
 }
 .row .push-8 { left: 66.66667%;
 }
 .row .pull-8 { right: 66.66667%;
 }
 .row .push-9 { left: 75%;
 }
 .row .pull-9 { right: 75%;
 }
 .row .push-10 { left: 83.33333%;
 }
 .row .pull-10 { right: 83.33333%;
 }
 .row .push-11 { left: 91.66667%;
 }
 .row .pull-11 { right: 91.66667%;
 }
 .bgrid-sixths [class*="column"] { width: 16.66667%;
 }
 .bgrid-quarters [class*="column"] { width: 25%;
 }
 .bgrid-thirds [class*="column"] { width: 33.33333%;
 }
 .bgrid-halves [class*="column"] { width: 50%;
 }
 [class*="bgrid"] [class*="column"] + [class*="column"]:last-child { float: left;
 }
 .first { clear: left;
 }
 .s-first { clear: none;
 }
 @media only screen and (max-width: 900px) { .s-bgrid-sixths [class*="column"] { width: 16.66667%;
 }
 .s-bgrid-quarters [class*="column"] { width: 25%;
 }
 .s-bgrid-thirds [class*="column"] { width: 33.33333%;
 }
 .s-bgrid-halves [class*="column"] { width: 50%;
 }
 .first { clear: none;
 }
 .s-first { clear: left;
 }
 }
 @media only screen and (max-width: 767px) { .row { width: 460px;
 margin: 0 auto;
 padding: 0;
 }
 .column, .columns { width: auto !important;
 float: none;
 margin-left: 0;
 margin-right: 0;
 padding: 0 30px;
 }
 .row .row { width: auto;
 max-width: none;
 margin: 0 -30px;
 }
 [class*="column"] + [class*="column"]:last-child { float: none;
 }
 [class*="bgrid"] [class*="column"] + [class*="column"]:last-child { float: none;
 }
 .row .offset-1 { margin-left: 0%;
 }
 .row .offset-2 { margin-left: 0%;
 }
 .row .offset-3 { margin-left: 0%;
 }
 .row .offset-4 { margin-left: 0%;
 }
 .row .offset-5 { margin-left: 0%;
 }
 .row .offset-6 { margin-left: 0%;
 }
 .row .offset-7 { margin-left: 0%;
 }
 .row .offset-8 { margin-left: 0%;
 }
 .row .offset-9 { margin-left: 0%;
 }
 .row .offset-10 { margin-left: 0%;
 }
 .row .offset-11 { margin-left: 0%;
 }
 }
 @media only screen and (max-width: 460px) { .row { width: auto;
 }
 }
 @media screen and (min-width: 1200px) { .wide .row { max-width: 1180px;
 }
 }
 .cf:before, .cf:after { content: " ";
 display: table;
 }
 .cf:after { clear: both;
 }
 .remove-bottom { margin-bottom: 0 !important;
 }
 .half-bottom { margin-bottom: 12px !important;
 }
 .add-bottom { margin-bottom: 24px !important;
 }
 .no-border { border: none;
 }
 .text-center { text-align: center !important;
 }
 .text-left { text-align: left !important;
 }
 .text-right { text-align: right !important;
 }
 .pull-left { float: left !important;
 }
 .pull-right { float: right !important;
 }
 .align-center { margin-left: auto !important;
 margin-right: auto !important;
 text-align: center !important;
 }
 body { background: #0f0f0f;
 }
 header { position: relative;
 height: 800px;
 min-height: 500px;
 width: 100%;
 background: #161415 url(../images/header-background.jpg) no-repeat top center;
 background-size: cover !important;
 -webkit-background-size: cover !important;
 text-align: center;
 overflow: hidden;
 }
 header:before { content: '';
 display: inline-block;
 vertical-align: middle;
 height: 100%;
 }
 header .banner { display: inline-block;
 vertical-align: middle;
 margin: 0 auto;
 width: 85%;
 padding-bottom: 30px;
text-align: center;
 }
 header .banner-text { width: 100%;
 }
 header .banner-text h2 { font: 90px/1.1em 'opensans-bold', sans-serif;
 color: #fff;
 letter-spacing: -2px;
 margin: 0 auto 18px auto;
 text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);
 }
 header .banner-text h3 { font: 18px/1.9em 'librebaskerville-regular', serif;
 color: #BEBEBE;
 margin: 0 auto;
 width: 70%;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
 }
 header .banner-text h3 span, header .banner-text h3 a { color: #fff;
 }
 header .banner-text hr { width: 60%;
 margin: 18px auto 24px auto;
 border-color: #2F2D2E;
 border-color: rgba(150, 150, 150, .1);
 }
 header .social { margin: 24px 0;
 padding: 0;
 font-size: 30px;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, .8);
 }
 header .social li { display: inline-block;
 margin: 0 15px;
 padding: 0;
 }
 header .social li a { color: #fff;
 }
 header .social li a:hover { color: #11ABB0;
 }
 header .scrolldown a { position: absolute;
 bottom: 30px;
 left: 50%;
 margin-left: -29px;
 color: #fff;
 display: block;
 height: 42px;
 width: 42px;
 font-size: 42px;
 line-height: 42px;
 color: #fff;
 border-radius: 100%;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
 }
 header .scrolldown a:hover { color: #11ABB0;
 }
 #nav-wrap ul, #nav-wrap li, #nav-wrap a { margin: 0;
 padding: 0;
 border: none;
 outline: none;
 }
 #nav-wrap { font: 12px 'opensans-bold', sans-serif;
 width: 100%;
 text-transform: uppercase;
 letter-spacing: 2.5px;
 margin: 0 auto;
 z-index: 100;
 position: fixed;
 left: 0;
 top: 0;
 }
 .opaque { background-color: #333;
 }
 #nav-wrap > a.mobile-btn { display: none;
 }
 ul#nav { min-height: 48px;
 width: auto;
 text-align: center;
 }
 ul#nav li { position: relative;
 list-style: none;
 height: 48px;
 display: inline-block;
 }
 ul#nav li a { display: inline-block;
 padding: 8px 13px;
 line-height: 32px;
 text-decoration: none;
 text-align: left;
 color: #fff;
 -webkit-transition: color .2s ease-in-out;
 -moz-transition: color .2s ease-in-out;
 -o-transition: color .2s ease-in-out;
 -ms-transition: color .2s ease-in-out;
 transition: color .2s ease-in-out;
 }
 ul#nav li a:active { background-color: transparent !important;
 }
 ul#nav li.current a { color: #F06000;
 }
 #about { background: #2B2B2B;
 padding-top: 96px;
 padding-bottom: 66px;
 overflow: hidden;
 }
 #about a, #about a:visited { color: #fff;
 }
 #about a:hover, #about a:focus { color: #11ABB0;
 }
 #about h2 { font: 22px/30px 'opensans-bold', sans-serif;
 color: #fff;
 margin-bottom: 12px;
 }
 #about p { line-height: 30px;
 color:#DFDFDF;
 }
 #about .profile-pic { position: relative;
 width: 120px;
 height: 120px;
 border-radius: 100%;
 }
 #about .contact-details { width: 41.66667%;
 }
 #about .download { width: 58.33333%;
 padding-top: 6px;
 }
 #about .main-col { padding-right: 5%;
 }
 #about .download .button { margin-top: 6px;
 background: #444;
 }
 #about .download .button:hover { background: #fff;
 color: #2B2B2B;
 }
 #about .download .button i { margin-right: 15px;
 font-size: 20px;
 }
 #resume { background: #fff;
 padding-top: 90px;
 padding-bottom: 72px;
 overflow: hidden;
 }
 #resume a, #resume a:visited { color: #11ABB0;
 }
 #resume a:hover, #resume a:focus { color: #313131;
 }
 #resume h2 { font: 18px/24px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 }
 #resume h2 span { border-bottom: 3px solid #11ABB0;
 padding-bottom: 6px;
 }
 #resume h3 { font: 25px/30px 'opensans-bold', sans-serif;
 }
 #resume .header-col { padding-top: 9px;
 }
 #resume .main-col { padding-right: 10%;
 }
 .education, .work { margin-bottom: 48px;
 padding-bottom: 24px;
 border-bottom: 1px solid #E8E8E8;
 }
 #resume .info { font: 16px/24px 'librebaskerville-italic', serif;
 color: #6E7881;
 margin-bottom: 18px;
 margin-top: 9px;
 }
 #resume .info span { margin-right: 5px;
 margin-left: 5px;
 }
 #resume .date { font: 15px/24px 'opensans-regular', sans-serif;
 margin-top: 6px;
 }
 .bars { width: 95%;
 float: left;
 padding: 0;
 text-align: left;
 }
 .bars .skills { margin-top: 36px;
 list-style: none;
 }
 .bars li { position: relative;
 margin-bottom: 60px;
 background: #ccc;
 height: 42px;
 border-radius: 3px;
 }
 .bars li em { font: 15px 'opensans-bold', sans-serif;
 color: #313131;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-weight: normal;
 position: relative;
 top: -36px;
 }
 .bar-expand { position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 padding-right: 24px;
 background: #313131;
 display: inline-block;
 height: 42px;
 line-height: 42px;
 border-radius: 3px 0 0 3px;
 }
 .photoshop { width: 60%;
 -moz-animation: photoshop 2s ease;
 -webkit-animation: photoshop 2s ease;
 }
 .cisco { width: 100%;
 -moz-animation: cisco 2s ease;
 -webkit-animation: cisco 2s ease;
 }
 .c { width: 85%;
 -moz-animation: c 2s ease;
 -webkit-animation: c 2s ease;
 }
 .cplusplus { width: 90%;
 -moz-animation: cplusplus 2s ease;
 -webkit-animation: cplusplus 2s ease;
 }
 .perl { width: 75%;
 -moz-animation: perl 2s ease;
 -webkit-animation: perl 2s ease;
 }
 .python { width: 70%;
 -moz-animation: python 2s ease;
 -webkit-animation: python 2s ease;
 }
 .rhel { width: 100%;
 -moz-animation: rhel 2s ease;
 -webkit-animation: rhel 2s ease;
 }
 .office { width: 100%;
 -moz-animation: office 2s ease;
 -webkit-animation: office 2s ease;
 }
 .php{ width: 75%;
 -moz-animation: php 2s ease;
 -webkit-animation: php 2s ease;
 }
 .java { width: 90%;
 -moz-animation: java 2s ease;
 -webkit-animation: java 2s ease;
 }
 .illustrator { width: 55%;
 -moz-animation: illustrator 2s ease;
 -webkit-animation: illustrator 2s ease;
 }
 .wordpress { width: 50%;
 -moz-animation: wordpress 2s ease;
 -webkit-animation: wordpress 2s ease;
 }
 .css { width: 90%;
 -moz-animation: css 2s ease;
 -webkit-animation: css 2s ease;
 }
 .html5 { width: 80%;
 -moz-animation: html5 2s ease;
 -webkit-animation: html5 2s ease;
 }
 .jquery { width: 50%;
 -moz-animation: jquery 2s ease;
 -webkit-animation: jquery 2s ease;
 }
 @-moz-keyframes photoshop { 0% { width: 0px;
 }
 100% { width: 60%;
 }
 }
 @-moz-keyframes illustrator { 0% { width: 0px;
 }
 100% { width: 55%;
 }
 }
 @-moz-keyframes wordpress { 0% { width: 0px;
 }
 100% { width: 50%;
 }
 }
 @-moz-keyframes css { 0% { width: 0px;
 }
 100% { width: 90%;
 }
 }
 @-moz-keyframes html5 { 0% { width: 0px;
 }
 100% { width: 80%;
 }
 }
 @-moz-keyframes jquery { 0% { width: 0px;
 }
 100% { width: 50%;
 }
 }
 @-webkit-keyframes photoshop { 0% { width: 0px;
 }
 100% { width: 60%;
 }
 }
 @-webkit-keyframes illustrator { 0% { width: 0px;
 }
 100% { width: 55%;
 }
 }
 @-webkit-keyframes wordpress { 0% { width: 0px;
 }
 100% { width: 50%;
 }
 }
 @-webkit-keyframes css { 0% { width: 0px;
 }
 100% { width: 90%;
 }
 }
 @-webkit-keyframes html5 { 0% { width: 0px;
 }
 100% { width: 80%;
 }
 }
 @-webkit-keyframes jquery { 0% { width: 0px;
 }
 100% { width: 50%;
 }
 }
 #portfolio { background: #ebeeee;
 padding-top: 90px;
 padding-bottom: 60px;
 }
 #portfolio h3 { font: 15px/24px 'opensans-semibold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 margin-bottom: 48px;
 color: #95A3A3;
 }
 #portfolio-wrapper .columns { margin-bottom: 36px;
 }
 .portfolio-item .item-wrap { background: #fff;
 overflow: hidden;
 position: relative;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 }
 .portfolio-item .item-wrap a { display: block;
 cursor: pointer;
 }
 .portfolio-item .item-wrap .overlay { position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 -moz-opacity: 0;
 filter:alpha(opacity=0);
 -webkit-transition: opacity 0.3s ease-in-out;
 -moz-transition: opacity 0.3s ease-in-out;
 -o-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 background: url(../images/overlay-bg.png) repeat;
 }
 .portfolio-item .item-wrap .link-icon { display: block;
 color: #fff;
 height: 30px;
 width: 30px;
 font-size: 18px;
 line-height: 30px;
 text-align: center;
 opacity: 0;
 -moz-opacity: 0;
 filter:alpha(opacity=0);
 -webkit-transition: opacity 0.3s ease-in-out;
 -moz-transition: opacity 0.3s ease-in-out;
 -o-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -15px;
 margin-top: -15px;
 }
 .portfolio-item .item-wrap img { vertical-align: bottom;
 }
 .portfolio-item .portfolio-item-meta { padding: 18px }
 .portfolio-item .portfolio-item-meta h4 { font: 14px/21px 'opensans-bold', sans-serif;
 color: #fff;
 }
 .portfolio-item .portfolio-item-meta p { font: 12px/18px 'opensans-light', sans-serif;
 color: #c6c7c7;
 margin-bottom: 0;
 }
 .portfolio-item:hover .overlay { opacity: 1;
 -moz-opacity: 1;
 filter:alpha(opacity=100);
 }
 .portfolio-item:hover .link-icon { opacity: 1;
 -moz-opacity: 1;
 filter:alpha(opacity=100);
 }
 .popup-modal { max-width: 550px;
 background: #fff;
 position: relative;
 margin: 0 auto;
 }
 .popup-modal .description-box { padding: 12px 36px 18px 36px;
 }
 .popup-modal .description-box h4 { font: 15px/24px 'opensans-bold', sans-serif;
 margin-bottom: 12px;
 color: #111;
 }
 .popup-modal .description-box p { font: 14px/24px 'opensans-regular', sans-serif;
 color: #A1A1A1;
 margin-bottom: 12px;
 }
 .popup-modal .description-box .categories { font: 11px/21px 'opensans-light', sans-serif;
 color: #A1A1A1;
 text-transform: uppercase;
 letter-spacing: 2px;
 display: block;
 text-align: left;
 }
 .popup-modal .description-box .categories i { margin-right: 8px;
 }
 .popup-modal .link-box { padding: 18px 36px;
 background: #111;
 text-align: left;
 }
 .popup-modal .link-box a { color: #fff;
 font: 11px/21px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 3px;
 cursor: pointer;
 }
 .popup-modal a:hover { color: #00CCCC;
 }
 .popup-modal a.popup-modal-dismiss { margin-left: 24px;
 }
 .mfp-fade.mfp-wrap .mfp-content .popup-modal { opacity: 0;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
 }
 .mfp-fade.mfp-wrap.mfp-ready .mfp-content .popup-modal { opacity: 1;
 }
 .mfp-fade.mfp-wrap.mfp-removing .mfp-content .popup-modal { opacity: 0;
 }
 #call-to-action { background: #212121;
 padding-top: 66px;
 padding-bottom: 48px;
 }
 #call-to-action h3 { font: 18px/24px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 3px;
 color: #fff;
 }
 #call-to-action h3 span { display: none;
 }
 #call-to-action .header-col h3:before { font-family: 'FontAwesome';
 content: "\f0ac";
 padding-right: 10px;
 font-size: 72px;
 line-height: 72px;
 text-align: left;
 float: left;
 color: #fff;
 }
 #call-to-action .action { margin-top: 12px;
 }
 #call-to-action h4 { font: 28px/36px 'opensans-bold', sans-serif;
 color: #EBEEEE;
 margin-bottom: 6px;
 }
 #call-to-action h4 a { color: inherit;
 }
 #call-to-action p { color: #636363;
 font-size: 17px;
 }
 #call-to-action .button:hover, #call-to-action .button:active { background: #FFFFFF;
 color: #0D0D0D;
 }
 #call-to-action p span { font-family: 'opensans-semibold', sans-serif;
 color: #D8D8D8;
 }
 #testimonials { background: #1F1F1F url(../images/testimonials-bg.jpg) no-repeat center center;
 background-size: cover !important;
 -webkit-background-size: cover !important;
 background-attachment: fixed;
 position: relative;
 min-height: 200px;
 width: 100%;
 overflow: hidden;
 }
 #testimonials .text-container { padding-top: 96px;
 padding-bottom: 66px;
 }
 #testimonials h2 { font: 18px/24px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 3px;
 color: #fff;
 }
 #testimonials h2 span { display: none;
 }
 #testimonials .header-col { padding-top: 9px;
 }
 #testimonials .header-col h2:before { font-family: 'FontAwesome';
 content: "\f10d";
 padding-right: 10px;
 font-size: 72px;
 line-height: 72px;
 text-align: left;
 float: left;
 color: #fff;
 }
 #testimonials blockquote { margin: 0 0px 30px 0px;
 padding-left: 0;
 position: relative;
 text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
 }
 #testimonials blockquote:before { content: none;
 }
 #testimonials blockquote p { font-family: 'librebaskerville-italic', serif;
 padding: 0;
 font-size: 24px;
 line-height: 48px;
 color: #fff }
 #testimonials blockquote cite { display: block;
 font-size: 12px;
 font-style: normal;
 line-height: 18px;
 color: #fff;
 }
 #testimonials blockquote cite:before { content: "\2014 \0020";
 }
 #testimonials blockquote cite a, #testimonials blockquote cite a:visited { color: #8B9798;
 border: none }
 .flexslider a:active, .flexslider a:focus { outline: none;
 }
 .slides, .flex-control-nav, .flex-direction-nav { margin: 0;
 padding: 0;
 list-style: none;
 }
 .slides li { margin: 0;
 padding: 0;
}
 .flexslider { position: relative;
 zoom: 1;
 margin: 0;
 padding: 0;
 }
 .flexslider .slides { zoom: 1;
 }
 .flexslider .slides > li { position: relative;
 }
 .flexslider .slides > li { display: none;
 -webkit-backface-visibility: hidden;
 }
 .flex-container { zoom: 1;
 position: relative;
 }
 .slides:before, .slides:after { content: " ";
 display: table;
 }
 .slides:after { clear: both;
 }
 .no-js .slides > li:first-child { display: block;
 }
 .slides { zoom: 1;
 }
 .slides > li { overflow: hidden;
 }
 .flex-control-nav { width: 100%;
 position: absolute;
 bottom: -20px;
 text-align: left;
 }
 .flex-control-nav li { margin: 0 6px;
 display: inline-block;
 zoom: 1;
 *display: inline;
 }
 .flex-control-paging li a { width: 12px;
 height: 12px;
 display: block;
 background: #ddd;
 background: rgba(255, 255, 255, .3);
 cursor: pointer;
 text-indent: -9999px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
 box-shadow: inset 0 0 3px rgba(255, 255, 255, .3);
 }
 .flex-control-paging li a:hover { background: #CCC;
 background: rgba(255, 255, 255, .7);
 }
 .flex-control-paging li a.flex-active { background: #fff;
 background: rgba(255, 255, 255, .9);
 cursor: default;
 }
 #contact { background: #191919;
 padding-top: 96px;
 padding-bottom: 102px;
 color: #636363;
 }
 #contact .section-head { margin-bottom: 42px;
 }
 #contact a, #contact a:visited { color: #11ABB0;
 }
 #contact a:hover, #contact a:focus { color: #fff;
 }
 #contact h3 { font: 18px/24px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 3px;
 color: #EBEEEE;
 margin-bottom: 6px;
 }
 #contact h3 span { display: none;
 }
 #contact h3:before { font-family: 'FontAwesome';
 content: "\f0e0";
 padding-right: 10px;
 font-size: 72px;
 line-height: 72px;
 text-align: left;
 float: left;
 color: #ebeeee;
 }
 #contact h4 { font: 16px/24px 'opensans-bold', sans-serif;
 color: #EBEEEE;
 margin-bottom: 6px;
 }
 #contact p.lead { font: 18px/36px 'opensans-light', sans-serif;
 padding-right: 3%;
 }
 #contact .header-col { padding-top: 6px;
 }
 #contact form { margin-bottom: 30px;
 }
 #contact label { font: 15px/24px 'opensans-bold', sans-serif;
 margin: 12px 0;
 color: #EBEEEE;
 display: inline-block;
 float: left;
 width: 26%;
 }
 #contact input, #contact textarea, #contact select { padding: 18px 20px;
 color: #eee;
 background: #373233;
 margin-bottom: 42px;
 border: 0;
 outline: none;
 font-size: 15px;
 line-height: 24px;
 width: 65%;
 }
 #contact input:focus, #contact textarea:focus, #contact select:focus { color: #fff;
 background-color: #11ABB0;
 }
 #contact button.submit { text-transform: uppercase;
 letter-spacing: 3px;
 color:#fff;
 background: #0D0D0D;
 border: none;
 cursor: pointer;
 height: auto;
 display: inline-block;
 border-radius: 3px;
 margin-left: 26%;
 }
 #contact button.submit:hover { color: #0D0D0D;
 background: #fff;
 }
 #contact span.required { color: #11ABB0;
 font-size: 13px;
 }
 #message-warning, #message-success { display: none;
 background: #0F0F0F;
 padding: 24px 24px;
 margin-bottom: 36px;
 width: 65%;
 margin-left: 26%;
 }
 #message-warning { color: #D72828;
 }
 #message-success { color: #11ABB0;
 }
 #message-warning i, #message-success i { margin-right: 10px;
 }
 #image-loader { display: none;
 position: relative;
 left: 18px;
 top: 17px;
 }
 #twitter { margin-top: 12px;
 padding: 0;
 }
 #twitter li { margin: 6px 0px 12px 0;
 line-height: 30px;
 }
 #twitter li span { display: block;
 }
 #twitter li b a { font: 13px/36px 'opensans-regular', Sans-serif;
 color: #474747 !important;
 border: none;
 }
 footer { padding-top: 48px;
 margin-bottom: 48px;
 color: #303030;
 font-size: 14px;
 text-align: center;
 position: relative;
 }
 footer a, footer a:visited { color: #525252;
 }
 footer a:hover, footer a:focus { color: #fff;
 }
 footer .copyright { margin: 0;
 padding: 0;
 }
 footer .copyright li { display: inline-block;
 margin: 0;
 padding: 0;
 line-height: 24px;
 color:#DFDFDF;
 }
 .ie footer .copyright li { display: inline;
 }
 footer .copyright li:before { content: "\2022";
 padding-left: 10px;
 padding-right: 10px;
 color: #095153;
 }
 footer .copyright li:first-child:before { display: none;
 }
 footer .social-links { margin: 18px 0 30px 0;
 padding: 0;
 font-size: 30px;
 }
 footer .social-links li { display: inline-block;
 margin: 0;
 padding: 0;
 margin-left: 42px;
 color: #F06000;
 }
 footer .social-links li:first-child { margin-left: 0;
 }
 #go-top { position: absolute;
 top: -24px;
 left: 50%;
 margin-left: -30px;
 }
 #go-top a { text-decoration: none;
 border: 0 none;
 display: block;
 width: 60px;
 height: 60px;
 background-color: #525252;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 color: #fff;
 font-size: 21px;
 line-height: 60px;
 border-radius: 100%;
 }
 #go-top a:hover { background-color: #0F9095;
 }
 #nav-wrap select.lang-select { background: transparent;
 color: #fff;
 border: none;
 padding: 8px 13px;
 line-height: 32px;
 font: 12px 'opensans-bold', sans-serif;
 text-transform: uppercase;
 letter-spacing: 2.5px;
 margin-left: 1rem;
 cursor: pointer;
 }
 #nav-wrap select.lang-select option { color: #333;
 background: #fff;
 }
 @media only screen and (max-width: 1024px) { header .banner-text h1 { font: 80px/1.1em 'opensans-bold', sans-serif;
 letter-spacing: -1px;
 margin: 0 auto 12px auto;
 }
 }
 @media only screen and (max-width: 900px) { header .banner { padding-bottom: 12px;
 }
 header .banner-text h1 { font: 78px/1.1em 'opensans-bold', sans-serif;
 letter-spacing: -1px;
 }
 header .banner-text h3 { font: 17px/1.9em 'librebaskerville-regular', serif;
 width: 80%;
 }
 header .banner-text hr { width: 65%;
 margin: 12px auto;
 }
 #nav-wrap { font: 11px 'opensans-bold', sans-serif;
 letter-spacing: 1.5px;
 }
 #about .profile-pic { width: 114px;
 height: 114px;
 margin-left: 12px;
 }
 #about .contact-details { width: 50%;
 }
 #about .download { width: 50%;
 }
 #resume h1 { font: 16px/24px 'opensans-bold', sans-serif;
 }
 #resume .main-col { padding-right: 5%;
 }
 #testimonials .header-col h1:before { font-size: 66px;
 line-height: 66px;
 }
 #testimonials blockquote p { font-size: 22px;
 line-height: 46px;
 }
 #call-to-action .header-col h1:before { font-size: 66px;
 line-height: 66px;
 }
 #contact .section-head { margin-bottom: 30px;
 }
 #contact .header-col h1:before { font-size: 66px;
 line-height: 66px;
 }
 #contact .section-head p.lead { font: 17px/33px opensans-light, sans-serif;
 }
 }
 @media only screen and (max-width: 767px) { #nav-wrap { font: 12px 'opensans-bold', sans-serif;
 background: transparent !important;
 letter-spacing: 1.5px;
 width: auto;
 position: fixed;
 top: 0;
 right: 0;
 }
 #nav-wrap > a { width: 48px;
 height: 48px;
 text-align: left;
 background-color: #CC5200;
 position: relative;
 border: none;
 float: right;
 font: 0/0 a;
 text-shadow: none;
 color: transparent;
 position: relative;
 top: 0px;
 right: 30px;
 }
 #nav-wrap > a:before, #nav-wrap > a:after { position: absolute;
 border: 2px solid #fff;
 top: 35%;
 left: 25%;
 right: 25%;
 content: '';
 }
 #nav-wrap > a:after { top: 60%;
 }
 #nav-wrap:not( :target ) > a:first-of-type, #nav-wrap:target > a:last-of-type { display: block;
 }
 #nav-wrap ul#nav { height: auto;
 display: none;
 clear: both;
 width: auto;
 float: right;
 position: relative;
 top: 12px;
 right: 0;
 }
 #nav-wrap:target > ul#nav { display: block;
 padding: 30px 20px 48px 20px;
 background: #1f2024;
 margin: 0 30px;
 clear: both;
 }
 ul#nav li { display: block;
 height: auto;
 margin: 0 auto;
 padding: 0 4%;
 text-align: left;
 border-bottom: 1px solid #2D2E34;
 border-bottom-style: dotted;
 }
 ul#nav li a { display: block;
 margin: 0;
 padding: 0;
 margin: 12px 0;
 line-height: 16px;
 border: none;
 }
 header .banner { padding-bottom: 12px;
 padding-top: 6px;
 }
 header .banner-text h1 { font: 68px/1.1em 'opensans-bold', sans-serif;
 }
 header .banner-text h3 { font: 16px/1.9em 'librebaskerville-regular', serif;
 width: 85%;
 }
 header .banner-text hr { width: 80%;
 margin: 18px auto;
 }
 header .social { margin: 18px 0 24px 0;
 font-size: 24px;
 line-height: 36px;
 }
 header .social li { margin: 0 10px;
 }
 header .scrolldown { display: none;
 }
 #about .profile-pic { display: none;
 }
 #about .download .button { width: 100%;
 text-align: center;
 padding: 15px 20px;
 }
 #about .main-col { padding-right: 30px;
 }
 #resume .header-col { padding-top: 0;
 margin-bottom: 48px;
 text-align: center;
 }
 #resume h1 { letter-spacing: 3px;
 }
 #resume .main-col { padding-right: 30px;
 }
 #resume h3, #resume .info { text-align: center;
 }
 .bars { width: 100%;
 }
 #call-to-action { text-align: center;
 }
 #call-to-action h1 { font: 16px/24px 'opensans-bold', sans-serif;
 text-align: center;
 margin-bottom: 30px;
 text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
 }
 #call-to-action h1 span { display: block;
 }
 #call-to-action .header-col h1:before { content: none;
 }
 #call-to-action p { font-size: 15px;
 }
 #portfolio-wrapper .columns { margin-bottom: 40px;
 }
 .popup-modal { max-width: 85%;
 }
 #testimonials .text-container { text-align: center;
 }
 #testimonials h1 { font: 16px/24px 'opensans-bold', sans-serif;
 text-align: center;
 margin-bottom: 30px;
 text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
 }
 #testimonials h1 span { display: block;
 }
 #testimonials .header-col h1:before { content: none;
 }
 #testimonials blockquote { padding-bottom: 24px;
 }
 #testimonials blockquote p { font-size: 20px;
 line-height: 42px;
 }
 .flex-control-nav { text-align: center;
 margin-left: -30px;
 }
 #contact { padding-bottom: 66px;
 }
 #contact .section-head { margin-bottom: 12px;
 }
 #contact .section-head h1 { font: 16px/24px 'opensans-bold', sans-serif;
 text-align: center;
 margin-bottom: 30px;
 text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
 }
 #contact h1 span { display: block;
 }
 #contact .header-col { padding-top: 0;
 }
 #contact .header-col h1:before { content: none;
 }
 #contact .section-head p.lead { text-align: center;
}
 #contact label { float: none;
 width: 100%;
 }
 #contact input, #contact textarea, #contact select { margin-bottom: 6px;
 width: 100%;
 }
 #contact button.submit { margin: 30px 0 24px 0;
 }
 #message-warning, #message-success { width: 100%;
 margin-left: 0;
 }
 footer .copyright li:before { content: none;
 }
 footer .copyright li { margin-right: 12px;
 }
 footer .social-links { font-size: 22px;
 }
 footer .social-links li { margin-left: 18px;
 }
 #go-top { margin-left: -22px;
 }
 #go-top a { width: 54px;
 height: 54px;
 font-size: 18px;
 line-height: 54px;
 }
 }
 @media only screen and (max-width: 480px) { #nav-wrap ul#nav { width: auto;
 float: none;
 }
 header .banner { padding-top: 24px;
 }
 header .banner-text h1 { font: 40px/1.1em 'opensans-bold', sans-serif;
 margin: 0 auto 24px auto;
 }
 header .banner-text h3 { font: 14px/1.9em 'librebaskerville-regular', sans-serif;
 width: 90%;
 }
 header .social { font-size: 20px;
}
 header .social li { margin: 0 6px;
 }
 footer .social-links { font-size: 20px;
 }
 footer .social-links li { margin-left: 14px;
 }
 }
 .mfp-bg { top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1042;
 overflow: hidden;
 position: fixed;
 background: #000;
 opacity: 0.8;
 filter: alpha(opacity=80);
 }
 .mfp-wrap { top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1043;
 position: fixed;
 outline: none !important;
 -webkit-backface-visibility: hidden;
 }
 .mfp-container { text-align: center;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding: 0 8px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }
 .mfp-container:before { content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 }
 .mfp-align-top .mfp-container:before { display: none;
 }
 .mfp-content { position: relative;
 display: inline-block;
 vertical-align: middle;
 margin: 0 auto;
 text-align: left;
 z-index: 1045;
 }
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%;
 cursor: auto;
 }
 .mfp-ajax-cur { cursor: progress;
 }
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out;
 cursor: -webkit-zoom-out;
 cursor: zoom-out;
 }
 .mfp-zoom { cursor: pointer;
 cursor: -webkit-zoom-in;
 cursor: -moz-zoom-in;
 cursor: zoom-in;
 }
 .mfp-auto-cursor .mfp-content { cursor: auto;
 }
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 }
 .mfp-loading.mfp-figure { display: none;
 }
 .mfp-hide { display: none !important;
 }
 .mfp-preloader { color: #cccccc;
 position: absolute;
 top: 50%;
 width: auto;
 text-align: center;
 margin-top: -0.8em;
 left: 8px;
 right: 8px;
 z-index: 1044;
 }
 .mfp-preloader a { color: #cccccc;
 }
 .mfp-preloader a:hover { color: white;
 }
 .mfp-s-ready .mfp-preloader { display: none;
 }
 .mfp-s-error .mfp-content { display: none;
 }
 button.mfp-close, button.mfp-arrow { overflow: visible;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
 display: block;
 outline: none;
 padding: 0;
 z-index: 1046;
 -webkit-box-shadow: none;
 box-shadow: none;
 }
 button::-moz-focus-inner { padding: 0;
 border: 0;
 }
 .mfp-close { width: 44px;
 height: 44px;
 line-height: 44px;
 position: absolute;
 right: 0;
 top: 0;
 text-decoration: none;
 text-align: center;
 opacity: 0.65;
 filter: alpha(opacity=65);
 padding: 0 0 18px 10px;
 color: white;
 font-style: normal;
 font-size: 28px;
 font-family: Arial, Baskerville, monospace;
 }
 .mfp-close:hover, .mfp-close:focus { opacity: 1;
 filter: alpha(opacity=100);
 }
 .mfp-close:active { top: 1px;
 }
 .mfp-close-btn-in .mfp-close { color: #333333;
 }
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white;
 right: -6px;
 text-align: right;
 padding-right: 6px;
 width: 100%;
 }
 .mfp-counter { position: absolute;
 top: 0;
 right: 0;
 color: #cccccc;
 font-size: 12px;
 line-height: 18px;
 }
 .mfp-arrow { position: absolute;
 opacity: 0.65;
 filter: alpha(opacity=65);
 margin: 0;
 top: 50%;
 margin-top: -55px;
 padding: 0;
 width: 90px;
 height: 110px;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .mfp-arrow:active { margin-top: -54px;
 }
 .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1;
 filter: alpha(opacity=100);
 }
 .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: '';
 display: block;
 width: 0;
 height: 0;
 position: absolute;
 left: 0;
 top: 0;
 margin-top: 35px;
 margin-left: 35px;
 border: medium inset transparent;
 }
 .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px;
 border-bottom-width: 13px;
 top: 8px;
 }
 .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px;
 border-bottom-width: 21px;
 opacity: 0.7;
 }
 .mfp-arrow-left { left: 0;
 }
 .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white;
 margin-left: 31px;
 }
 .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px;
 border-right: 27px solid #3f3f3f;
 }
 .mfp-arrow-right { right: 0;
 }
 .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white;
 margin-left: 39px;
 }
 .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f;
 }
 .mfp-iframe-holder { padding-top: 40px;
 padding-bottom: 40px;
 }
 .mfp-iframe-holder .mfp-content { line-height: 0;
 width: 100%;
 max-width: 900px;
 }
 .mfp-iframe-holder .mfp-close { top: -40px;
 }
 .mfp-iframe-scaler { width: 100%;
 height: 0;
 overflow: hidden;
 padding-top: 56.25%;
 }
 .mfp-iframe-scaler iframe { position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 background: black;
 }
 img.mfp-img { width: auto;
 max-width: 100%;
 height: auto;
 display: block;
 line-height: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 40px 0 40px;
 margin: 0 auto;
 }
 .mfp-figure { line-height: 0;
 }
 .mfp-figure:after { content: '';
 position: absolute;
 left: 0;
 top: 40px;
 bottom: 40px;
 display: block;
 right: 0;
 width: auto;
 height: auto;
 z-index: -1;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 background: #444444;
 }
 .mfp-figure small { color: #bdbdbd;
 display: block;
 font-size: 12px;
 line-height: 14px;
 }
 .mfp-figure figure { margin: 0;
 }
 .mfp-bottom-bar { margin-top: -36px;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 cursor: auto;
 }
 .mfp-title { text-align: left;
 line-height: 18px;
 color: #f3f3f3;
 word-wrap: break-word;
 padding-right: 36px;
 }
 .mfp-image-holder .mfp-content { max-width: 100%;
 }
 .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer;
 }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0;
 padding-right: 0;
 }
 .mfp-img-mobile img.mfp-img { padding: 0;
 }
 .mfp-img-mobile .mfp-figure:after { top: 0;
 bottom: 0;
 }
 .mfp-img-mobile .mfp-figure small { display: inline;
 margin-left: 5px;
 }
 .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6);
 bottom: 0;
 margin: 0;
 top: auto;
 padding: 3px 5px;
 position: fixed;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }
 .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;
 }
 .mfp-img-mobile .mfp-counter { right: 5px;
 top: 3px;
 }
 .mfp-img-mobile .mfp-close { top: 0;
 right: 0;
 width: 35px;
 height: 35px;
 line-height: 35px;
 background: rgba(0, 0, 0, 0.6);
 position: fixed;
 text-align: center;
 padding: 0;
 }
 }
 @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75);
 transform: scale(0.75);
 }
 .mfp-arrow-left { -webkit-transform-origin: 0;
 transform-origin: 0;
 }
 .mfp-arrow-right { -webkit-transform-origin: 100%;
 transform-origin: 100%;
 }
 .mfp-container { padding-left: 6px;
 padding-right: 6px;
 }
 }
 .mfp-ie7 .mfp-img { padding: 0;
 }
 .mfp-ie7 .mfp-bottom-bar { width: 600px;
 left: 50%;
 margin-left: -300px;
 margin-top: 5px;
 padding-bottom: 5px;
 }
 .mfp-ie7 .mfp-container { padding: 0;
 }
 .mfp-ie7 .mfp-content { padding-top: 44px;
 }
 .mfp-ie7 .mfp-close { top: 0;
 right: 0;
 padding-top: 0;
 }