@import "https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,500,700";
body{margin:0;font-size:1.25em;font-family:'Fira Sans Condensed',sans-serif}
#wa_nav.navbar{min-height:80px}
#wa_nav.navbar-default{background:#f9f9f9;-webkit-box-shadow:  0px 0px 1px 0px rgba(0,0,0,0.1);  -moz-box-shadow:  0px 0px 1px 0px rgba(0,0,0,0.1);  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);}
#wa_nav .btn-start{background:#27C3EF;box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);border-radius:3px;text-transform:uppercase;letter-spacing:2px;font-weight:600}
#wa_nav.navbar-default .navbar-nav > li > a{color:#FFF}
@media (min-width: 768px) {
    #wa_nav .navbar-nav > li > a{padding-top:10px;padding-bottom:10px}
}
#wa_nav .button_start{margin-top:18px;margin-right:20px}
#wa_nav .navbar-brand{padding:13px 15px}
@media screen and (max-width: 767px) {
    #header_section h3{font-weight:400;font-size:18px;color:#fff;letter-spacing:2px;text-transform:uppercase}
    #header_section h2{font-weight:500;font-size:32px;color:#27C3EF;letter-spacing:.8px}
    #header_section p{font-weight:400;font-size:16px;color:#fff;letter-spacing:.88px}
}
@media (min-width: 768px) {
    #header_section h3{font-weight:500;font-size:21px;color:#fff;letter-spacing:5px;text-transform:uppercase}
    #header_section h2{font-weight:500;font-size:52px;color:#27C3EF;letter-spacing:.8px}
    #header_section p{font-weight:400;font-size:18px;color:#fff;letter-spacing:.88px}
}
#header_section .container-fluid{padding-left:0;padding-right:0}
.full-height{height:100vh}
section{padding:75px 0}
video{width:100%;height:100%;display:inline-block;vertical-align:baseline}
.video-wrap{height:100%;width:100%}
.content-overlay{position:relative;z-index:20;padding:1% 5% 0;height:100%;background:rgba(20,20,20,0.5)}
.content-overlay h1,.content-overlay p{color:#fff}
.content-overlay p{margin-top: 20px}
.content-overlay h3 span.date{border:2px solid #FFF;padding:10px;letter-spacing:6px}
.content-overlay-counter{position:relative;z-index:20;padding:7% 5% 5%;height:100%;background:rgba(20,20,20,0.5)}
.content-overlay-counter h1,.content-overlay-counter p{color:#fff}
.content-overlay-counter h3 span.date{border:2px solid #FFF;padding:10px;letter-spacing:6px}
.form-group{margin-bottom:0;color:#141414;vertical-align:top!important;font-family:'Ubuntu Condensed',sans-serif}
.form-group input.form-control{height:42px;background-color:rgba(250,250,250,0.9);color:#141414}
.form-control{border-radius:0;border:1px solid #fff}
.form-group textarea.form-control{background-color:rgba(28,30,30,0.1);color:#141414}
.form-control:focus{border-color:#6C7A89;box-shadow:none;border:1px solid #6C7A89}
::-webkit-input-placeholder{text-transform:uppercase;font-weight:700;color:#bbb}
:-moz-placeholder{text-transform:uppercase;font-weight:700;color:#bbb}
::-moz-placeholder{text-transform:uppercase;font-weight:700;color:#bbb}
:-ms-input-placeholder{text-transform:uppercase;font-weight:700;color:#bbb}
.outer-wrap{height:500px}
#video-wrap h1{text-transform:uppercase;font-weight:400;font-size:28px;background:#6C7A89;color:#FFF;margin-top:30%}
#video-wrap h2{text-transform:uppercase;font-weight:400;font-size:38px}
#video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:18px}
@media (min-width: 768px) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:28px;background:#6C7A89;color:#FFF}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:48px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:21px}
}
@media (max-width: 768px) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:21px;background:#6C7A89;color:#FFF;margin-top:40%}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:28px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:12px}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:28px;background:#6C7A89;color:#FFF}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:48px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:21px}
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:21px;background:#6C7A89;color:#FFF;margin-top:15%}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:28px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:18px}
}
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:21px;background:#6C7A89;color:#FFF;margin-top:10%}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:28px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:18px}
}
@media (max-width: 640px) {
    #video-wrap h1{text-transform:uppercase;font-weight:400;font-size:21px;background:#6C7A89;color:#FFF;margin-top:30%}
    #video-wrap h2{text-transform:uppercase;font-weight:400;font-size:24px}
    #video-wrap .sm-title{text-transform:uppercase;font-weight:700;font-size:12px}
}
#webdesign {background: #f5f7f9}
@media (max-width: 767px) {
    #webdesign{text-align:center}
    #webdesign h3{font-weight:700;font-size:24px;color:#131E29;letter-spacing:0;line-height:28px;margin-top:0}
    #webdesign h2{font-weight:500;font-size:14px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
}
@media (min-width: 768px) {
    #webdesign h2{font-weight:500;font-size:16px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #webdesign h3{font-weight:700;font-size:34px;color:#131E29;letter-spacing:0;line-height:42px}
}
ul.list-unstyled li{font-weight:400;font-size:20px;color:#4A4A4A;letter-spacing:.5px;line-height:32px}
ul.list-inline li{font-weight:400;font-size:20px;color:#4A4A4A;letter-spacing:.5px;line-height:26px}
#graphicdesign{background:#FFF}
#gd_title_section{position:relative;z-index:2;margin-top:30px}
#gd_services{position:relative;z-index:2}
#graphicdesign ul.list-inline li {margin-left: 10px; margin-right: 10px}
#gdanimation01_hype_container{margin-top:-30px!important;margin-bottom:-20px!important;z-index:1}
@media (max-width: 767px) {
    #graphicdesign{text-align:center}
    #graphicdesign h3{font-weight:700;font-size:24px;color:#131E29;letter-spacing:0;line-height:28px;margin-top:0}
    #graphicdesign h2{font-weight:500;font-size:14px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #graphicdesign p{font-weight:400;font-size:14px;color:#4A4A4A;letter-spacing:.5px;line-height:18px}
}
@media (min-width: 768px) {
    #graphicdesign h2{font-weight:500;font-size:16px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #graphicdesign h3{font-weight:700;font-size:34px;color:#131E29;letter-spacing:0;line-height:42px}
    #graphicdesign p{font-weight:400;font-size:18px;color:#4A4A4A;letter-spacing:.5px;line-height:26px}
}
#performance_optimization {background: #f5f7f9}
@media (max-width: 767px) {
    #performance_optimization{text-align:center}
    #performance_optimization h3{font-weight:700;font-size:24px;color:#131E29;letter-spacing:0;line-height:28px;margin-top:0}
    #performance_optimization h2{font-weight:500;font-size:14px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
}
@media (min-width: 768px) {
    #performance_optimization h2{font-weight:500;font-size:16px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #performance_optimization h3{font-weight:700;font-size:34px;color:#131E29;letter-spacing:0;line-height:42px}
}
#wa_cta{padding:0;text-align:center;background:#FFF}
@media (max-width: 767px) {
    #wa_cta{text-align:center}
    #wa_cta h3{font-weight:700;font-size:24px;color:#131E29;letter-spacing:0;line-height:28px;margin-top:0}
    #wa_cta h2{font-weight:500;font-size:14px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #wa_cta p{font-weight:400;font-size:14px;color:#131E29;letter-spacing:.5px;line-height:18px}
}
@media (min-width: 768px) {
    #wa_cta h2{font-weight:500;font-size:16px;color:#27C3EF;letter-spacing:1.3px;text-transform:uppercase}
    #wa_cta h3{font-weight:700;font-size:34px;color:#131E29;letter-spacing:0;line-height:42px}
    #wa_cta p{font-weight:400;font-size:18px;color:#131E29;letter-spacing:.5px;line-height:26px}
}
#wa_cta_title {position: relative;z-index: 1}

.circle-button{background-color:#27C3EF;width:60px;height:60px;position:fixed;right:4%;bottom:4%;border-radius:50%;box-shadow:0 0 5px #313c41;color:#fff;font-size:58px;line-height:62px;text-align:center;transition:300ms ease;z-index:9999;cursor:pointer}
.circle-button:hover,.circle-button:focus{text-decoration:none;color:#fff}
.ripple{position:relative;overflow:hidden}
.ripple:after{content:"";background:rgba(255,255,255,0.3);display:block;position:absolute;border-radius:50%;padding-top:240%;padding-left:140%;margin-top:-70%;margin-left:-70%;opacity:0;transition:all 1s}
.ripple:active:after{padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0}
@media (max-width: 767px) {
    .navbar-brand{transform:translateX(-50%);left:50%;position:absolute}
}

iframe {margin-top: -40px;}


footer{background:#131e29;padding:15px 15px 5px;}
footer #copyright{color:#FFF}
footer #copyright p{font-size:12px;margin: 10px 0 0 0;}
footer #copyright ul.list-inline li a{color:#cadfe5;font-size:12px}
footer #copyright ul.list-inline li a:hover,footer #copyright ul.list-inline li a:hover{color:#FFF;text-decoration:none}
footer .footer_hr {opacity: 0.2; -moz-opacity: 0.2;}


/* Margins */
.mrgn-5-top{margin-top:5px}
.mrgn-10-top{margin-top:10px}
.mrgn-15-top{margin-top:15px}
.mrgn-20-top{margin-top:20px}
.mrgn-30-top{margin-top:30px}
.mrgn-40-top{margin-top:40px}
.mrgn-50-top{margin-top:50px}
.mrgn-60-top{margin-top:60px}
.mrgn-70-top{margin-top:70px}
.mrgn-80-top{margin-top:80px}
.mrgn-90-top{margin-top:90px}
.mrgn-100-top{margin-top:100px}
.mrgn-5-btm{margin-bottom:5px}
.mrgn-10-btm{margin-bottom:10px}
.mrgn-20-btm{margin-bottom:20px}
.mrgn-30-btm{margin-bottom:30px}
.mrgn-40-btm{margin-bottom:40px}
.mrgn-50-btm{margin-bottom:50px}
.mrgn-60-btm{margin-bottom:60px}
.mrgn-10-top-btm{margin:10px 0}
.mrgn-20-top-btm{margin:20px 0}
.mrgn-30-top-btm{margin:30px 0}
.mrgn-40-top-btm{margin:40px 0}
.mrgn-50-top-btm{margin:50px 0}
.mrgn-60-top-btm{margin:60px 0}
.mrgn-70-top-btm{margin:70px 0}
.mrgn-80-top-btm{margin:80px 0}
.mrgn-90-top-btm{margin:90px 0}
.mrgn-100-top-btm{margin:100px 0}
.mrgn-160-top-btm{margin:160px 0}