Difference between revisions of "Template:BIT-China"

Revision as of 02:44, 29 June 2018 (view source) InspAlgo (Talk | contribs) ← Older edit		Revision as of 02:46, 29 June 2018 (view source) InspAlgo (Talk | contribs) Newer edit →
Line 2:		Line 2:
	{{Template:BIT-China/css-queries}}		{{Template:BIT-China/css-queries}}
	{{Template:BIT-China/css-font-awesome.min}}		{{Template:BIT-China/css-font-awesome.min}}
		+	{{Template:BIT-China/css-flexslider}}

---

Revision as of 02:46, 29 June 2018

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ========================================================================== HTML5 display definitions ========================================================================== */

/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {

 display: block;

} /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video {

 display: inline-block;
 *display: inline;
 *zoom: 1;

} /* * Prevents modern browsers from displaying `audio` without controls.

• Remove excess height in iOS 5 devices. */

audio:not([controls]) {

 display: none;
 height: 0;

} /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.

• Known issue:no IE 6 support. */

[hidden] {

 display: none;

} /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using

• `em` units.
• 2. Prevents iOS text size adjust after orientation change, without disabling
• user zoom. */

html {

 font-size: 100%;
 /* 1 */
 -webkit-text-size-adjust: 100%;
 /* 2 */
 -ms-text-size-adjust: 100%;
 /* 2 */

}

html, html a {

 -webkit-font-smoothing: antialiased;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

} /* * Addresses `font-family` inconsistency between `textarea` and other form

• elements. */

button, html, input, select, textarea {

 font-family: 'Varela Round', sans-serif;

} /* * Addresses margins handled incorrectly in IE 6/7. */ body {

 margin: 0;
 font-family: 'Varela Round', sans-serif;

} /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus {

 outline: thin dotted;

} /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover {

 outline: 0;

} /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7.

• Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */

h1 {

 font-size: 2em;
 margin: .67em 0;
 color: #353535;

}

h2 {

 font-size: 1.5em;
 margin: .83em 0;

}

h3 {

 font-size: 1.17em;
 margin: 1em 0;

}

h4 {

 font-size: 1em;
 margin: 1.33em 0;

}

h5 {

 font-size: .83em;
 margin: 1.67em 0;

}

h6 {

 font-size: .75em;
 margin: 2.33em 0;

} /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] {

 border-bottom: 1px dotted;

} /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong {

 font-weight: bold;

}

blockquote {

 margin: 1em 40px;

} /* * Addresses styling not present in Safari 5 and Chrome. */ dfn {

 font-style: italic;

} /* * Addresses styling not present in IE 6/7/8/9. */ mark {

 background: #ff0;
 color: #000;

} /* * Addresses margins set differently in IE 6/7. */ p, pre {

 margin: 1em 0;

} /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp {

 font-family: monospace, serif;
 _font-family: 'courier new', monospace;
 font-size: 1em;

} /* * Improves readability of pre-formatted text in all browsers. */ pre {

 white-space: pre;
 white-space: pre-wrap;
 word-wrap: break-word;

} /* * Addresses CSS quotes not supported in IE 6/7. */ q {

 quotes: none;

} /* * Addresses `quotes` property not supported in Safari 4. */ q:after, q:before {

 content: ;
 content: none;

}

small {

 font-size: 75%;

} /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup {

 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;

}

sup {

 top: -0.5em;

}

sub {

 bottom: -0.25em;

} /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */

dl, menu, ol, ul {

 margin: 1em 0;

}

dd {

 margin: 0 0 0 40px;

} /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul {

 padding: 0 0 0 40px;

} /* * Corrects list images handled incorrectly in IE 7. */ nav ol, nav ul {

 list-style: none;
 list-style-image: none;

} /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.

• 2. Improves image quality when scaled in IE 7. */

img {

 border: 0;
 /* 1 */
 -ms-interpolation-mode: bicubic;
 /* 2 */

} /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) {

 overflow: hidden;

} /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */

figure {

 margin: 0;

} /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */

form {

 margin: 0;

} /* * Define consistent border, margin, and padding. */ fieldset {

 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: .35em .625em .75em;

} /* * 1. Corrects color not being inherited in IE 6/7/8/9.

• 2. Corrects text not wrapping in Firefox 3.
• 3. Corrects alignment displayed oddly in IE 6/7. */

legend {

 border: 0;
 /* 1 */
 padding: 0;
 white-space: normal;
 /* 2 */
 *margin-left: -7px;
 /* 3 */

} /* * 1. Corrects font size not being inherited in all browsers.

• 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome.
• 3. Improves appearance and consistency in all browsers. */

button, input, select, textarea {

 font-size: 100%;
 /* 1 */
 margin: 0;
 /* 2 */
 vertical-align: baseline;
 /* 3 */
 *vertical-align: middle;
 /* 3 */

} /* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in

• the UA stylesheet. */

button, input {

 line-height: normal;

} /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

• and `video` controls.
• 2. Corrects inability to style clickable `input` types in iOS.
• 3. Improves usability and consistency of cursor style between image-type
• `input` and others.
• 4. Removes inner spacing in IE 7 without affecting normal text inputs.
• Known issue:inner spacing remains in IE 6. */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {

 -webkit-appearance: button;
 /* 2 */
 cursor: pointer;
 /* 3 */
 *overflow: visible;
 /* 4 */

} /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] {

 cursor: default;

} /* * 1. Addresses box sizing set to content-box in IE 8/9.

• 2. Removes excess padding in IE 8/9.
• 3. Removes excess padding in IE 7.
• Known issue:excess padding remains in IE 6. */

input[type="checkbox"], input[type="radio"] {

 box-sizing: border-box;
 /* 1 */
 padding: 0;
 /* 2 */
 *height: 13px;
 /* 3 */
 *width: 13px;
 /* 3 */

} /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.

• 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
• (include `-moz` to future-proof). */

input[type="search"] {

 -webkit-appearance: textfield;
 /* 1 */
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 /* 2 */
 box-sizing: content-box;

} /* * Removes inner padding and search cancel button in Safari 5 and Chrome

• on OS X. */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

} /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;
 padding: 0;

} /* * 1. Removes default vertical scrollbar in IE 6/7/8/9.

• 2. Improves readability and alignment in all browsers. */

textarea {

 overflow: auto;
 /* 1 */
 vertical-align: top;
 /* 2 */

} /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table {

 border-collapse: collapse;
 border-spacing: 0;

} /* ========================================================================== Global Styles ========================================================================== */ a {

 color: #353535;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;

}

