h1,h2,h3,h4,h5{font-family:'Montserrat Alternates',sans-serif}h2.site-description{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1px}.site-brand h1{letter-spacing:4px;padding-bottom:0;margin-bottom:0}.site-brand{background:rgba(0,0,0,0) url(images/xFreshClicksLogo_flat.png.pagespeed.ic.PH-dQNepY0.png) no-repeat scroll right;width:325px;height:80px}@media (max-width:768px){.site-brand{height:59px}}#header.small .site-brand{background:rgba(0,0,0,0) url(images/xFreshClicksLogo_flat.png.pagespeed.ic.PH-dQNepY0.png) no-repeat scroll right top;background-size:50px}@media (max-width:768px){.site-brand{padding-bottom:15px;width:265px;background:rgba(0,0,0,0) url(images/xFreshClicksLogo_flat.png.pagespeed.ic.PH-dQNepY0.png) no-repeat scroll right top;background-size:50px}.site-brand h1{letter-spacing:1px;padding-bottom:10px;margin-bottom:5px}}#welcome{height:100vh}#welcome h1{font-size:10.2rem}#welcome p{font-size:2.2rem;padding-top:2em}@media (max-width:768px){#welcome{padding-top:30px;height:100vh}#welcome h1{font-size:5.2rem}#welcome p{font-size:1.6rem}}#contact #message,#contact-mini #message{position:relative;padding:5px 20px;margin-top:1em;width:100%;text-align:center;color:#333}@media (max-width:768px){#message{top:40vh;padding:0 20px;text-align:center}}#message{color:#fff;left:0;margin-top:20px;padding:5px 20px;position:absolute;text-align:center;top:50vh;width:100%;z-index:1}.our-work{height:200px}.our-work h1{text-align:center;padding-top:40px;font-size:10.2rem}@media (max-width:768px){.our-work h1{font-size:5.2rem;padding-top:60px}}body{background:#fff}a{color:#399}#welcome{background:#399}.site-title a{color:#fff;text-decoration:none}#header{background-color:rgba(0,0,0,.8);border-bottom:#3f3f3f}.wt_skin_color{color:#399}.wt_skin_bg_color{background-color:#399!important}.wt_skin_border_color{border-color:#399}.wt_skin_border_left_color{border-left-color:#399}.wt_skin_border_right_color{border-right-color:#399}.wt_skin_border_top_color{border-top-color:#399}.wt_skin_border_bottom_color{border-bottom-color:#399}#header-mobile #nav.nav_top .navbar-nav{background-color:#1a1e23;z-index:200;position:relative}#nav.nav_top .navbar-nav>li>a{color:#fff}.home #nav.nav_top .navbar-nav>li>a,#nav.nav_top ul li.current_page_item>a{color:#fff}#nav.nav_top ul li.active>a{color:#399}#nav.nav_top ul li:hover>a{color:#399;background:transparent}.home #nav.nav_top ul li:hover>a,.home #nav.nav_top ul li.current_page_item>a,#nav.nav_top ul li.current_page_item>a,#nav.nav_top ul li:hover>a{background-color:#399;color:#fff}a.btn-work{border:solid 1px #399;z-index:3}a.btn-work-opo{border:solid 1px #fff;background-color:rgba(51,153,153,.65);z-index:3;color:#fff}.widget .menu li>a{display:block;width:100%;padding:10px}a.btn-work:hover,.widget .menu li>a:hover{background-color:#399;color:#fff}a.btn-work-opo:hover,
{background-color:#fff;color:#399;z-index:3}#nav ul ul.children li ul.children{border-bottom:#399}#nav ul ul.children li{border-color:#ddd;background-color:#fff}#nav ul ul.sub-menu li a,#nav ul ul.children li a{color:#777}#nav ul li .mega-menu-widget a:hover{color:#399}#nav ul ul.sub-menu li:hover>a,#nav ul ul.children li:hover>a{background:#f6f6f6;color:#777}#nav ul ul.sub-menu li:hover>a,#nav ul ul.children li:hover>a{background:#f6f6f6;color:#777}.home #nav ul :not(.wt_megamenu) ul.sub-menu li,
.home #nav ul ul.children li {border-color:#3f3f3f;background-color:#1a1e23;background-color:rgba(0,0,0,.65)}.home #nav ul ul.sub-menu li a,.home #nav ul ul.children li a{color:#fff}#nav ul p{color:#69747a}#nav ul li>.megamenu .button{color:#fff!important}.widget{color:#777}.wt_services h3{color:#222}#sidebar .widgettitle{color:#222}#breadcrumbs .breadcrumbs{color:#444}#breadcrumbs .breadcrumbs a{color:#399}#breadcrumbs .breadcrumbs a:hover{color:#444}#breadcrumbs .breadcrumbs-separator{color:#399}.arrow{position:fixed;bottom:0;left:50%;margin-left:-20px}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}.come-in-right{transform:translateX(150px);animation:come-in 1.0s ease forwards}.come-in-left{transform:translateX(-250px);animation:come-in 1.0s ease forwards}.already-visible{transform:translateX(0);animation:none}.come-in:nth-child(odd) {animation-duration:.8s}@keyframes come-in {
    to { transform: translateX(0); }
}.work .entry-content{background:none;box-shadow:none}.work{padding-left:0;padding-right:0}#services{background:rgba(0,0,0,1) url(images/pineapples40.jpg.pagespeed.ce.acqEIcY2BD.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center;color:#fff;padding:60px 0;display:block}.services{margin:0 auto;text-align:center;width:80%}@media (max-width:768px){.services{width:90%}}.services .col-sm-6{min-height:225px;display:block}.services h3{padding:20px 0}@media (max-width:768px){.services h3{padding:10px 0}}.services .glyphicon{font-size:4.8rem}.services p{font-size:1.8rem;font-weight:100;letter-spacing:1px}.work h1,.work h2,.work h3{font-family:'Montserrat Alternates',sans-serif;width:80%;text-align:center;margin:0 auto}.work h2{padding-bottom:2em}.work .entry-header{padding:60px 0}#contact{padding:60px 0;margin:0 auto;text-align:center}.services h2,.work .entry-header h1{padding:20px 0}.services h1{font-size:10.2rem;line-height:2}@media (max-width:768px){.services h1{font-size:5.2rem;line-height:1.5}.services h2{font-size:2.2rem}}.work .entry-header h2,.services h2,#contact h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:100;letter-spacing:2px}.work .entry-header h2{text-transform:uppercase}.work .entry-content{padding:0;margin:0}.work p{padding:10px 15px}.work .img-work,.lead,.feature,.process,.quote{padding:60px 0;margin:0 auto}.lead,.quote,.feature{font-size:2.8rem;text-align:center;width:80%}@media (max-width:768px){.lead,.quote,.feature{font-size:2rem;width:90%}}.work blockquote p{font-size:2.8rem;text-align:left;line-height:1.2;border-left:none}@media (max-width:768px){.work blockquote p{font-size:2rem}}.blue{color:#145f78}.blue-bg{background:#145f78}.lt-blue{color:#399}.lt-blue-bg{background-color:#399}.gold{color:#f6c652}.gold-bg{background-color:#f6c652}.red{color:#9e4311}.red-bg{background-color:#9e4311;color:#f6c652}.grey-bg{background-color:#455962}.lt-grey-bg{background-color:#ccc}.home .post-14,.home .post-1267,.work .post-1267 .img-work{background:#9e4311}.work .post-1264 .img-work,.home .post-1277,.work .post-1277 .img-work{background:#f6c652}.intro-video{position:absolute;width:100%;padding-top:20%;text-align:center}@media (max-width:768px){.intro-video{padding-top:5%}}html{overflow-y:scroll;overflow-x:hidden}ul.tiles{list-style-type:none;margin:0;padding:0}.dashboard{padding-top:120px;margin:0 auto;width:100%;-webkit-transform:translateX(200px);-ms-transform:translateX(200px);-o-transform:translateX(200px);transform:translateX(200px);opacity:0;-webkit-animation:start 1s ease-out forwards;-o-animation:start 1s ease-out forwards;animation:start 1s ease-out forwards}@media (max-width:768px){.dashboard{padding-top:0}}@-webkit-keyframes start {
  0% {
    -webkit-transform: translateX(200px);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    -webkit-transform: translateX(0);
    opacity: 1
  }
}@keyframes start {
  0% {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}.tile .col1,.tile .col2,.tile .col3{width:99%;margin:1em auto}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-track{background:#ddd}.r-page{width:100%;height:100%;text-align:center;font-size:2em;font-weight:300;position:absolute;right:0;top:0;left:0;bottom:0;opacity:0;color:#fff;z-index:10;padding:10px;-webkit-transform-origin:100% 0%;-ms-transform-origin:100% 0%;-o-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-transform:rotateY(-90deg) translateZ(5em);-ms-transform:rotateY(-90deg) translateZ(5em);-o-transform:rotateY(-90deg) translateZ(5em);transform:rotateY(-90deg) translateZ(5em)}.s-page{color:#fff;z-index:10;text-align:center;font-size:2em;font-weight:300}.s-page,.r-page{background-color:#fff;color:#000}.close-button{font-size:1.5em;width:1em;height:1em;position:absolute;top:.75em;right:.75em;cursor:pointer;line-height:.8em;text-align:center}.tile{float:left;margin:0 auto 1%;color:#fff;font-size:1.3em;text-align:center;height:8em;font-weight:300;overflow:hidden;cursor:pointer;position:relative;background-color:#fff;color:#333;position:relative;-webkit-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.tile-2xbig{height:16.15em;width:100%}.tile-big{width:100%}.tile img{width:100%;height:70%}.tile-caption{position:absolute;z-index:1;background-color:#455962;color:#fff;font-size:1em;padding:1em;text-align:left}.caption-bottom{left:0;bottom:0;right:0;height:40%}.caption-left{left:-100%;top:0;bottom:0;width:40%;-webkit-transition:left .3s linear;-o-transition:left .3s linear;transition:left .3s linear}.tile:hover .caption-left{left:0}.tile-small{width:49%;margin-right:2%}.tile-small.last{margin-right:0}.tile div{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;display:table;padding:0 1em;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.tile div p{display:table-cell;vertical-align:middle}.tile-1{background-color:#3e9ea5;color:#fff}.tile-2{background-color:#455962;color:#fff}.tile-2:hover{background-color:#fff;color:#455962}.tile-3{background-color:#ddd;color:#455962}.tile-3:hover{background-color:#fff;color:#455962}.tile-5{background-color:#f6c652;color:#fff}.tile-5:hover{background-color:#fff;color:#f6c652}.tile-6{background-color:#145f78;color:#fff}.tile-7,.tile-8{background-color:transparent}.tile-10{background-color:#f6c652;color:#9e4311}.tile-10:hover{background-color:#9e4311;color:#f6c652}.tile-10 div{text-align:left}.tile-3 p{font-size:4em;margin-top:.5em}.tile-5 p,.tile-6 p{font-size:2em}.tile-5 p span,.tile-6 p span{font-size:1.3em;margin-right:.7em;position:relative;top:.15em}.tile-6 p span{margin-right:1em}.slideTextUp div:nth-child(2) {top:100%}.slideTextUp:hover div{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.tile-1 p{font-size:1.3em}.slideTextRight div:first-child{left:-100%}.slideTextRight:hover div{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.slideTextLeft div:nth-child(2) {left:100%}.slideTextLeft:hover div{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.rotate3d{-webkit-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;overflow:visible}.faces{-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-o-transition:-o-transform 1s;transition:-webkit-transform 1s;transition:-ms-transform 1s;transition:-o-transform 1s;transition:transform 1s}.faces div{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.faces .front{background-color:#455962;color:#ddd}.rotate3dX .front{background-color:#455962;color:#ddd}.rotate3dY .front{background-color:#ddd;color:#455962}.faces .back{background-color:#455962;color:#ddd}.front span{display:inline-block;font-size:4em;margin-top:.5em}.rotate3dY .back{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.rotate3dX .back{-webkit-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}.back p{padding:2.5em 3em}.rotate3dY:hover .faces:hover{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.rotate3dX:hover .faces:hover{-webkit-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}.s-page{height:100%;width:100%;position:absolute;top:0;left:-150%;color:#fff;text-align:center;font-weight:300;z-index:1}.s-page p{font-size:6em;margin-top:2em;font-weight:100}.myform{margin:2em auto;width:300px}input{display:block;line-height:40px;padding:0 10px;width:260px;height:40px;float:left}#unlock-button{background:#000;color:#fff;font-size:1em;float:left;border:0;height:2.5em;width:2.5em;padding:.3125em;text-align:center;cursor:pointer;border-radius:2px}.delete-button{font-size:.7em;float:right;line-height:25px}@media screen and (min-width:43.75em){.col1,.col2,.col3{float:left;margin-right:1%;width:49%}.page-title{font-size:2.5em}.page-content{font-size:1em}.close-button{font-size:2em}}@media screen and (min-width:64em){.col1,.col2,.col3{float:left;margin-right:.5%;width:31%}.col3{margin-right:0}.col1{margin-left:2em}.page-title{font-size:3.5em}}@-webkit-keyframes fadeOutBack {
  0% {
    -webkit-transform: translateX(-2em) scale(1);
    transform: translateX(-2em) scale(1);
    opacity: 1
  }

  70% {
    -webkit-transform: translateZ(-5em) scale(0.6);
    transform: translateZ(-5em) scale(0.6);
    opacity: 0.5
  }

  95% {
    -webkit-transform: translateZ(-5em) scale(0.6);
    transform: translateZ(-5em) scale(0.6);
    opacity: 0.5
  }

  100% {
    -webkit-transform: translateZ(-5em) scale(0);
    transform: translateZ(-5em) scale(0);
    opacity: 0
  }
}@-webkit-keyframes fadeInForward {
  0% {
    -webkit-transform: translateZ(-5em) scale(0);
    transform: translateZ(-5em) scale(0);
    opacity: 0
  }

  100% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1
  }
}@-webkit-keyframes rotatePageInFromRight {
  0% {
    -webkit-transform: rotateY(-90deg) translateZ(5em);
    transform: rotateY(-90deg) translateZ(5em);
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }
}@-webkit-keyframes slidePageLeft {
  0% {
    left: 0;
    -webkit-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
  }
}@-webkit-keyframes slidePageInFromLeft {
  0% {
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 1;
    left: 0
  }
}@-webkit-keyframes slidePageBackLeft {
  0% {
    opacity: 1;
    left: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
  }

  10% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%
  }
}@-o-keyframes fadeOutBack {
  0% {
    -webkit-transform: translateX(-2em) scale(1);
    -ms-transform: translateX(-2em) scale(1);
    -o-transform: translateX(-2em) scale(1);
    transform: translateX(-2em) scale(1);
    opacity: 1
  }

  70% {
    -webkit-transform: translateZ(-5em) scale(0.6);
    -ms-transform: translateZ(-5em) scale(0.6);
    -o-transform: translateZ(-5em) scale(0.6);
    transform: translateZ(-5em) scale(0.6);
    opacity: 0.5
  }

  95% {
    -webkit-transform: translateZ(-5em) scale(0.6);
    -ms-transform: translateZ(-5em) scale(0.6);
    -o-transform: translateZ(-5em) scale(0.6);
    transform: translateZ(-5em) scale(0.6);
    opacity: 0.5
  }

  100% {
    -webkit-transform: translateZ(-5em) scale(0);
    -ms-transform: translateZ(-5em) scale(0);
    -o-transform: translateZ(-5em) scale(0);
    transform: translateZ(-5em) scale(0);
    opacity: 0
  }
}@-o-keyframes fadeInForward {
  0% {
    -webkit-transform: translateZ(-5em) scale(0);
    -ms-transform: translateZ(-5em) scale(0);
    -o-transform: translateZ(-5em) scale(0);
    transform: translateZ(-5em) scale(0);
    opacity: 0
  }

  100% {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1
  }
}@-o-keyframes rotatePageInFromRight {
  0% {
    -webkit-transform: rotateY(-90deg) translateZ(5em);
    -ms-transform: rotateY(-90deg) translateZ(5em);
    -o-transform: rotateY(-90deg) translateZ(5em);
    transform: rotateY(-90deg) translateZ(5em);
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }
}@-o-keyframes slidePageLeft {
  0% {
    left: 0;
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg)
  }
}@-o-keyframes slidePageInFromLeft {
  0% {
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 1;
    left: 0
  }
}@-o-keyframes slidePageBackLeft {
  0% {
    opacity: 1;
    left: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95)
  }

  10% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%
  }
}@-o-keyframes start {
  0% {
    -webkit-transform: translateX(200px);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    -webkit-transform: translateX(0);
    opacity: 1
  }
}