/*
Theme Name: Social Media - Landing
Author: André Pacheco for Connector
Author URI: http://connector.ie/
Version: 1
*/

@import url(https://fonts.googleapis.com/css?family=Nunito:300,400|Open+Sans:300);

/* normalize */
audio, canvas, video {display:inline-block;} audio:not([controls]) {display:none; height:0;} [hidden], template {display:none;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} a:focus {outline:0;} a:active, a:hover {outline:0;} abbr[title] {border-bottom: 1px dotted;} dfn {font-style:italic;} hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;} mark {background:#ff0; color:#000;} code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;} pre {white-space:pre-wrap;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} img {border:0;} svg:not(:root) {overflow:hidden;} figure {margin:0;} fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;} legend {border:0; padding:0;} button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;} button, input {line-height:normal;} button, select {text-transform:none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box; /* 1 */ padding:0; /* 2 */} input[type="search"] {-webkit-appearance:textfield; /* 1 */ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; /* 2 */ box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} textarea {overflow:auto; vertical-align:top;} table {border-collapse:collapse; border-spacing:0;}

/* reset */
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;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} ul, ol {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* base */
::selection {color:#ffffff; background-color:#1888c9;}
::-moz-selection {color:#ffffff; background-color:#1888c9;}

body {overflow-x:hidden; color:#fff; font:300 1em/1em 'Open Sans', sans-serif; background:#1888c9;}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img {display:block; width:100%;}

a {color:#fff; text-decoration:none;}

#socialmedia {overflow:hidden; position:relative; margin:0 auto; padding:0; text-align:center;}

.hold {max-width:1800px; margin:0 auto;}

h1, h2, h5, h6 {font:400 100%/100% 'Nunito', sans-serif;}
h3 {font:400 100%/100% 'Open Sans', sans-serif;}

h2 {position:relative; text-transform:uppercase;}
h2 span {position:relative; z-index:50; font-size:220%; line-height:100%; letter-spacing:.025em;}
h2 span:before, h2 span:after {content:''; position:absolute; top:50%; margin-top:-.1em; height:.2em; background:#fff; border-radius:1em;}
h2 span:before {right:105%; left:-30%;}
h2 span:after {right:-30%; left:105%;}

.see-button {display:inline-block; padding:1em; color:#fff; border:.25em solid #fff; font:400 120%/100% 'Nunito', sans-serif; text-transform:uppercase; letter-spacing:.1em; background:#fff; border-radius:.3em;
-webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.see-button:hover {color:#fff; border-color:#fff; background:none;}

section, .header, .footer {position:relative; z-index:100; padding:5.5em 8em;}

/* top */
.header {padding-top:9em; background:rgba(24,136,201,.7);}

.logo-main {margin-bottom:6em;}
.logo-main img {width:35%; margin:0 auto 1.5em auto;}
.logo-main h1 {font-size:150%; line-height:150%;}

.header article {width:60%; margin:0 auto; text-align:left;}
.header p {font-size:120%; line-height:150%; letter-spacing:.025em;}
.header p+p {margin-top:2em;}

.hold-video {position:relative; float:right; width:40%; margin:1em 4em 2em 2em; padding-top:2em; border:.2em solid #fff; border-radius:.2em;}
.hold-video .dots {position:absolute; top:.36em; left:.4em;}
.hold-video .dots i {margin-right:.3em; font-size:80%;}

.video {overflow:hidden; position:relative; height:0; padding:0 0 56.25% 0 !important; border-top:.2em solid #fff;}
.video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.show-video {position:fixed; top:0; left:0; width:100%; height:100%;}
.loaded .placeholder-image {opacity:0;}
.placeholder-image {position:absolute; z-index:1; top:0; left:50%; width:auto; min-width:100%; height:100%;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}

/* stats */
.stats {overflow:hidden; padding:4em; background:#71bce7;}
.stats:after {content:''; display:table; clear:both;}

.stats hgroup {float:left; width:33.333%;}
.stats h5 {font-size:300%;}
.stats h6 {margin-top:.5em; font-size:130%;}

.stats .line {position:absolute; top:-1em; bottom:-1em; width:5px; background:#fff;
-moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); transform:rotate(10deg);}
.stats .line.one {left:33.333%;}
.stats .line.two {left:66.666%;}

/* book */
.book-top {/*position:fixed; z-index:200; top:0; right:0; left:0;*/
padding:1.5em 0; color:#fff; background:#5552a1;}
.book-top:after {content:''; position:absolute; right:0; bottom:0; left:0; height:.25em; background:#000; opacity:.15;}

.book-top h5, .book-top h6, .book-top .see-button {display:inline-block; margin:0 .5em;}

.book-top i {margin-right:.5em;}

.book-top h5 {font-size:110%; text-transform:uppercase;}
.book-top h6 {margin-top:.5em; font:400 100%/100% 'Open Sans', sans-serif;}

.book-top .see-button {margin-top:0; color:#5552a1; border:2px solid #fff; font-size:80%; padding:.7em .6em .6em .6em; background:#fff;}
.book-top .see-button:hover {color:#fff; border-color:#fff; background:none;}

.book {color:#1888c9; background:#f1f1f1;}
.book h2 span:before, .book h2 span:after {background:#1888c9;}

.book .hold:after {content:''; display:table; clear:both;}

.book hgroup {/*float:left;*/ width:60%; /*margin-top:4em;*/ margin:4em auto 0 auto; padding:0 1em;}
.book h5 {font-size:180%;}
.book h6 {margin-top:.5em; font:400 120%/100% 'Open Sans', sans-serif;}

.book .see-button {margin-top:2em; border-color:#1888c9; font-size:90%; padding-top:1.2em; background:#1888c9;}
.book .see-button:hover {color:#1888c9; border-color:#1888c9; background:none;}

/* join */
.join-button {margin-top:4em; text-align:center;}
.join-button .see-button {background:none;}
.join-button .see-button:hover {color:#1888c9; background:#fff;}

.join-now {background:#5552a1;}
.join-now h2 span {font-size:200%;}

.join-now strong {font:400 100%/100% 'Nunito', sans-serif;}

.number {position:relative; margin:2em 0 2em 0; padding-top:2.5em; text-align:left;}
.number:after {content:''; position:absolute; top:0; right:0; left:0; height:.4em; background:#fff; border-radius:1em; opacity:.1;}
.number.first {margin-top:0; padding:0;}
.number.first:after {display:none;}

.number span {font:400 130%/100% 'Nunito', sans-serif; text-transform:uppercase;}
.number .step {position:absolute; left:-4em; width:3em; height:3em; margin-top:-1em; font-size:100%; line-height:320%; text-align:center; background:#9f9ceb; border-radius:100%;}

.explanation {opacity:.8; margin:-1.5em 0 1.5em 0; font-size:110%; line-height:120%; text-align:left;}

.box-question {margin:6em 9em 0 9em; padding:2em; background:#9f9ceb; border-radius:.3em;}
.box-question .icon-help {display:block; width:2em; height:2em; margin:0 auto; border:.1em solid #fff; font-size:200%; line-height:180%; border-radius:100%;}
.box-question p {font:300 130%/160% Nunito;}
.box-question p.call {margin:.7em 0; font-weight:400; font-size:150%; line-height:120%;}

/* team */
.team { background:#71bce7;}

.team .person {width:60%; margin:0 auto; margin-top:3em; text-align:left;}
.team .person:after {clear:botom;}
.team .person+.person {padding-top:3em; border-top:2px solid #fff;}
.team p {font-size:110%; line-height:150%; letter-spacing:.025em;}
.team p+p {margin-top:1em;}
.team h5 {margin-bottom:.25em; font-size:200%;}

.team figure {float:right; width:50%; margin:0 -1em 1em 1em;}
.team img {border-radius:100%;}

.team .see-button {margin-top:2em; font-size:90%; background:none;}
.team .see-button:hover {color:#71bce7; background:#fff;}

/* clients */
.clients {background:#f1f1f1;}

.clients h2 {color:#1888c9;}
.clients h2 span:before, .clients h2 span:after {background:#1888c9;}

.clients figure {position:relative; float:left; width:20%; padding-bottom:20%;}
.clients figure:after {content:''; position:absolute; z-index:1; bottom:-1px; right:0; left:0; height:1px; background:#ccc;}

.clients img {position:absolute; top:50%; left:50%; width:auto; max-width:6em; max-height:4em; 
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.list {position:relative; overflow:hidden; margin-top:4em;}
.list:after {content:''; display:table; clear:both;}

.clients .line {position:absolute; top:0; bottom:0; width:1px; background:#ccc;}
.clients .line.one {left:20%;}
.clients .line.two {left:40%;}
.clients .line.three {left:60%;}
.clients .line.four {left:80%;}

/* slide */
.testimonials {background:#5552a1;}

.testimonials-slide {margin-top:2em; text-align:center;}
.testimonials-slide, .testimonials-slide .slides li {position:relative; height:25em;}

.testimonials-slide ul:before, .testimonials-slide ul:after {content:''; position:absolute; z-index:100; top:0; bottom:0; width:25%;}
.testimonials-slide ul:before {left:0;
background:-moz-linear-gradient(left, rgba(85,82,161,1) 0%, rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(left, rgba(85,82,161,1) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to right, rgba(85,82,161,1) 0%,rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5552a1', endColorstr='#005552a1',GradientType=1);}
.testimonials-slide ul:after {right:0;
background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(85,82,161,1) 100%);
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(85,82,161,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(85,82,161,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#5552a1',GradientType=1);}

.testimonials-slide li {overflow:hidden;}

.testimonials-slide blockquote {position:relative; top:50%; padding:0 20%;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.testimonials-slide p {font-size:110%; line-height:150%; letter-spacing:.025em;}

.testimonials-slide .box-authors {position:relative; margin-top:2em; }
.testimonials-slide .box-authors img {width:5em; margin:0 auto; border-radius:100%;}

.testimonials-slide strong, .testimonials-slide em {display:block;}
.testimonials-slide strong {margin:.5em 0 .1em 0; font:400 150% 'Nunito', sans-serif;}
.testimonials-slide em {width:90%; margin:0 auto; font-style:normal; font-size:85%; line-height:130%; letter-spacing:.08em;}

.testimonials-slide .flex-direction-nav li {opacity:.5; position:absolute; z-index:120; top:50%; width:5em; height:5em; margin-top:-2.5em; border:.3em solid #fff; border-radius:100%;
-webkit-transition:opacity.2s; -moz-transition:opacity.2s; -ms-transition:opacity.2s; -o-transition:opacity.2s; transition:opacity.2s;}
.testimonials-slide .flex-direction-nav li:hover {opacity:1;}
.testimonials-slide .flex-direction-nav .flex-nav-prev {left:0; text-indent:-.25em;}
.testimonials-slide .flex-direction-nav .flex-nav-next {right:0; text-indent:.25em;}
.testimonials-slide .flex-direction-nav a {display:block; font:200%/225% 'fontello'; text-align:center;}
.testimonials-slide .flex-direction-nav a:hover {opacity:1;}
.testimonials-slide .flex-direction-nav .flex-nav-prev a:before {content:"\e804";}
.testimonials-slide .flex-direction-nav .flex-nav-next a:before {content:"\e803";}

/* footer */
.footer {padding-bottom:4em; background:#1888c9;}

.contact .big {display:inline-block; margin:0 .5em; font:400 130% 'Nunito', sans-serif;}
.contact .small {margin-top:1.2em; line-height:140%;}
.contact span {/*display:block;*/}
.contact .fa-at {font-size:80%;}

.hours {display:inline-block; margin:2em auto 4em auto; padding:.3em; background:#fff; border-radius:1.2em;}
.box {position:relative; padding:1.5em; background:#1888c9; border-radius:1em;}
.box strong {display:block; margin-bottom:1.5em; padding-bottom:1em; border-bottom:1px solid rgba(255,255,255,.2); font:400 90%/100% 'Nunito', sans-serif; text-transform:uppercase; letter-spacing:.1em;}
.box span {display:block; font-size:90%;}
.box span+span {margin-top:.5em;}

.copy {font:300 80%/100% 'Nunito', sans-serif; text-transform:uppercase; letter-spacing:.05em;}
.copy a {border-bottom:.2em solid rgba(255,255,255,.3);}

/* follow */
.follow-us ul {margin-bottom:3em;}
.follow-us li {position:relative; display:inline-block; margin:0 .25em;}
.follow-us ul a {display:block; width:5em; height:5em; border:.3em solid #fff; border-radius:100%;
-webkit-transition:all.2s; -moz-transition:all.2s; -ms-transition:all.2s; -o-transition:all.2s; transition:all.2s;}
.follow-us ul a:hover {color:#1888c9; background:#fff;}
.follow-us ul i {position:absolute; top:50%; font-size:150%; line-height:100%;
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.follow-us .facebook i {text-indent:-.05em;}
.follow-us .linkedin i {text-indent:.05em;}

.follow-us .tooltip {position:absolute; top:50%; right:-100%; margin-right:.5em; padding:.5rem .75rem .45rem .75rem; color:#1888c9; font:400 90% 'Nunito', sans-serif; text-transform:uppercase; text-align:center; background:#fff; border-radius:.2rem;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.follow-us .tooltip:after {content:''; position:absolute; top:50%; left:-6px; width:1px; height:1px; margin-top:-6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #fff;}

/* form */
.j-forms {position:relative; margin:4em 9em 0 9em;}
.j-forms .input {position:relative;}
.j-forms .unit {position:relative; margin-top:.5em;}

.j-forms .token,
.j-forms .hidden
{display:none;}

.j-forms input[type="search"]::-webkit-search-decoration,
.j-forms input[type="search"]::-webkit-search-cancel-button,
.j-forms input[type="search"]::-webkit-search-results-button,
.j-forms input[type="search"]::-webkit-search-results-decoration
{display:none;}

.j-forms select,
.j-forms input[type="button"],
.j-forms input[type="submit"],
.j-forms input[type="search"]
{-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0px; border-radius:0px;}

.j-forms label {display:block; color:inherit; font:300 100% 'Nunito', sans-serif; text-align:left; margin-bottom:0;}

.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle,
.j-forms .radio *,
.j-forms .checkbox *,
.j-forms .radio-toggle *,
.j-forms .checkbox-toggle *,
.j-forms .radio i:after,
.j-forms .checkbox i:after,
.j-forms .radio-toggle i:after,
.j-forms .checkbox-toggle i:after,
.j-forms .radio i:before,
.j-forms .checkbox i:before,
.j-forms .radio-toggle i:before,
.j-forms .checkbox-toggle i:before
{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* radios and checkboxes */
.j-forms .radio,
.j-forms .checkbox
{cursor:pointer; position:relative; height:15px; margin-bottom:4px; font-size:16px; line-height:16px;}

.j-forms .radio,
.j-forms .checkbox
{padding:9px 0 8px 32px;}

.j-forms .radio:last-child,
.j-forms .checkbox:last-child
{margin-bottom:0;}

.j-forms .radio input,
.j-forms .checkbox input
{position:absolute; left:-9999px;}

.j-forms .radio i,
.j-forms .checkbox i
{outline:none; display:block; position:absolute; top:5px; left:0; height:18px; border:2px solid #9f9ceb; background-color:#fff;
-webkit-transition:border-color.2s; -moz-transition:border-color.2s; -ms-transition:border-color.2s; -o-transition:border-color.2s; transition:border-color.2s;}

.j-forms .radio i,
.j-forms .checkbox i
{width:18px;}

.j-forms .checkbox i
{border-radius:3px;}

.j-forms .radio i,
.j-forms .radio i:after
{border-radius:50%;}

.j-forms .radio i:after {content:''; opacity:0; position:absolute; top:5px; left:5px; width:8px; height:8px; background-color:rgba(48,63,159,.9);}
.j-forms .checkbox i:after {content:''; opacity:0; position:absolute; top:3px; left:3px; width:10px; height:5px; border-width:0 0 3px 3px; border-bottom:solid #71bce7; border-left:solid #71bce7;
-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

.j-forms .radio input:checked + i:after,
.j-forms .checkbox input:checked + i:after
{opacity:1;}

.j-forms .checkbox:hover i,
.j-forms .radio:hover i
{border:2px solid #71bce7;}

.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i
{border:2px solid #71bce7;}

.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i
{color:#71bce7;}

/* inputs */
.j-forms input[type="text"],
.j-forms input[type="password"],
.j-forms input[type="email"],
.j-forms input[type="search"],
.j-forms input[type="url"],
.j-forms textarea,
.j-forms select
{outline:none; display:block; width:100%; height:48px; padding:10px 15px; border:2px solid #9f9ceb; color:#71bce7; font-family:'Nunito', sans-serif; font-size:19px; font-weight:300; background:#fff; border-radius:3px;
-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition:all.4s; -moz-transition:all.4s; -ms-transition:all.4s; -o-transition:all.4s; transition:all.4s;}

.j-forms input[type="text"]:hover,
.j-forms input[type="password"]:hover,
.j-forms input[type="email"]:hover,
.j-forms input[type="search"]:hover,
.j-forms input[type="url"]:hover,
.j-forms textarea:hover,
.j-forms select:hover
{border:2px solid #71bce7;}

.j-forms input[type="text"]:focus,
.j-forms input[type="password"]:focus,
.j-forms input[type="email"]:focus,
.j-forms input[type="search"]:focus,
.j-forms input[type="url"]:focus,
.j-forms textarea:focus,
.j-forms select:focus
{border:2px solid #71bce7;}

.j-forms .input textarea {overflow:auto; resize:vertical; height:70px; min-height:52px;}
.j-forms .input textarea:focus  {height:128px;}

.j-forms input::-webkit-input-placeholder,
.j-forms textarea::-webkit-input-placeholder
{color:#71bce7;}

.j-forms input::-moz-placeholder,
.j-forms textarea::-moz-placeholder
{color:#71bce7;}

.j-forms input:-moz-placeholder,
.j-forms textarea:-moz-placeholder
{color:#71bce7;}

.j-forms input:-ms-input-placeholder,
.j-forms textarea:-ms-input-placeholder
{color:#71bce7;}

.j-forms input:focus::-webkit-input-placeholder,
.j-forms textarea:focus::-webkit-input-placeholder
{color:#71bce7;}

.j-forms input:focus::-moz-placeholder,
.j-forms textarea:focus::-moz-placeholder
{color:#71bce7;}

.j-forms input:focus:-moz-placeholder,
.j-forms textarea:focus:-moz-placeholder
{color:#71bce7;}

.j-forms input:focus:-ms-input-placeholder,
.j-forms textarea:focus:-ms-input-placeholder
{color:#71bce7;}

/* selects */
.j-forms select {padding-left:13px;}
.j-forms .multiple-select select {height:auto;}

.j-forms .select i {pointer-events:none; position:absolute; top:14px; right:14px; width:14px; height:20px; background:#fff;}

.j-forms .select i:after,
.j-forms .select i:before
{content:''; position:absolute; right:3px; border-left:4px solid transparent; border-right:4px solid transparent;}

.j-forms .select i:after {border-top:6px solid #9f9ceb; bottom:1px;}
.j-forms .select i:before {border-bottom:6px solid #9f9ceb; top:3px;}

.j-forms .select {position:relative;}

/* buttons */
.j-forms .primary-btn {cursor:pointer; outline:none; white-space:nowrap; display:block; position:relative; margin:2em auto 0 auto; padding:1em 2em; border:none; color:#fff; font:400 130% 'Nunito', sans-serif; text-transform:uppercase; border-radius:.3em; background:#71bce7;
-webkit-transition:background.2s; -moz-transition:background.2s; -ms-transition:background.2s; -o-transition:background.2s; transition:background.2s;}
.j-forms .primary-btn:hover {background:#9f9ceb;}
.j-forms .primary-btn:hover.processing {cursor:wait; background:#9f9ceb;}

.j-forms .primary-btn.processing:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.4); border-radius:.3em;
-webkit-animation:processing 3s ease-in-out infinite; -moz-animation:processing 3s ease-in-out infinite; -ms-animation:processing 3s ease-in-out infinite; -o-animation:processing 3s ease-in-out infinite; animation:processing 3s ease-in-out infinite;}

@-webkit-keyframes processing {0% {width:0;} 100% {width:100%;}}
@-moz-keyframes processing {0% {width:0;} 100% {width:100%;}}
@-ms-keyframes processing {0% {width:0;} 100% {width:100%;}}
@-o-keyframes processing {0% {width:0;} 100% {width:100%;}}
@keyframes processing {0% {width:0;} 100% {width:100%;}}

/* status message */
.j-forms .error-message,
.j-forms .success-message,
.j-forms .info-message,
.j-forms .warning-message
{display:block; padding:15px; border:2px solid; font:16px/24px 'Open Sans',Helvetica,Arial,sans-serif; border-radius:3px;}

.j-forms .error-message i,
.j-forms .success-message i,
.j-forms .info-message i,
.j-forms .warning-message i
{float:left; height:24px; padding-right:10px; font-size:18px; line-height:24px;}

.j-forms .error-message ul,
.j-forms .success-message ul,
.j-forms .info-message ul,
.j-forms .warning-message ul
{margin:0;}

.j-forms span.error-view,
.j-forms span.success-view,
.j-forms span.warning-view,
.j-forms span.info-view
{display:block; margin:1em 0 2em 0;}

.j-forms span.hint {display:block; height:13px; margin-top:5px; padding:0 2px; color:inherit; font-size:13px; line-height:13px;}

/* error state */
.j-forms .error-view .checkbox i,
.j-forms .error-view .radio i,
.j-forms .error-view .checkbox-toggle i,
.j-forms .error-view .radio-toggle i,
.j-forms .error-view input,
.j-forms .error-view select,
.j-forms .error-view textarea
{background:#ffebee !important;}

.j-forms .select.error-view i {background-color:#ffebee;}
.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right
{border-color:#e57373;}

.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right,
.j-forms span.error-view,
.j-forms .error-message i {color:#FFB2AA;}

.j-forms .error-message {background:#ffebee; border-color:#b71c1c; color:#b71c1c;}

/* success state */
.j-forms .success-view .checkbox i,
.j-forms .success-view .radio i,
.j-forms .success-view .checkbox-toggle i,
.j-forms .success-view .radio-toggle i,
.j-forms .success-view input,
.j-forms .success-view select,
.j-forms .success-view textarea
{background:#e8f5e9 !important;}

.j-forms .select.success-view i {background-color:#e8f5e9;}
.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right { border-color:#81c784; }

.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right,
.j-forms span.success-view,
.j-forms .success-message i {color:#1b5e20;}

.j-forms .success-message {background:#e8f5e9; border-color:#1b5e20; color:#1b5e20;}

/* warning state */
.j-forms .warning-view .checkbox i,
.j-forms .warning-view .radio i,
.j-forms .warning-view .checkbox-toggle i,
.j-forms .warning-view .radio-toggle i,
.j-forms .warning-view input,
.j-forms .warning-view select,
.j-forms .warning-view textarea
{background:#fff8e1 !important;}

.j-forms .select.warning-view i {background-color:#fff8e1;}
.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right
{border-color:#f9a825;}

.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right,
.j-forms span.warning-view,
.j-forms .warning-message i
{color:#f57f17;}

.j-forms .warning-message {background:#fff8e1; border-color:#f57f17; color:#f57f17;}

/* info state */
.j-forms .info-view .checkbox i,
.j-forms .info-view .radio i,
.j-forms .info-view .checkbox-toggle i,
.j-forms .info-view .radio-toggle i,
.j-forms .info-view input,
.j-forms .info-view select,
.j-forms .info-view textarea
{background:#e1f5fe !important;}

.j-forms .select.info-view i {background-color:#e1f5fe;}
.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right
{border-color:#0288d1;}

.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right,
.j-forms span.info-view,
.j-forms .info-message i
{color:#01579b;}

.j-forms .info-message {color:#01579b; border-color:#01579b; background:#e1f5fe;}

/* grid layout */
.j-forms .span {position:relative; float:left; width:50%; padding-left:10px; padding-right:10px;}
.j-forms .j-row {margin:0 -10px;}
.j-forms .j-row:after {content:'.'; visibility:hidden; clear:both; display:block; height:0;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
h2 span {display:block; font-size:150%; padding:1em 0;}
h2 span:before, h2 span:after {right:0; left:50%; width:40%; height:.3em; margin:0 0 0 -20%;}
h2 span:before {top:0;}
h2 span:after {top:auto; bottom:0;}

section, .header, .footer {padding:2.5em 2em;}

/* top */
.logo-main {margin-bottom:2em;}
.logo-main img {width:80%;}
.logo-main h1 {font-size:120%;}
.header article {width:100%;}
.header p {font-size:110%; letter-spacing:.025em;}
.header p+p {margin-top:1em;}
.hold-video {float:none; width:100%; margin:2em 0; padding-top:2em;}

/* stats */
.stats {padding:2.5em 0;}

.stats hgroup {position:relative; float:none; width:100%;}
.stats hgroup:after {content:''; position:absolute; right:0; bottom:-2.5em; left:0; height:.2em; background:#fff;
-moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); transform:rotate(4deg);}
.stats hgroup:last-child:after {display:none;}
.stats hgroup+hgroup {margin-top:3.5em;}
.stats h5 {font-size:250%;}
.stats h6 {margin-top:.25em; font-size:110%;}

.stats .line {display:none;}

/* book */
.book-top {padding:1em 0;}
.book-top h5, .book-top h6 {display:block; margin:0;}
.book-top i {margin-right:0;}
.book-top h5 {font-size:100%;}
.book-top h6 {margin:.5em 0 1.25em 0;}

.book hgroup {float:none; width:100%;}
.book h5 {font-size:150%;}
.book h6 {font-size:110%;}
.book .see-button {font-size:85%;}

/* join */
.join-now h2 span {font-size:120%;}
.number {margin:2em 0 1em 0; text-align:center;}
.number span {font-size:100%; line-height:100%;}
.number .step {position:relative; left:auto; display:inline-block; width:auto; height:auto; margin:0 .25em 0 0; font-size:100%; line-height:100%; background:none; opacity:.6;}
.explanation {margin:-.2em 0 1.5em 0; font-size:110%; line-height:150%; text-align:center;}
.explanation br {display:none;}

.box-question {margin:2em 0 0 0;}
.box-question .fa-question {font-size:200%; line-height:135%;}
.box-question p.call {font-size:130%;}

/* team */
.team .person {width:100%;}
.team figure {float:none; width:70%; margin:0 auto 2em auto;}
.team h5 {margin-bottom:1em; text-align:center;}

/* clients */
.clients figure {width:50%; padding-bottom:50%;}
.clients figure.empty {display:none;}
.clients img {max-width:5em; max-height:3em;}
.list {margin-top:2em;}
.clients .line.one {left:50%;}
.clients .line.two, .clients .line.three, .clients .line.four {display:none;}

/* slide */
.testimonials-slide {margin-top:1em;}
.testimonials-slide, .testimonials-slide .slides li {height:30em;}
.testimonials-slide ul:before, .testimonials-slide ul:after {width:15%;}
.testimonials-slide blockquote {padding:0 5% 6em 5%;}
.testimonials-slide blockquote.small {font-size:90%;}
.testimonials-slide p {font-size:90%;}
.testimonials-slide strong {font-size:100%;}
.testimonials-slide em {font-size:80%;}
.testimonials-slide .flex-direction-nav li {top:auto; bottom:0; width:4em; height:4em; margin-top:0; border:.2em solid #fff;}
.testimonials-slide .flex-direction-nav .flex-nav-prev {left:50%; margin-left:-4.25em;}
.testimonials-slide .flex-direction-nav .flex-nav-next {right:50%; margin-right:-4.25em;}
.testimonials-slide .flex-direction-nav a {font-size:220%; line-height:170%;}

/* footer */
.footer {padding-bottom:3em;}
.contact .big {display:block; margin:0 0 .8em 0;}
.hours {margin:2em 0; padding:.2em;}
.box {padding:1.2em;}
.box strong {border-bottom:2px solid rgba(255,255,255,.2);}
.box span {font-size:100%; line-height:120%;}
.copy {line-height:150%;}
.copy span {display:block; font-size:80%;}

/* follow */
.follow-us ul {width:14em; margin:0 auto 4em auto;}
.follow-us li {margin:.25em;}
.follow-us ul a {display:block; width:4em; height:4em; border:.2em solid #fff;}
.follow-us ul i {font-size:120%;}
.follow-us .tooltip {top:auto; bottom:-3em; right:auto; margin-right:0; 
-webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
.follow-us .tooltip:after {top:-6px; left:50%; margin-top:0; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; border-top:0;}

/* form */
.j-forms {margin:2em 0 0 0;}
.j-forms .primary-btn {font-size:100%;}
.j-forms .span {float:none; width:100%; padding:0;}
.j-forms .j-row {margin:0;}
}

/* chat */
#wp-live-chat {right:0; bottom:0;}
#wp-live-chat-header {width:7em !important; height:4em !important; right:0 !important; bottom:1em !important; margin:0 !important; box-shadow:none !important; border-radius:.5em 0 0 .5em !important;}
#wp-live-chat-header:hover {background-color:#888 !important;}
#wp-live-chat-header.show {display:none !important;}

#wp-live-chat-1, .wplc_offline {font-weight:400 !important;}

/* cookie bar */
.cookies-bar, #cookies-show {font:300 13px 'Nunito', sans-serif;}

.cookies-bar {position:fixed; z-index:16000003; bottom:1em; left:1em; padding:.8em .8em .8em 1.2em; color:#fff; background:#111; border-radius:2px;}

.cookies-bar p {float:left; padding-top:.25em; font-size:110%;}
.cookies-bar strong {font-size:80%; font-weight:400; text-transform:uppercase; letter-spacing:.085em;}

.cookies-bar .buttons {float:right; width:auto; padding-left:1em; text-align:right; white-space:nowrap; text-align:center;}
.cookies-bar .link {cursor:pointer; float:left; display:block; margin-left:.5em; padding:.75em 1em .7em 1em; color:#fff; font-size:80%; font-weight:400; letter-spacing:.085em; text-transform:uppercase; text-decoration:none; border-radius:2px;}
.cookies-bar .link:hover {text-decoration:underline;}
.cookies-bar .more {background:#1888c9;}
.cookies-bar .agree {background:#5552a1;}

#cookies-show {overflow:hidden; display:none; position:fixed; z-index:16000004; top:50%; left:50%; width:70%; height:70%; border:1.5em solid transparent; color:#111; text-align:left; background:#f1f1f1; box-shadow:0 5px 10px rgba(0,0,0,.2); border-radius:2px;
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#cookies-show article {overflow:auto; height:100%; padding:2em;}
#cookies-show p {font-size:115%; line-height:150%;}
#cookies-show p+p {margin-top:1.5em;}
#cookies-show a {color:#fff; text-decoration:underline;}
#cookies-show h3 {margin:2em 0 0 0; font-size:200%; line-height:100%;}
#cookies-show h3:nth-child(1) {margin-top:0;}
#cookies-show .close {cursor:pointer; position:absolute; top:0; right:2em; display:inline-block; padding:1em; color:#fff; font-size:90%; letter-spacing:.05em; text-transform:uppercase; text-decoration:none; background:#e61923; border-radius:2px;}
#cookies-show .close:hover {text-decoration:underline;}

@media only screen and (max-device-width: 1100px) {
.cookies-bar p, .cookies-bar .buttons, .cookies-bar .link {float:none;}
.cookies-bar {right:0; bottom:0; left:0; padding:1em;}
.cookies-bar .buttons {padding:1em 0 0 0; text-align:center;}
.cookies-bar .link {margin:.5em 0 0 0;}
#cookies-show {width:90%; height:90%; border-width:1em;}
#cookies-show .close {right:0;}
}

/* icons */
@font-face {font-family:'fontello'; src: url('assets/icon.woff') format('woff'); font-weight:normal; font-style:normal;}
 [class^="icon-"]:before, [class*=" icon-"]:before {font-family:"fontello"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:0; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:0; -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.icon-phone:before{content:'\e800'}.icon-mail:before{content:'\e801'}.icon-help:before{content:'\e802'}.icon-right:before{content:'\e803'}.icon-left:before{content:'\e804'}.icon-at:before{content:'\e805'}.icon-copyright:before{content:'\e806'}.icon-youtube:before{content:'\e807'}.icon-twitter:before{content:'\e808'}.icon-facebook:before{content:'\e809'}.icon-linkedin:before{content:'\e80a'}.icon-instagram:before{content:'\e80b'}.icon-megaphone:before{content:'\e80c'}.icon-newspaper:before{content:'\e80d'}.icon-circle:before{content:'\e80e'}