a:focus, a:hover {

 color: #3dc9b3;
 text-decoration: none;

}

p {

 color: #8c9398;
 word-spacing: 1px;
 line-height: 25px;
 font-size: 14px;

}

h2 {

 font-size: 15px;
 color: #353535;
 text-transform: uppercase;
 font-weight: bold;

}

h2::after {

 content: " ";
 border: solid 2px #3dc9b3;
 display: block;
 width: 35px;
 margin: 25px auto;

}

.section-padding {

 padding: 90px 0 100px;

}

.dark-bg {

 background: #f3f5f8;

}

.light-bg {

 background-color: #fff;

}

.dark-box {

 background: #f3f5f8;
 -webkit-box-shadow: 0 3px 0 0 #f0f2f4;
 -moz-box-shadow: 0 3px 0 0 #f0f2f4;
 box-shadow: 0 3px 0 0 #f0f2f4;

}

.light-box {

 background-color: #fff;
 -webkit-box-shadow: 0 3px 0 0 #f0f2f4;
 -moz-box-shadow: 0 3px 0 0 #f0f2f4;
 box-shadow: 0 3px 0 0 #f0f2f4;
 padding: 20px 0;

}

.light-box:focus, .light-box:hover {

 -webkit-box-shadow: 0 3px 0 0 #3dc9b3;
 -moz-box-shadow: 0 3px 0 0 #3dc9b3;
 box-shadow: 0 3px 0 0 #3dc9b3;

}

.box-hover {

 transition: all 500ms ease-in-out;
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;

}

.box-hover:focus, .box-hover:hover {

 transform: translate(0, -15px);
 -webkit-transform: translate(0, -15px);
 -ms-transform: translate(0, -15px);

}

.wrapper {

 height: 650px;

}

.nopadding {

 padding: 0;

}

.inner {

 padding-top: 170px;

} /* ========================================================================== Navigation ========================================================================== */ nav {

 background-color: #242830;
 margin-top: -1px;

}

nav ul {

 list-style: none;
 padding: 0;

}

nav ul li {

 color: rgba(255, 255, 255, 0.6);
 display: block;
 border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
 transition: all .5s ease;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 padding-left: 0;
 position: relative;

}

nav ul li:last-child {

 border: none;

}

nav ul li a {

 color: rgba(255, 255, 255, 0.6);
 display: block;
 padding: 20px;
 transition: all .5s ease;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 padding-left: 0;
 position: relative;

}

nav ul li a:focus, nav ul li a:hover {

 text-decoration: none;
 color: rgba(255, 255, 255, 1);

}

1. nav-toggle {

 position: absolute;
 right: 15px;
 top: 0;

}

1. nav-toggle {

 cursor: pointer;
 padding: 10px 35px 16px 0;

}

1. nav-toggle span,
2. nav-toggle span:after,
3. nav-toggle span:before {

 cursor: pointer;
 border-radius: 1px;
 -moz-border-radius: 1px;
 -webkit-border-radius: 1px;
 -o-border-radius: 1px;
 height: 5px;
 width: 35px;
 background: #353535;
 position: absolute;
 display: block;
 content: ;

}

1. nav-toggle span:before {

 top: -10px;

}

1. nav-toggle span:after {

 bottom: -10px;

}

1. nav-toggle span,
2. nav-toggle span:after,
3. nav-toggle span:before {

 transition: all 500ms ease-in-out;
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;

}

1. nav-toggle.active span {

 background-color: transparent;

}

1. nav-toggle.active span:after,
2. nav-toggle.active span:before {

 top: 0;

}

1. nav-toggle.active span:before {

 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);

}

1. nav-toggle.active span:after {

 transform: translateY(-10px) rotate(-45deg);
 -webkit-transform: translateY(-10px) rotate(-45deg);
 -ms-transform: translateY(-10px) rotate(-45deg);
 top: 10px;

}

.navicon {

 position: relative;
 height: 26px;

}

.indicator {

 position: absolute;
 right: 0 !important;

}

.pull {

 display: none;

} /* ========================================================================== Hero ========================================================================== */ .hero {

 background: url('https://static.igem.org/mediawiki/2018/9/9f/T--BIT-China--iGEM2018_temp_hero_bg.jpg') no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 padding: 65px 0 300px;
 height: auto;

}

.hero h1 {

 font-size: 40px;
 letter-spacing: 12px;
 margin: 10px;

}

.hero h1 span {

 color: #a1a9b0;
 display: inline-block;

}

.hero p {

 letter-spacing: 1px;

}

.learn-more-btn {

 background: rgba(61, 201, 179, 1);
 padding: 20px 40px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: inline-block;
 -webkit-box-shadow: 0 3px 0 0 #309383;
 -moz-box-shadow: 0 3px 0 0 #309383;
 box-shadow: 0 3px 0 0 #309383;
 margin: 60px 0 0;
 font-weight: bold;

}

.learn-more-btn:focus, .learn-more-btn:hover {

 background: rgba(61, 201, 179, 0.6);
 color: #fff;

} /* ========================================================================== Intro ========================================================================== */ .intro {

 background: #f3f5f8;

}

.intro p {

 margin: 50px 0 0;

}

h1.arrow {

 font-size: 15px;
 text-transform: uppercase;
 color: #353535;
 letter-spacing: 1px;
 background: url('https://static.igem.org/mediawiki/2018/f/f6/T--BIT-China--iGEM2018_h1_bg.png') no-repeat center bottom;
 padding-bottom: 30px;
 font-weight: bold;

} /* ========================================================================== Features ========================================================================== */ .features-wrapper, .team-wrapper {

 margin: 70px 0 0;

}

.shadow {

 text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px;

}

.icon {

 height: 175px;
 width: 175px;
 line-height: 175px;
 max-width: 100%;
 background: #3dc9b3;
 border-radius: 50%;
 -o-border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 display: block;
 color: #fff;
 font-size: 55px;
 text-align: center;
 vertical-align: middle;
 position: relative;
 margin: 0 auto 50px;

} /* ========================================================================== iPhone Section ========================================================================== */ .iphone {

 width: 50%;
 background: #f3f5f8;
 float: left;
 height: 100%;
 box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
 z-index: 1;

}

.fluid-white {

 width: 50%;
 background: #fff;
 float: right;
 height: 100%;
 z-index: 2;

}

.responsive-services {

 position: relative;

} /* ========================================================================== Swag ========================================================================== */ .swag {

 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-attachment: fixed;
 padding: 50px 0;

}

.swag h1 {

 color: #fff;
 font-size: 40px;
 text-transform: uppercase;
 letter-spacing: 5px;

}

.swag h1 span {

 display: block;
 font-size: 25px;
 margin-top: 20px;

}

.down-arrow-btn {

 width: 40px;
 height: 40px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 background: rgba(61, 201, 179, 0.8);
 display: inline-block;
 margin: 10px auto 20px;
 color: #fff;
 font-size: 16px;
 line-height: 40px;
 text-align: center;

}

.down-arrow-btn:focus, .down-arrow-btn:hover {

 color: #fff;
 background: rgba(61, 201, 179, 1);

} /* ========================================================================== Portfolio ========================================================================== */ .effects {

 padding-left: 15px;

}

.effects .img {

 position: relative;
 margin-bottom: 50px;
 position: relative;
 z-index: 1;
 overflow: hidden;

}

.effects .img:nth-child(n) {

 margin-right: 5px;

}

.effects .img:first-child {

 margin-left: -15px;

}

.effects .img:last-child {

 margin-right: 0;

}

.effects .img img {

 display: block;
 margin: 0;
 padding: 0;
 height: auto;

}

.overlay {

 display: block;
 position: absolute;
 z-index: 20;
 background: rgba(100, 194, 158, 0.8);
 overflow: hidden;
 transition: all .5s;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;

}

a.close-overlay {

 display: block;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 100;
 width: 45px;
 height: 45px;
 font-size: 20px;
 font-weight: 700;
 color: #fff;
 line-height: 45px;
 text-align: center;
 background-color: #000;
 cursor: pointer;

}

a.close-overlay.hidden {

 display: none;

}

a.expand {

 display: block;
 position: absolute;
 z-index: 100;
 text-align: center;
 color: #fff;
 font-weight: 600;
 font-size: 14px;
 text-transform: uppercase;
 line-height: 30px;

}

.overlay-effect .img i {

 font-size: 30px;

}

.overlay-effect .overlay {

 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
 opacity: 0;

}

.overlay-effect .overlay a.expand {

 left: 0;
 right: 0;
 bottom: 47%;
 margin: 0 auto -30px;

}

.overlay-effect .img.hover .overlay {

 height: 100%;
 opacity: 1;

}

.img img {

 width: -webkit-calc(100% + 40px) !important;
 width: calc(100% + 40px) !important;
 -webkit-transition: opacity .35s, -webkit-transform .35s;
 transition: opacity .35s, transform .35s;
 -moz-transition: opacity .35s, -moz-transform .35s;
 -o-transition: opacity .35s, -o-transform .35s;
 -webkit-transform: translate3d(-40px, 0, 0);
 transform: translate3d(-40px, 0, 0);
 -ms-transform: translate3d(-40px, 0, 0);

}

.img:hover img {

 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(-40px, 0, 0);

}

.designs {

 position: absolute;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 top: 50px;

} /* ========================================================================== Subscribe ========================================================================== */ .subscribe {

 background: url('../img/keyboard-bg.jpg') no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-attachment: fixed;
 padding: 120px 0 140px;

}

.subscribe h1 {

 color: #fff;
 margin-bottom: 40px;

}

.subscribe h1 span {

 display: block;
 font-size: 15px;
 text-transform: uppercase;
 font-weight: bold;
 margin-top: 20px;
 letter-spacing: 1px;

}

.subscribe input[type=text] {

 background-color: rgba(255, 255, 255, 0.1);
 border: solid 1px #fff;
 padding: 20px;
 width: 30%;
 color: #fff;

}

.subscribe input[type=submit] {

 background: rgba(61, 201, 179, 0.5);
 border: solid 1px rgba(61, 201, 179, 0.5);
 padding: 20px;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 transition: all .5s ease;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;

}

.subscribe input[type=submit]:hover {

 background: rgba(61, 201, 179, 1);
 border: solid 1px rgba(61, 201, 179, 1);
 color: #fff;

} /* ========================================================================== CTA ========================================================================== */ .ignite-cta {

 background-color: #242830;
 padding: 70px 0;

}

.ignite-btn {

 display: inline-block;
 padding: 25px 40px;
 color: #fff;
 border: solid 1px #fff;
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 1px;

}

.ignite-btn:focus, .ignite-btn:hover {

 color: #3dc9b3;
 border: solid 1px #3dc9b3;

} /* ========================================================================== Team ========================================================================== */ .team img {

 margin-bottom: 40px;

}

ul.social-buttons {

 list-style: none;
 margin: 0;
 padding: 0;

}

ul.social-buttons li {

 display: inline-block;
 margin-right: 10px;

}

ul.social-buttons li:last-child {

 margin-right: 0;

}

.social-btn {

 width: 40px;
 height: 40px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 background: #242830;
 display: inline-block;
 color: #fff;
 font-size: 17px;
 line-height: 40px;
 text-align: center;

}

.social-btn:focus, .social-btn:hover {

 background: #3dc9b3;
 color: #fff;

}

.social {

 margin-top: 25px;

} /* ========================================================================== Contact ========================================================================== */ .up-btn {

 width: 50px;
 height: 50px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 background: rgba(61, 201, 179, 0.5);
 display: block;
 margin: 0 auto;
 color: #fff;
 font-size: 18px;
 line-height: 46px;
 text-align: center;
 position: absolute;
 top: -26px;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;

}

.up-btn:hover, up-btn:focus {

 color: #fff;
 background: rgba(61, 201, 179, 1);

}

.contact-details {

 margin: 70px 0;

}

.contact-details h2 {

 font-size: 20px;

}

.contact-details h2 span {

 display: block;
 color: #3dc9b3;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 14px;
 margin-top: 15px;

}

.contact-wrap {

 position: relative;

} /* ========================================================================== Footer ========================================================================== */ footer a {

 color: #a1a9b0;

}

footer {

 background-color: #242830;
 padding: 40px 0 30px;

}

footer p {

 color: #fff;

}

ul.legals {

 list-style: none;
 color: #fff;
 line-height: 25px;

}

ul.legals li {

 display: inline-block;

}

ul.legals li::after {

 content: " |";

}

ul.legals li:last-child::after {

 content: "";

}

.legals {

 text-align: left;

}

.credit {

 text-align: right;

} /* ========================================================================== FlexSlider Custom CSS ========================================================================== */

1. servicesSlider {

 margin-top: 70px;

}

ul.slides li {

 margin-bottom: 20px;

} /* ========================================================================== Waypoints ========================================================================== */ .wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {

 visibility: hidden;

}

.bounceInLeft, .bounceInRight, .fadeInDown, .fadeInLeft, .fadeInRight, .fadeInUp, .fadeInUpD, .fadeInUpDelay {

 visibility: visible;

}

.delay-05s {

 animation-delay: .5s;
 -webkit-animation-delay: .5s;

}

.delay-1s {

 animation-delay: 1s;
 -webkit-animation-delay: 1s;

}

.wp3 {

 background: url('../img/iphone-bg.png') no-repeat center center;
 background-position: 200px 10px;
 height: 100%;

} /* 320px (iPhone) */ @media screen and (max-width:320px) { } /* 480px (WVGA - Low End Windows Phone) */ @media screen and (max-width:480px) { .wrapper { background: #f3f5f8; height: 640px; } .iphone { display: none; } .fluid-white { display: none; } .wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; } .legals { text-align: center; margin: 0; padding: 0; } .credit { text-align: center; } } /* xGA iPad */ @media screen and (max-width:1024px) { .wp3 { background-position: 50px 0; } .swag { background-attachment: scroll; } .subscribe { background-attachment: scroll; } } /* 1200px (Small Desktop, Netbook) */ @media screen and (max-width:1280px) { .wp3 { background-position: 50px 0; } } /* Bootstrap 990px Breakpoint to 480px */ @media screen and (min-width:480px) and (max-width:991px) { .iphone { display: none; } .fluid-white { display: none; } .wrapper { background: #f3f5f8; height: 540px; } .wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; } .legals { text-align: center; margin: 0; padding: 0; } .credit { text-align: center; } } /*!

*  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {

 font-family: 'FontAwesome';
 src: url('../fonts/fontawesome-webfont.eot');
 src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');
 font-weight: normal;
 font-style: normal;

}

.fa {

 display: inline-block;
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

}

.fa-lg {

 font-size: 1.33333333em;
 line-height: .75em;
 vertical-align: -15%;

}

.fa-2x {

 font-size: 2em;

}

.fa-3x {

 font-size: 3em;

}

.fa-4x {

 font-size: 4em;

}

.fa-5x {

 font-size: 5em;

}

.fa-fw {

 width: 1.28571429em;
 text-align: center;

}

.fa-ul {

 padding-left: 0;
 margin-left: 2.14285714em;
 list-style-type: none;

}

.fa-ul > li {

 position: relative;

}

.fa-li {

 position: absolute;
 left: -2.14285714em;
 width: 2.14285714em;
 top: .14285714em;
 text-align: center;

}

.fa-li.fa-lg {

 left: -1.85714286em;

}

.fa-border {

 padding: .2em .25em .15em;
 border: solid .08em #eee;
 border-radius: .1em;

}

.pull-right {

 float: right;

}

.pull-left {

 float: left;

}

.fa.pull-left {

 margin-right: .3em;

}

.fa.pull-right {

 margin-left: .3em;

}

.fa-spin {

 -webkit-animation: spin 2s infinite linear;
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;

} @-moz-keyframes spin {

 0% {
   -moz-transform: rotate(0deg);
 }

 100% {
   -moz-transform: rotate(359deg);
 }

} @-webkit-keyframes spin {

 0% {
   -webkit-transform: rotate(0deg);
 }

 100% {
   -webkit-transform: rotate(359deg);
 }

} @-o-keyframes spin {

 0% {
   -o-transform: rotate(0deg);
 }

 100% {
   -o-transform: rotate(359deg);
 }

} @keyframes spin {

 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }

 100% {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

.fa-rotate-90 {

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);

}

.fa-rotate-180 {

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);

}

.fa-rotate-270 {

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 -webkit-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
 -ms-transform: rotate(270deg);
 -o-transform: rotate(270deg);
 transform: rotate(270deg);

}

.fa-flip-horizontal {

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
 -webkit-transform: scale(-1, 1);
 -moz-transform: scale(-1, 1);
 -ms-transform: scale(-1, 1);
 -o-transform: scale(-1, 1);
 transform: scale(-1, 1);

}

.fa-flip-vertical {

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
 -webkit-transform: scale(1, -1);
 -moz-transform: scale(1, -1);
 -ms-transform: scale(1, -1);
 -o-transform: scale(1, -1);
 transform: scale(1, -1);

}

.fa-stack {

 position: relative;
 display: inline-block;
 width: 2em;
 height: 2em;
 line-height: 2em;
 vertical-align: middle;

}

.fa-stack-1x, .fa-stack-2x {

 position: absolute;
 left: 0;
 width: 100%;
 text-align: center;

}

.fa-stack-1x {

 line-height: inherit;

}

.fa-stack-2x {

 font-size: 2em;

}

.fa-inverse {

 color: #fff;

}

.fa-glass:before {

 content: "\f000";

}

.fa-music:before {

 content: "\f001";

}

.fa-search:before {

 content: "\f002";

}

.fa-envelope-o:before {

 content: "\f003";

}

.fa-heart:before {

 content: "\f004";

}

.fa-star:before {

 content: "\f005";

}

.fa-star-o:before {

 content: "\f006";

}

.fa-user:before {

 content: "\f007";

}

.fa-film:before {

 content: "\f008";

}

.fa-th-large:before {

 content: "\f009";

}

.fa-th:before {

 content: "\f00a";

}

.fa-th-list:before {

 content: "\f00b";

}

.fa-check:before {

 content: "\f00c";

}

.fa-times:before {

 content: "\f00d";

}

.fa-search-plus:before {

 content: "\f00e";

}

.fa-search-minus:before {

 content: "\f010";

}

.fa-power-off:before {

 content: "\f011";

}

.fa-signal:before {

 content: "\f012";

}

.fa-cog:before, .fa-gear:before {

 content: "\f013";

}

.fa-trash-o:before {

 content: "\f014";

}

.fa-home:before {

 content: "\f015";

}

.fa-file-o:before {

 content: "\f016";

}

.fa-clock-o:before {

 content: "\f017";

}

.fa-road:before {

 content: "\f018";

}

.fa-download:before {

 content: "\f019";

}

.fa-arrow-circle-o-down:before {

 content: "\f01a";

}

.fa-arrow-circle-o-up:before {

 content: "\f01b";

}

.fa-inbox:before {

 content: "\f01c";

}

.fa-play-circle-o:before {

 content: "\f01d";

}

.fa-repeat:before, .fa-rotate-right:before {

 content: "\f01e";

}

.fa-refresh:before {

 content: "\f021";

}

.fa-list-alt:before {

 content: "\f022";

}

.fa-lock:before {

 content: "\f023";

}

.fa-flag:before {

 content: "\f024";

}

.fa-headphones:before {

 content: "\f025";

}

.fa-volume-off:before {

 content: "\f026";

}

.fa-volume-down:before {

 content: "\f027";

}

.fa-volume-up:before {

 content: "\f028";

}

.fa-qrcode:before {

 content: "\f029";

}

.fa-barcode:before {

 content: "\f02a";

}

.fa-tag:before {

 content: "\f02b";

}

.fa-tags:before {

 content: "\f02c";

}

.fa-book:before {

 content: "\f02d";

}

.fa-bookmark:before {

 content: "\f02e";

}

.fa-print:before {

 content: "\f02f";

}

.fa-camera:before {

 content: "\f030";

}

.fa-font:before {

 content: "\f031";

}

.fa-bold:before {

 content: "\f032";

}

.fa-italic:before {

 content: "\f033";

}

.fa-text-height:before {

 content: "\f034";

}

.fa-text-width:before {

 content: "\f035";

}

.fa-align-left:before {

 content: "\f036";

}

.fa-align-center:before {

 content: "\f037";

}

.fa-align-right:before {

 content: "\f038";

}

.fa-align-justify:before {

 content: "\f039";

}

.fa-list:before {

 content: "\f03a";

}

.fa-dedent:before, .fa-outdent:before {

 content: "\f03b";

}

.fa-indent:before {

 content: "\f03c";

}

.fa-video-camera:before {

 content: "\f03d";

}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {

 content: "\f03e";

}

.fa-pencil:before {

 content: "\f040";

}

.fa-map-marker:before {

 content: "\f041";

}

.fa-adjust:before {

 content: "\f042";

}

.fa-tint:before {

 content: "\f043";

}

.fa-edit:before, .fa-pencil-square-o:before {

 content: "\f044";

}

.fa-share-square-o:before {

 content: "\f045";

}

.fa-check-square-o:before {

 content: "\f046";

}

.fa-arrows:before {

 content: "\f047";

}

.fa-step-backward:before {

 content: "\f048";

}

.fa-fast-backward:before {

 content: "\f049";

}

.fa-backward:before {

 content: "\f04a";

}

.fa-play:before {

 content: "\f04b";

}

.fa-pause:before {

 content: "\f04c";

}

.fa-stop:before {

 content: "\f04d";

}

.fa-forward:before {

 content: "\f04e";

}

.fa-fast-forward:before {

 content: "\f050";

}

.fa-step-forward:before {

 content: "\f051";

}

.fa-eject:before {

 content: "\f052";

}

.fa-chevron-left:before {

 content: "\f053";

}

.fa-chevron-right:before {

 content: "\f054";

}

.fa-plus-circle:before {

 content: "\f055";

}

.fa-minus-circle:before {

 content: "\f056";

}

.fa-times-circle:before {

 content: "\f057";

}

.fa-check-circle:before {

 content: "\f058";

}

.fa-question-circle:before {

 content: "\f059";

}

.fa-info-circle:before {

 content: "\f05a";

}

.fa-crosshairs:before {

 content: "\f05b";

}

.fa-times-circle-o:before {

 content: "\f05c";

}

.fa-check-circle-o:before {

 content: "\f05d";

}

.fa-ban:before {

 content: "\f05e";

}

.fa-arrow-left:before {

 content: "\f060";

}

.fa-arrow-right:before {

 content: "\f061";

}

.fa-arrow-up:before {

 content: "\f062";

}

.fa-arrow-down:before {

 content: "\f063";

}

.fa-mail-forward:before, .fa-share:before {

 content: "\f064";

}

.fa-expand:before {

 content: "\f065";

}

.fa-compress:before {

 content: "\f066";

}

.fa-plus:before {

 content: "\f067";

}

.fa-minus:before {

 content: "\f068";

}

.fa-asterisk:before {

 content: "\f069";

}

.fa-exclamation-circle:before {

 content: "\f06a";

}

.fa-gift:before {

 content: "\f06b";

}

.fa-leaf:before {

 content: "\f06c";

}

.fa-fire:before {

 content: "\f06d";

}

.fa-eye:before {

 content: "\f06e";

}

.fa-eye-slash:before {

 content: "\f070";

}

.fa-exclamation-triangle:before, .fa-warning:before {

 content: "\f071";

}

.fa-plane:before {

 content: "\f072";

}

.fa-calendar:before {

 content: "\f073";

}

.fa-random:before {

 content: "\f074";

}

.fa-comment:before {

 content: "\f075";

}

.fa-magnet:before {

 content: "\f076";

}

.fa-chevron-up:before {

 content: "\f077";

}

.fa-chevron-down:before {

 content: "\f078";

}

.fa-retweet:before {

 content: "\f079";

}

.fa-shopping-cart:before {

 content: "\f07a";

}

.fa-folder:before {

 content: "\f07b";

}

.fa-folder-open:before {

 content: "\f07c";

}

.fa-arrows-v:before {

 content: "\f07d";

}

.fa-arrows-h:before {

 content: "\f07e";

}

.fa-bar-chart-o:before {

 content: "\f080";

}

.fa-twitter-square:before {

 content: "\f081";

}

.fa-facebook-square:before {

 content: "\f082";

}

.fa-camera-retro:before {

 content: "\f083";

}

.fa-key:before {

 content: "\f084";

}

.fa-cogs:before, .fa-gears:before {

 content: "\f085";

}

.fa-comments:before {

 content: "\f086";

}

.fa-thumbs-o-up:before {

 content: "\f087";

}

.fa-thumbs-o-down:before {

 content: "\f088";

}

.fa-star-half:before {

 content: "\f089";

}

.fa-heart-o:before {

 content: "\f08a";

}

.fa-sign-out:before {

 content: "\f08b";

}

.fa-linkedin-square:before {

 content: "\f08c";

}

.fa-thumb-tack:before {

 content: "\f08d";

}

.fa-external-link:before {

 content: "\f08e";

}

.fa-sign-in:before {

 content: "\f090";

}

.fa-trophy:before {

 content: "\f091";

}

.fa-github-square:before {

 content: "\f092";

}

.fa-upload:before {

 content: "\f093";

}

.fa-lemon-o:before {

 content: "\f094";

}

.fa-phone:before {

 content: "\f095";

}

.fa-square-o:before {

 content: "\f096";

}

.fa-bookmark-o:before {

 content: "\f097";

}

.fa-phone-square:before {

 content: "\f098";

}

.fa-twitter:before {

 content: "\f099";

}

.fa-facebook:before {

 content: "\f09a";

}

.fa-github:before {

 content: "\f09b";

}

.fa-unlock:before {

 content: "\f09c";

}

.fa-credit-card:before {

 content: "\f09d";

}

.fa-rss:before {

 content: "\f09e";

}

.fa-hdd-o:before {

 content: "\f0a0";

}

.fa-bullhorn:before {

 content: "\f0a1";

}

.fa-bell:before {

 content: "\f0f3";

}

.fa-certificate:before {

 content: "\f0a3";

}

.fa-hand-o-right:before {

 content: "\f0a4";

}

.fa-hand-o-left:before {

 content: "\f0a5";

}

.fa-hand-o-up:before {

 content: "\f0a6";

}

.fa-hand-o-down:before {

 content: "\f0a7";

}

.fa-arrow-circle-left:before {

 content: "\f0a8";

}

.fa-arrow-circle-right:before {

 content: "\f0a9";

}

.fa-arrow-circle-up:before {

 content: "\f0aa";

}

.fa-arrow-circle-down:before {

 content: "\f0ab";

}

.fa-globe:before {

 content: "\f0ac";

}

.fa-wrench:before {

 content: "\f0ad";

}

.fa-tasks:before {

 content: "\f0ae";

}

.fa-filter:before {

 content: "\f0b0";

}

.fa-briefcase:before {

 content: "\f0b1";

}

.fa-arrows-alt:before {

 content: "\f0b2";

}

.fa-group:before, .fa-users:before {

 content: "\f0c0";

}

.fa-chain:before, .fa-link:before {

 content: "\f0c1";

}

.fa-cloud:before {

 content: "\f0c2";

}

.fa-flask:before {

 content: "\f0c3";

}

.fa-cut:before, .fa-scissors:before {

 content: "\f0c4";

}

.fa-copy:before, .fa-files-o:before {

 content: "\f0c5";

}

.fa-paperclip:before {

 content: "\f0c6";

}

.fa-floppy-o:before, .fa-save:before {

 content: "\f0c7";

}

.fa-square:before {

 content: "\f0c8";

}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {

 content: "\f0c9";

}

.fa-list-ul:before {

 content: "\f0ca";

}

.fa-list-ol:before {

 content: "\f0cb";

}

.fa-strikethrough:before {

 content: "\f0cc";

}

.fa-underline:before {

 content: "\f0cd";

}

.fa-table:before {

 content: "\f0ce";

}

.fa-magic:before {

 content: "\f0d0";

}

.fa-truck:before {

 content: "\f0d1";

}

.fa-pinterest:before {

 content: "\f0d2";

}

.fa-pinterest-square:before {

 content: "\f0d3";

}

.fa-google-plus-square:before {

 content: "\f0d4";

}

.fa-google-plus:before {

 content: "\f0d5";

}

.fa-money:before {

 content: "\f0d6";

}

.fa-caret-down:before {

 content: "\f0d7";

}

.fa-caret-up:before {

 content: "\f0d8";

}

.fa-caret-left:before {

 content: "\f0d9";

}

.fa-caret-right:before {

 content: "\f0da";

}

.fa-columns:before {

 content: "\f0db";

}

.fa-sort:before, .fa-unsorted:before {

 content: "\f0dc";

}

.fa-sort-desc:before, .fa-sort-down:before {

 content: "\f0dd";

}

.fa-sort-asc:before, .fa-sort-up:before {

 content: "\f0de";

}

.fa-envelope:before {

 content: "\f0e0";

}

.fa-linkedin:before {

 content: "\f0e1";

}

.fa-rotate-left:before, .fa-undo:before {

 content: "\f0e2";

}

.fa-gavel:before, .fa-legal:before {

 content: "\f0e3";

}

.fa-dashboard:before, .fa-tachometer:before {

 content: "\f0e4";

}

.fa-comment-o:before {

 content: "\f0e5";

}

.fa-comments-o:before {

 content: "\f0e6";

}

.fa-bolt:before, .fa-flash:before {

 content: "\f0e7";

}

.fa-sitemap:before {

 content: "\f0e8";

}

.fa-umbrella:before {

 content: "\f0e9";

}

.fa-clipboard:before, .fa-paste:before {

 content: "\f0ea";

}

.fa-lightbulb-o:before {

 content: "\f0eb";

}

.fa-exchange:before {

 content: "\f0ec";

}

.fa-cloud-download:before {

 content: "\f0ed";

}

.fa-cloud-upload:before {

 content: "\f0ee";

}

.fa-user-md:before {

 content: "\f0f0";

}

.fa-stethoscope:before {

 content: "\f0f1";

}

.fa-suitcase:before {

 content: "\f0f2";

}

.fa-bell-o:before {

 content: "\f0a2";

}

.fa-coffee:before {

 content: "\f0f4";

}

.fa-cutlery:before {

 content: "\f0f5";

}

.fa-file-text-o:before {

 content: "\f0f6";

}

.fa-building-o:before {

 content: "\f0f7";

}

.fa-hospital-o:before {

 content: "\f0f8";

}

.fa-ambulance:before {

 content: "\f0f9";

}

.fa-medkit:before {

 content: "\f0fa";

}

.fa-fighter-jet:before {

 content: "\f0fb";

}

.fa-beer:before {

 content: "\f0fc";

}

.fa-h-square:before {

 content: "\f0fd";

}

.fa-plus-square:before {

 content: "\f0fe";

}

.fa-angle-double-left:before {

 content: "\f100";

}

.fa-angle-double-right:before {

 content: "\f101";

}

.fa-angle-double-up:before {

 content: "\f102";

}

.fa-angle-double-down:before {

 content: "\f103";

}

.fa-angle-left:before {

 content: "\f104";

}

.fa-angle-right:before {

 content: "\f105";

}

.fa-angle-up:before {

 content: "\f106";

}

.fa-angle-down:before {

 content: "\f107";

}

.fa-desktop:before {

 content: "\f108";

}

.fa-laptop:before {

 content: "\f109";

}

.fa-tablet:before {

 content: "\f10a";

}

.fa-mobile-phone:before, .fa-mobile:before {

 content: "\f10b";

}

.fa-circle-o:before {

 content: "\f10c";

}

.fa-quote-left:before {

 content: "\f10d";

}

.fa-quote-right:before {

 content: "\f10e";

}

.fa-spinner:before {

 content: "\f110";

}

.fa-circle:before {

 content: "\f111";

}

.fa-mail-reply:before, .fa-reply:before {

 content: "\f112";

}

.fa-github-alt:before {

 content: "\f113";

}

.fa-folder-o:before {

 content: "\f114";

}

.fa-folder-open-o:before {

 content: "\f115";

}

.fa-smile-o:before {

 content: "\f118";

}

.fa-frown-o:before {

 content: "\f119";

}

.fa-meh-o:before {

 content: "\f11a";

}

.fa-gamepad:before {

 content: "\f11b";

}

.fa-keyboard-o:before {

 content: "\f11c";

}

.fa-flag-o:before {

 content: "\f11d";

}

.fa-flag-checkered:before {

 content: "\f11e";

}

.fa-terminal:before {

 content: "\f120";

}

.fa-code:before {

 content: "\f121";

}

.fa-mail-reply-all:before, .fa-reply-all:before {

 content: "\f122";

}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {

 content: "\f123";

}

.fa-location-arrow:before {

 content: "\f124";

}

.fa-crop:before {

 content: "\f125";

}

.fa-code-fork:before {

 content: "\f126";

}

.fa-chain-broken:before, .fa-unlink:before {

 content: "\f127";

}

.fa-question:before {

 content: "\f128";

}

.fa-info:before {

 content: "\f129";

}

.fa-exclamation:before {

 content: "\f12a";

}

.fa-superscript:before {

 content: "\f12b";

}

.fa-subscript:before {

 content: "\f12c";

}

.fa-eraser:before {

 content: "\f12d";

}

.fa-puzzle-piece:before {

 content: "\f12e";

}

.fa-microphone:before {

 content: "\f130";

}

.fa-microphone-slash:before {

 content: "\f131";

}

.fa-shield:before {

 content: "\f132";

}

.fa-calendar-o:before {

 content: "\f133";

}

.fa-fire-extinguisher:before {

 content: "\f134";

}

.fa-rocket:before {

 content: "\f135";

}

.fa-maxcdn:before {

 content: "\f136";

}

.fa-chevron-circle-left:before {

 content: "\f137";

}

.fa-chevron-circle-right:before {

 content: "\f138";

}

.fa-chevron-circle-up:before {

 content: "\f139";

}

.fa-chevron-circle-down:before {

 content: "\f13a";

}

.fa-html5:before {

 content: "\f13b";

}

.fa-css3:before {

 content: "\f13c";

}

.fa-anchor:before {

 content: "\f13d";

}

.fa-unlock-alt:before {

 content: "\f13e";

}

.fa-bullseye:before {

 content: "\f140";

}

.fa-ellipsis-h:before {

 content: "\f141";

}

.fa-ellipsis-v:before {

 content: "\f142";

}

.fa-rss-square:before {

 content: "\f143";

}

.fa-play-circle:before {

 content: "\f144";

}

.fa-ticket:before {

 content: "\f145";

}

.fa-minus-square:before {

 content: "\f146";

}

.fa-minus-square-o:before {

 content: "\f147";

}

.fa-level-up:before {

 content: "\f148";

}

.fa-level-down:before {

 content: "\f149";

}

.fa-check-square:before {

 content: "\f14a";

}

.fa-pencil-square:before {

 content: "\f14b";

}

.fa-external-link-square:before {

 content: "\f14c";

}

.fa-share-square:before {

 content: "\f14d";

}

.fa-compass:before {

 content: "\f14e";

}

.fa-caret-square-o-down:before, .fa-toggle-down:before {

 content: "\f150";

}

.fa-caret-square-o-up:before, .fa-toggle-up:before {

 content: "\f151";

}

.fa-caret-square-o-right:before, .fa-toggle-right:before {

 content: "\f152";

}

.fa-eur:before, .fa-euro:before {

 content: "\f153";

}

.fa-gbp:before {

 content: "\f154";

}

.fa-dollar:before, .fa-usd:before {

 content: "\f155";

}

.fa-inr:before, .fa-rupee:before {

 content: "\f156";

}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {

 content: "\f157";

}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {

 content: "\f158";

}

.fa-krw:before, .fa-won:before {

 content: "\f159";

}

.fa-bitcoin:before, .fa-btc:before {

 content: "\f15a";

}

.fa-file:before {

 content: "\f15b";

}

.fa-file-text:before {

 content: "\f15c";

}

.fa-sort-alpha-asc:before {

 content: "\f15d";

}

.fa-sort-alpha-desc:before {

 content: "\f15e";

}

.fa-sort-amount-asc:before {

 content: "\f160";

}

.fa-sort-amount-desc:before {

 content: "\f161";

}

.fa-sort-numeric-asc:before {

 content: "\f162";

}

.fa-sort-numeric-desc:before {

 content: "\f163";

}

.fa-thumbs-up:before {

 content: "\f164";

}

.fa-thumbs-down:before {

 content: "\f165";

}

.fa-youtube-square:before {

 content: "\f166";

}

.fa-youtube:before {

 content: "\f167";

}

.fa-xing:before {

 content: "\f168";

}

.fa-xing-square:before {

 content: "\f169";

}

.fa-youtube-play:before {

 content: "\f16a";

}

.fa-dropbox:before {

 content: "\f16b";

}

.fa-stack-overflow:before {

 content: "\f16c";

}

.fa-instagram:before {

 content: "\f16d";

}

.fa-flickr:before {

 content: "\f16e";

}

.fa-adn:before {

 content: "\f170";

}

.fa-bitbucket:before {

 content: "\f171";

}

.fa-bitbucket-square:before {

 content: "\f172";

}

.fa-tumblr:before {

 content: "\f173";

}

.fa-tumblr-square:before {

 content: "\f174";

}

.fa-long-arrow-down:before {

 content: "\f175";

}

.fa-long-arrow-up:before {

 content: "\f176";

}

.fa-long-arrow-left:before {

 content: "\f177";

}

.fa-long-arrow-right:before {

 content: "\f178";

}

.fa-apple:before {

 content: "\f179";

}

.fa-windows:before {

 content: "\f17a";

}

.fa-android:before {

 content: "\f17b";

}

.fa-linux:before {

 content: "\f17c";

}

.fa-dribbble:before {

 content: "\f17d";

}

.fa-skype:before {

 content: "\f17e";

}

.fa-foursquare:before {

 content: "\f180";

}

.fa-trello:before {

 content: "\f181";

}

.fa-female:before {

 content: "\f182";

}

.fa-male:before {

 content: "\f183";

}

.fa-gittip:before {

 content: "\f184";

}

.fa-sun-o:before {

 content: "\f185";

}

.fa-moon-o:before {

 content: "\f186";

}

.fa-archive:before {

 content: "\f187";

}

.fa-bug:before {

 content: "\f188";

}

.fa-vk:before {

 content: "\f189";

}

.fa-weibo:before {

 content: "\f18a";

}

.fa-renren:before {

 content: "\f18b";

}

.fa-pagelines:before {

 content: "\f18c";

}

.fa-stack-exchange:before {

 content: "\f18d";

}

.fa-arrow-circle-o-right:before {

 content: "\f18e";

}

.fa-arrow-circle-o-left:before {

 content: "\f190";

}

.fa-caret-square-o-left:before, .fa-toggle-left:before {

 content: "\f191";

}

.fa-dot-circle-o:before {

 content: "\f192";

}

.fa-wheelchair:before {

 content: "\f193";

}

.fa-vimeo-square:before {

 content: "\f194";

}

.fa-try:before, .fa-turkish-lira:before {

 content: "\f195";

}

.fa-plus-square-o:before {

 content: "\f196";

}

.fa-space-shuttle:before {

 content: "\f197";

}

.fa-slack:before {

 content: "\f198";

}

.fa-envelope-square:before {

 content: "\f199";

}

.fa-wordpress:before {

 content: "\f19a";

}

.fa-openid:before {

 content: "\f19b";

}

.fa-bank:before, .fa-institution:before, .fa-university:before {

 content: "\f19c";

}

.fa-graduation-cap:before, .fa-mortar-board:before {

 content: "\f19d";

}

.fa-yahoo:before {

 content: "\f19e";

}

.fa-google:before {

 content: "\f1a0";

}

.fa-reddit:before {

 content: "\f1a1";

}

.fa-reddit-square:before {

 content: "\f1a2";

}

.fa-stumbleupon-circle:before {

 content: "\f1a3";

}

.fa-stumbleupon:before {

 content: "\f1a4";

}

.fa-delicious:before {

 content: "\f1a5";

}

.fa-digg:before {

 content: "\f1a6";

}

.fa-pied-piper-square:before, .fa-pied-piper:before {

 content: "\f1a7";

}

.fa-pied-piper-alt:before {

 content: "\f1a8";

}

.fa-drupal:before {

 content: "\f1a9";

}

.fa-joomla:before {

 content: "\f1aa";

}

.fa-language:before {

 content: "\f1ab";

}

.fa-fax:before {

 content: "\f1ac";

}

.fa-building:before {

 content: "\f1ad";

}

.fa-child:before {

 content: "\f1ae";

}

.fa-paw:before {

 content: "\f1b0";

}

.fa-spoon:before {

 content: "\f1b1";

}

.fa-cube:before {

 content: "\f1b2";

}

.fa-cubes:before {

 content: "\f1b3";

}

.fa-behance:before {

 content: "\f1b4";

}

.fa-behance-square:before {

 content: "\f1b5";

}

.fa-steam:before {

 content: "\f1b6";

}

.fa-steam-square:before {

 content: "\f1b7";

}

.fa-recycle:before {

 content: "\f1b8";

}

.fa-automobile:before, .fa-car:before {

 content: "\f1b9";

}

.fa-cab:before, .fa-taxi:before {

 content: "\f1ba";

}

.fa-tree:before {

 content: "\f1bb";

}

.fa-spotify:before {

 content: "\f1bc";

}

.fa-deviantart:before {

 content: "\f1bd";

}

.fa-soundcloud:before {

 content: "\f1be";

}

.fa-database:before {

 content: "\f1c0";

}

.fa-file-pdf-o:before {

 content: "\f1c1";

}

.fa-file-word-o:before {

 content: "\f1c2";

}

.fa-file-excel-o:before {

 content: "\f1c3";

}

.fa-file-powerpoint-o:before {

 content: "\f1c4";

}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {

 content: "\f1c5";

}

.fa-file-archive-o:before, .fa-file-zip-o:before {

 content: "\f1c6";

}

.fa-file-audio-o:before, .fa-file-sound-o:before {

 content: "\f1c7";

}

.fa-file-movie-o:before, .fa-file-video-o:before {

 content: "\f1c8";

}

.fa-file-code-o:before {

 content: "\f1c9";

}

.fa-vine:before {

 content: "\f1ca";

}

.fa-codepen:before {

 content: "\f1cb";

}

.fa-jsfiddle:before {

 content: "\f1cc";

}

.fa-life-bouy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {

 content: "\f1cd";

}

.fa-circle-o-notch:before {

 content: "\f1ce";

}

.fa-ra:before, .fa-rebel:before {

 content: "\f1d0";

}

.fa-empire:before, .fa-ge:before {

 content: "\f1d1";

}

.fa-git-square:before {

 content: "\f1d2";

}

.fa-git:before {

 content: "\f1d3";

}

.fa-hacker-news:before {

 content: "\f1d4";

}

.fa-tencent-weibo:before {

 content: "\f1d5";

}

.fa-qq:before {

 content: "\f1d6";

}

.fa-wechat:before, .fa-weixin:before {

 content: "\f1d7";

}

.fa-paper-plane:before, .fa-send:before {

 content: "\f1d8";

}

.fa-paper-plane-o:before, .fa-send-o:before {

 content: "\f1d9";

}

.fa-history:before {

 content: "\f1da";

}

.fa-circle-thin:before {

 content: "\f1db";

}

.fa-header:before {

 content: "\f1dc";

}

.fa-paragraph:before {

 content: "\f1dd";

}

.fa-sliders:before {

 content: "\f1de";

}

.fa-share-alt:before {

 content: "\f1e0";

}

.fa-share-alt-square:before {

 content: "\f1e1";

}

.fa-bomb:before {

 content: "\f1e2";

} /*

* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

/* Browser Resets

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

/* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }

/* FlexSlider Necessary Styles

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;}

• html .slides {height: 1%;}

/* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you

* include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; }

/* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; }

/* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */ .flex-control-nav {width: 100%; position: relative; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 13px; height: 13px; display: block; background: #5c696a; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 3px solid #c9cbca; } .flex-control-paging li a:hover { background: #fff; background: #212024); } .flex-control-paging li a.flex-active { background: #fff; background: #212024; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

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

 .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
 .flex-direction-nav .flex-next { opacity: 1; right: 10px;}

}